/* Minification failed. Returning unminified contents. (2551,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found '';'' (49376,44): run-time error CSS1030: Expected identifier, found ',' (49376,159): run-time error CSS1031: Expected selector, found ')' (49376,159): run-time error CSS1025: Expected comma or open brace, found ')' */ /*! jQuery UI - v1.12.1 - 2016-09-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6 * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none;}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none;}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse;}.ui-helper-clearfix:after{clear:both;}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0);}.ui-front{z-index:100;}.ui-state-disabled{cursor:default !important;pointer-events:none;}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block;}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%;}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%;}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto;}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default;}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0;}.ui-menu .ui-menu{position:absolute;}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em;}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0;}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px;}.ui-menu-icons{position:relative;}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em;}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0;}.ui-menu .ui-menu-icon{left:auto;right:0;}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible;}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none;}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap;}input.ui-button.ui-button-icon-only{text-indent:0;}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px;}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap;}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em;}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0;}.ui-controlgroup{vertical-align:middle;display:inline-block;}.ui-controlgroup>.ui-controlgroup-item{float:left;margin-left:0;margin-right:0;}.ui-controlgroup>.ui-controlgroup-item:focus,.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus{z-index:9999;}.ui-controlgroup-vertical>.ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left;}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box;}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em;}.ui-controlgroup .ui-controlgroup-label span{font-size:80%;}.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item{border-left:none;}.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item{border-top:none;}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none;}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none;}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc(100% - 2.4em);}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid;}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none;}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none;}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid;}.ui-checkboxradio-disabled{pointer-events:none;}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none;}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0;}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em;}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px;}.ui-datepicker .ui-datepicker-prev{left:2px;}.ui-datepicker .ui-datepicker-next{right:2px;}.ui-datepicker .ui-datepicker-prev-hover{left:1px;}.ui-datepicker .ui-datepicker-next-hover{right:1px;}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px;}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center;}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0;}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%;}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em;}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0;}.ui-datepicker th span{color:rgba(0,0,0,.54);}.ui-datepicker td{border:0;padding:1px;}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none;}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0;}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible;}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left;}.ui-datepicker.ui-datepicker-multi{width:auto;}.ui-datepicker-multi .ui-datepicker-group{float:left;}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em;}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%;}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%;}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%;}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0;}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left;}.ui-datepicker-row-break{clear:both;width:100%;font-size:0;}.ui-datepicker-rtl{direction:rtl;}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto;}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto;}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto;}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto;}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right;}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left;}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right;}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px;}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em;}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0;}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative;}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis;}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px;}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto;}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em;}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right;}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer;}.ui-dialog .ui-resizable-n{height:2px;top:0;}.ui-dialog .ui-resizable-e{width:2px;right:0;}.ui-dialog .ui-resizable-s{height:2px;bottom:0;}.ui-dialog .ui-resizable-w{width:2px;left:0;}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px;}.ui-dialog .ui-resizable-se{right:0;bottom:0;}.ui-dialog .ui-resizable-sw{left:0;bottom:0;}.ui-dialog .ui-resizable-ne{right:0;top:0;}.ui-dialog .ui-resizable-nw{left:0;top:0;}.ui-draggable .ui-dialog-titlebar{cursor:move;}.ui-draggable-handle{-ms-touch-action:none;touch-action:none;}.ui-resizable{position:relative;}.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none;}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none;}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0;}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0;}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%;}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%;}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px;}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px;}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px;}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px;}.ui-progressbar{height:2em;text-align:left;overflow:hidden;}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%;}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:.25;}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none;}.ui-selectable{-ms-touch-action:none;touch-action:none;}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000;}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none;}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px;}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px .4em;margin:.5em 0 0 0;height:auto;border:0;}.ui-selectmenu-open{display:block;}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis;}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em;}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0;}.ui-slider{position:relative;text-align:left;}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none;}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0;}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit;}.ui-slider-horizontal{height:.8em;}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em;}.ui-slider-horizontal .ui-slider-range{top:0;height:100%;}.ui-slider-horizontal .ui-slider-range-min{left:0;}.ui-slider-horizontal .ui-slider-range-max{right:0;}.ui-slider-vertical{width:.8em;height:100px;}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em;}.ui-slider-vertical .ui-slider-range{left:0;width:100%;}.ui-slider-vertical .ui-slider-range-min{bottom:0;}.ui-slider-vertical .ui-slider-range-max{top:0;}.ui-sortable-handle{-ms-touch-action:none;touch-action:none;}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle;}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em;}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0;}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none;}.ui-spinner-up{top:0;}.ui-spinner-down{bottom:0;}.ui-tabs{position:relative;padding:.2em;}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0;}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap;}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none;}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px;}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text;}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer;}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none;}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;}body .ui-tooltip{border-width:2px;}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em;}.ui-widget .ui-widget{font-size:1em;}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em;}.ui-widget.ui-widget-content{border:1px solid #c5c5c5;}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#353f4a;}.ui-widget-content a{color:#353f4a;}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#353f4a;font-weight:bold;}.ui-widget-header a{color:#353f4a;}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545;}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none;}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b;}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none;}.ui-visual-focus{box-shadow:0 0 3px 1px #5e9ed6;}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{font-weight:normal;color:#fff;}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff;}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none;}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620;}.ui-state-checked{border:1px solid #dad55e;background:#fffa90;}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620;}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f;}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f;}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f;}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold;}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal;}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none;}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35);}.ui-icon{width:16px;height:16px;}.ui-icon,.ui-widget-content .ui-icon{background-position:unset !important;right:-10px;}.ui-icon-triangle-1-s,.ui-widget-content .ui-icon-triangle-1-s{background-image:url("images/icons/icon-sorter-up.png");}.ui-icon-triangle-1-n,.ui-widget-content .ui-icon-triangle-1-n{background-image:url("images/icons/icon-sorter-down.png");}.ui-icon-triangle-2-n-s,.ui-widget-content .ui-icon-triangle-2-n-s{background-image:url("images/icons/icon-sorter.png");}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png");}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png");}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png");}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png");}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png");}.ui-button .ui-icon{background-image:url("images/close.png");display:none;}.ui-icon-blank{background-position:16px 16px;}.ui-icon-caret-1-n{background-position:0 0;}.ui-icon-caret-1-ne{background-position:-16px 0;}.ui-icon-caret-1-e{background-position:-32px 0;}.ui-icon-caret-1-se{background-position:-48px 0;}.ui-icon-caret-1-s{background-position:-65px 0;}.ui-icon-caret-1-sw{background-position:-80px 0;}.ui-icon-caret-1-w{background-position:-96px 0;}.ui-icon-caret-1-nw{background-position:-112px 0;}.ui-icon-caret-2-n-s{background-position:-128px 0;}.ui-icon-caret-2-e-w{background-position:-144px 0;}.ui-icon-triangle-1-n{background-position:0 -16px;}.ui-icon-triangle-1-ne{background-position:-16px -16px;}.ui-icon-triangle-1-e{background-position:-32px -16px;}.ui-icon-triangle-1-se{background-position:-48px -16px;}.ui-icon-triangle-1-s{background-position:-65px -16px;}.ui-icon-triangle-1-sw{background-position:-80px -16px;}.ui-icon-triangle-1-w{background-position:-96px -16px;}.ui-icon-triangle-1-nw{background-position:-112px -16px;}.ui-icon-triangle-2-n-s{background-position:-128px -16px;}.ui-icon-triangle-2-e-w{background-position:-144px -16px;}.ui-icon-arrow-1-n{background-position:0 -32px;}.ui-icon-arrow-1-ne{background-position:-16px -32px;}.ui-icon-arrow-1-e{background-position:-32px -32px;}.ui-icon-arrow-1-se{background-position:-48px -32px;}.ui-icon-arrow-1-s{background-position:-65px -32px;}.ui-icon-arrow-1-sw{background-position:-80px -32px;}.ui-icon-arrow-1-w{background-position:-96px -32px;}.ui-icon-arrow-1-nw{background-position:-112px -32px;}.ui-icon-arrow-2-n-s{background-position:-128px -32px;}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px;}.ui-icon-arrow-2-e-w{background-position:-160px -32px;}.ui-icon-arrow-2-se-nw{background-position:-176px -32px;}.ui-icon-arrowstop-1-n{background-position:-192px -32px;}.ui-icon-arrowstop-1-e{background-position:-208px -32px;}.ui-icon-arrowstop-1-s{background-position:-224px -32px;}.ui-icon-arrowstop-1-w{background-position:-240px -32px;}.ui-icon-arrowthick-1-n{background-position:1px -48px;}.ui-icon-arrowthick-1-ne{background-position:-16px -48px;}.ui-icon-arrowthick-1-e{background-position:-32px -48px;}.ui-icon-arrowthick-1-se{background-position:-48px -48px;}.ui-icon-arrowthick-1-s{background-position:-64px -48px;}.ui-icon-arrowthick-1-sw{background-position:-80px -48px;}.ui-icon-arrowthick-1-w{background-position:-96px -48px;}.ui-icon-arrowthick-1-nw{background-position:-112px -48px;}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px;}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px;}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px;}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px;}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px;}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px;}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px;}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px;}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px;}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px;}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px;}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px;}.ui-icon-arrowreturn-1-w{background-position:-64px -64px;}.ui-icon-arrowreturn-1-n{background-position:-80px -64px;}.ui-icon-arrowreturn-1-e{background-position:-96px -64px;}.ui-icon-arrowreturn-1-s{background-position:-112px -64px;}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px;}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px;}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px;}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px;}.ui-icon-arrow-4{background-position:0 -80px;}.ui-icon-arrow-4-diag{background-position:-16px -80px;}.ui-icon-extlink{background-position:-32px -80px;}.ui-icon-newwin{background-position:-48px -80px;}.ui-icon-refresh{background-position:-64px -80px;}.ui-icon-shuffle{background-position:-80px -80px;}.ui-icon-transfer-e-w{background-position:-96px -80px;}.ui-icon-transferthick-e-w{background-position:-112px -80px;}.ui-icon-folder-collapsed{background-position:0 -96px;}.ui-icon-folder-open{background-position:-16px -96px;}.ui-icon-document{background-position:-32px -96px;}.ui-icon-document-b{background-position:-48px -96px;}.ui-icon-note{background-position:-64px -96px;}.ui-icon-mail-closed{background-position:-80px -96px;}.ui-icon-mail-open{background-position:-96px -96px;}.ui-icon-suitcase{background-position:-112px -96px;}.ui-icon-comment{background-position:-128px -96px;}.ui-icon-person{background-position:-144px -96px;}.ui-icon-print{background-position:-160px -96px;}.ui-icon-trash{background-position:-176px -96px;}.ui-icon-locked{background-position:-192px -96px;}.ui-icon-unlocked{background-position:-208px -96px;}.ui-icon-bookmark{background-position:-224px -96px;}.ui-icon-tag{background-position:-240px -96px;}.ui-icon-home{background-position:0 -112px;}.ui-icon-flag{background-position:-16px -112px;}.ui-icon-calendar{background-position:-32px -112px;}.ui-icon-cart{background-position:-48px -112px;}.ui-icon-pencil{background-position:-64px -112px;}.ui-icon-clock{background-position:-80px -112px;}.ui-icon-disk{background-position:-96px -112px;}.ui-icon-calculator{background-position:-112px -112px;}.ui-icon-zoomin{background-position:-128px -112px;}.ui-icon-zoomout{background-position:-144px -112px;}.ui-icon-search{background-position:-160px -112px;}.ui-icon-wrench{background-position:-176px -112px;}.ui-icon-gear{background-position:-192px -112px;}.ui-icon-heart{background-position:-208px -112px;}.ui-icon-star{background-position:-224px -112px;}.ui-icon-link{background-position:-240px -112px;}.ui-icon-cancel{background-position:0 -128px;}.ui-icon-plus{background-position:-16px -128px;}.ui-icon-plusthick{background-position:-32px -128px;}.ui-icon-minus{background-position:-48px -128px;}.ui-icon-minusthick{background-position:-64px -128px;}.ui-icon-close{background-position:-80px -128px;}.ui-icon-closethick{background-position:-96px -128px;}.ui-icon-key{background-position:-112px -128px;}.ui-icon-lightbulb{background-position:-128px -128px;}.ui-icon-scissors{background-position:-144px -128px;}.ui-icon-clipboard{background-position:-160px -128px;}.ui-icon-copy{background-position:-176px -128px;}.ui-icon-contact{background-position:-192px -128px;}.ui-icon-image{background-position:-208px -128px;}.ui-icon-video{background-position:-224px -128px;}.ui-icon-script{background-position:-240px -128px;}.ui-icon-alert{background-position:0 -144px;}.ui-icon-info{background-position:-16px -144px;}.ui-icon-notice{background-position:-32px -144px;}.ui-icon-help{background-position:-48px -144px;}.ui-icon-check{background-position:-64px -144px;}.ui-icon-bullet{background-position:-80px -144px;}.ui-icon-radio-on{background-position:-96px -144px;}.ui-icon-radio-off{background-position:-112px -144px;}.ui-icon-pin-w{background-position:-128px -144px;}.ui-icon-pin-s{background-position:-144px -144px;}.ui-icon-play{background-position:0 -160px;}.ui-icon-pause{background-position:-16px -160px;}.ui-icon-seek-next{background-position:-32px -160px;}.ui-icon-seek-prev{background-position:-48px -160px;}.ui-icon-seek-end{background-position:-64px -160px;}.ui-icon-seek-start{background-position:-80px -160px;}.ui-icon-seek-first{background-position:-80px -160px;}.ui-icon-stop{background-position:-96px -160px;}.ui-icon-eject{background-position:-112px -160px;}.ui-icon-volume-off{background-position:-128px -160px;}.ui-icon-volume-on{background-position:-144px -160px;}.ui-icon-power{background-position:0 -176px;}.ui-icon-signal-diag{background-position:-16px -176px;}.ui-icon-signal{background-position:-32px -176px;}.ui-icon-battery-0{background-position:-48px -176px;}.ui-icon-battery-1{background-position:-64px -176px;}.ui-icon-battery-2{background-position:-80px -176px;}.ui-icon-battery-3{background-position:-96px -176px;}.ui-icon-circle-plus{background-position:0 -192px;}.ui-icon-circle-minus{background-position:-16px -192px;}.ui-icon-circle-close{background-position:-32px -192px;}.ui-icon-circle-triangle-e{background-position:-48px -192px;}.ui-icon-circle-triangle-s{background-position:-64px -192px;}.ui-icon-circle-triangle-w{background-position:-80px -192px;}.ui-icon-circle-triangle-n{background-position:-96px -192px;}.ui-icon-circle-arrow-e{background-position:-112px -192px;}.ui-icon-circle-arrow-s{background-position:-128px -192px;}.ui-icon-circle-arrow-w{background-position:-144px -192px;}.ui-icon-circle-arrow-n{background-position:-160px -192px;}.ui-icon-circle-zoomin{background-position:-176px -192px;}.ui-icon-circle-zoomout{background-position:-192px -192px;}.ui-icon-circle-check{background-position:-208px -192px;}.ui-icon-circlesmall-plus{background-position:0 -208px;}.ui-icon-circlesmall-minus{background-position:-16px -208px;}.ui-icon-circlesmall-close{background-position:-32px -208px;}.ui-icon-squaresmall-plus{background-position:-48px -208px;}.ui-icon-squaresmall-minus{background-position:-64px -208px;}.ui-icon-squaresmall-close{background-position:-80px -208px;}.ui-icon-grip-dotted-vertical{background-position:0 -224px;}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px;}.ui-icon-grip-solid-vertical{background-position:-32px -224px;}.ui-icon-grip-solid-horizontal{background-position:-48px -224px;}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px;}.ui-icon-grip-diagonal-se{background-position:-80px -224px;}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px;}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px;}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px;}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px;}.ui-widget-overlay{background:#aaa;opacity:.003;filter:Alpha(Opacity=.3);}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666;} /*#region fonts*/ @font-face { font-family: 'Lato'; src: url("fonts/Lato-Regular.eot"); src: url("fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Regular.woff") format("woff"), url("fonts/Lato-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Lato-Semibold'; src: url("fonts/Lato-Semibold.eot"); src: url("fonts/Lato-Semibold.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Semibold.woff") format("woff"), url("fonts/Lato-Semibold.ttf") format("truetype"); font-weight: 600; } @font-face { font-family: 'Lato-Bold'; src: url("fonts/Lato-Bold.eot"); src: url("fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Bold.woff") format("woff"), url("fonts/Lato-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: 'Sarabun'; src: url("fonts/Sarabun-ExtraBold.eot"); src: url("fonts/Sarabun-ExtraBold.eot?#iefix") format("embedded-opentype"), url("fonts/Sarabun-ExtraBold.woff") format("woff"), url("fonts/Sarabun-ExtraBold.ttf") format("truetype"); font-style: normal; } @font-face { font-family: 'Sarabun-Bold'; src: url("fonts/Sarabun-Bold.eot"); src: url("fonts/Sarabun-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Sarabun-Bold.woff") format("woff"), url("fonts/Sarabun-Bold.ttf") format("truetype"); font-style: normal; } @font-face { font-family: 'Sarabun-SemiBold'; src: url("fonts/Sarabun-SemiBold.eot"); src: url("fonts/Sarabun-SemiBold.eot?#iefix") format("embedded-opentype"), url("fonts/Sarabun-SemiBold.woff") format("woff"), url("fonts/Sarabun-SemiBold.ttf") format("truetype"); font-style: normal; } @font-face { font-family: 'Source-Sans-Pro'; src: url("fonts/sourcesanspro-regular.woff2") format("woff2"), url("fonts/sourcesanspro-regular.woff") format("woff"), url("fonts/sourcesanspro-regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Source-Sans-Pro-bold'; src: url("fonts/sourcesanspro-bold.woff2") format("woff2"), url("fonts/sourcesanspro-bold.woff") format("woff"), url("fonts/sourcesanspro-bold.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Source-Sans-Pro-semibold'; src: url("fonts/sourcesanspro-semibold.woff2") format("woff2"), url("fonts/sourcesanspro-semibold.woff") format("woff"), url("fonts/sourcesanspro-semibold.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } /*#endregion fonts*/ /* colors */ .s-overlay-message > .spinner, .s-widget .s-overlay-message > .spinner, .ui-dialog .s-overlay-message > .spinner { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } body { font-family: Arial; font-size: 12px; background: #EFEFEF; } ul.s-portal-languageSelector { position: fixed; top: 5px; right: 24px; } ul.s-portal-languageSelector > li { list-style: none; } ul.s-portal-languageSelector > li.s-portal-language { float: left; cursor: pointer; width: 24px; height: 24px; background-image: url(images/icons24.png); display: block; padding: 0px; margin-left: 2px; /* &[data-culture="sr-Latn-CS"] { background-position: -48px 0; &.active { background-position: 0 0; } }*/ } ul.s-portal-languageSelector > li.s-portal-language[data-culture="mk-MK"] { background-position: -72px 0; } ul.s-portal-languageSelector > li.s-portal-language[data-culture="mk-MK"].active { background-position: -24px 0; } ul.s-portal-languageSelector > li.s-portal-language > span { display: none; } .s-overlay { background-color: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; } .s-overlay-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .s-overlay-message { width: 42px; height: 42px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 100; } .s-overlay-message > .spinner { width: 42px; height: 42px; border-radius: 50%; border: 8px solid rgba(212, 223, 236, 0.4); border-top-color: #FFFFFF; -webkit-animation: b 1.5s infinite cubic-bezier(0.65, 0.05, 0.36, 1); animation: b 1.5s infinite cubic-bezier(0.65, 0.05, 0.36, 1); } @-webkit-keyframes b { 0%, 10% { -webkit-transform: rotate(-43deg); transform: rotate(-43deg); } 90%, to { -webkit-transform: rotate(317deg); transform: rotate(317deg); } } @keyframes b { 0%, 10% { -webkit-transform: rotate(-43deg); transform: rotate(-43deg); } 90%, to { -webkit-transform: rotate(317deg); transform: rotate(317deg); } } .s-overlay-message.notext > .text { display: none; } .s-overlay-message > .text { text-align: center; color: white; } .s-message { background-size: 30px 30px; background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent); box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.4); animation: animate-bg 5s linear infinite; position: fixed; width: 100%; padding: 10px; top: -30px; left: 0; height: 30px; z-index: 200; color: #FFFFFF; border: 1px solid; } .s-message.info { background-color: #4ea5cd; border-color: #3b8eb5; } .s-message.error { background-color: #de4343; border-color: #c43d3d; } .s-message.warning { background-color: #eaaf51; border-color: #d99a36; } .s-message.success { background-color: #61b832; border-color: #55a12c; } .s-widget .s-overlay-message > .spinner, .ui-dialog .s-overlay-message > .spinner { width: 42px; height: 42px; border-radius: 50%; border: 8px solid rgba(212, 223, 236, 0.4); border-top-color: #FFFFFF; -webkit-animation: b 1.5s infinite cubic-bezier(0.65, 0.05, 0.36, 1); animation: b 1.5s infinite cubic-bezier(0.65, 0.05, 0.36, 1); } @-webkit-keyframes b { 0%, 10% { -webkit-transform: rotate(-43deg); transform: rotate(-43deg); } 90%, to { -webkit-transform: rotate(317deg); transform: rotate(317deg); } } @keyframes b { 0%, 10% { -webkit-transform: rotate(-43deg); transform: rotate(-43deg); } 90%, to { -webkit-transform: rotate(317deg); transform: rotate(317deg); } } @keyframes animate-bg { from { background-position: 0 0; } to { background-position: -60px 0; } } .toolbar { background-color: #EFEFEF; border: 1px solid #ddd; padding: 2px; margin-top: 2px; margin-bottom: 2px; font-size: 0.9em; } .tableTitle { background-color: #EFEFEF; border: solid 1px #e8e8e8; padding: 5px; font-weight: bold; margin: 1px 0 1px 0; } .ui-widget-overlay { background-color: #000000 !important; opacity: .4 !important; position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 100 !important; } /*#region fonts*/ @font-face { font-family: 'Lato'; src: url("fonts/Lato-Regular.eot"); src: url("fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Regular.woff") format("woff"), url("fonts/Lato-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Lato-Semibold'; src: url("fonts/Lato-Semibold.eot"); src: url("fonts/Lato-Semibold.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Semibold.woff") format("woff"), url("fonts/Lato-Semibold.ttf") format("truetype"); font-weight: 600; } @font-face { font-family: 'Lato-Bold'; src: url("fonts/Lato-Bold.eot"); src: url("fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Bold.woff") format("woff"), url("fonts/Lato-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: 'Sarabun'; src: url("fonts/Sarabun-ExtraBold.eot"); src: url("fonts/Sarabun-ExtraBold.eot?#iefix") format("embedded-opentype"), url("fonts/Sarabun-ExtraBold.woff") format("woff"), url("fonts/Sarabun-ExtraBold.ttf") format("truetype"); font-style: normal; } @font-face { font-family: 'Sarabun-Bold'; src: url("fonts/Sarabun-Bold.eot"); src: url("fonts/Sarabun-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Sarabun-Bold.woff") format("woff"), url("fonts/Sarabun-Bold.ttf") format("truetype"); font-style: normal; } @font-face { font-family: 'Sarabun-SemiBold'; src: url("fonts/Sarabun-SemiBold.eot"); src: url("fonts/Sarabun-SemiBold.eot?#iefix") format("embedded-opentype"), url("fonts/Sarabun-SemiBold.woff") format("woff"), url("fonts/Sarabun-SemiBold.ttf") format("truetype"); font-style: normal; } @font-face { font-family: 'Source-Sans-Pro'; src: url("fonts/sourcesanspro-regular.woff2") format("woff2"), url("fonts/sourcesanspro-regular.woff") format("woff"), url("fonts/sourcesanspro-regular.ttf") format("truetype"); font-weight: 400; font-style: normal; /*font-display: swap*/ } @font-face { font-family: 'Source-Sans-Pro-bold'; src: url("fonts/sourcesanspro-bold.woff2") format("woff2"), url("fonts/sourcesanspro-bold.woff") format("woff"), url("fonts/sourcesanspro-bold.ttf") format("truetype"); font-weight: 400; font-style: normal; /*font-display: swap*/ } @font-face { font-family: 'Source-Sans-Pro-semibold'; src: url("fonts/sourcesanspro-semibold.woff2") format("woff2"), url("fonts/sourcesanspro-semibold.woff") format("woff"), url("fonts/sourcesanspro-semibold.ttf") format("truetype"); font-weight: 400; font-style: normal; /*font-display: swap*/ } /*#endregion fonts*/ /* colors */ .side-menu .main-menu .s-portal-menu .main-nav li a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .menu-icon.icon-accounts:after, .menu-icon.icon-insurance:after, .menu-icon.icon-discounts:after, .menu-icon.icon-payments:after, .menu-icon.icon-cards:after, .menu-icon.icon-dashboard:after, .menu-icon.icon-home:after, .menu-icon.icon-loans:after, .menu-icon.icon-savings:after, .menu-icon.icon-coins:after, .menu-icon.icon-exchange-office:after, .menu-icon.icon-bills:after, .menu-icon.icon-pay-card:after, .menu-icon.icon-myFinances:after, .menu-icon.icon-support:after, .menu-icon.icon-exchange:after, .menu-icon.icon-templates:after, .menu-icon.icon-investments:after, .menu-icon.icon-help:after, .menu-icon.icon-db:after, .menu-icon.icon-finances:after, .menu-icon.icon-value-paper:after { background-repeat: no-repeat; background-position-x: inherit; background-position-y: inherit; background-size: 40px; } .main-nav li a:hover .menu-icon.icon-accounts:after, .main-nav li a:hover .menu-icon.icon-discounts:after, .main-nav li a:hover .menu-icon.icon-insurance:after, .main-nav li a:hover .menu-icon.icon-payments:after, .main-nav li a:hover .menu-icon.icon-cards:after, .main-nav li a:hover .menu-icon.icon-dashboard:after, .main-nav li a:hover .menu-icon.icon-home:after, .main-nav li a:hover .menu-icon.icon-loans:after, .main-nav li a:hover .menu-icon.icon-savings:after, .main-nav li a:hover .menu-icon.icon-coins:after, .main-nav li a:hover .menu-icon.icon-exchange-office:after, .main-nav li a:hover .menu-icon.icon-bills:after, .main-nav li a:hover .menu-icon.icon-pay-card:after, .main-nav li a:hover .menu-icon.icon-exchange:after, .main-nav li a:hover .menu-icon.icon-support:after, .main-nav li a:hover .menu-icon.icon-myFinances:after, .main-nav li a:hover .menu-icon.icon-templates:after, .main-nav li a:hover .menu-icon.icon-investments:after, .main-nav li a:hover .menu-icon.icon-help:after, .main-nav li a:hover .menu-icon.icon-db:after, .main-nav li a:hover .menu-icon.icon-finances:after, .main-nav li a:hover .menu-icon.icon-value-paper:after, .main-nav li a.selected .menu-icon.icon-accounts:after, .main-nav li a.selected .menu-icon.icon-discounts:after, .main-nav li a.selected .menu-icon.icon-insurance:after, .main-nav li a.selected .menu-icon.icon-payments:after, .main-nav li a.selected .menu-icon.icon-cards:after, .main-nav li a.selected .menu-icon.icon-dashboard:after, .main-nav li a.selected .menu-icon.icon-home:after, .main-nav li a.selected .menu-icon.icon-loans:after, .main-nav li a.selected .menu-icon.icon-savings:after, .main-nav li a.selected .menu-icon.icon-coins:after, .main-nav li a.selected .menu-icon.icon-exchange-office:after, .main-nav li a.selected .menu-icon.icon-bills:after, .main-nav li a.selected .menu-icon.icon-pay-card:after, .main-nav li a.selected .menu-icon.icon-exchange:after, .main-nav li a.selected .menu-icon.icon-support:after, .main-nav li a.selected .menu-icon.icon-myFinances:after, .main-nav li a.selected .menu-icon.icon-templates:after, .main-nav li a.selected .menu-icon.icon-investments:after, .main-nav li a.selected .menu-icon.icon-help:after, .main-nav li a.selected .menu-icon.icon-db:after, .main-nav li a.selected .menu-icon.icon-finances:after, .main-nav li a.selected .menu-icon.icon-value-paper:after { background-repeat: no-repeat; background-position-x: inherit; background-position-y: inherit; background-color: #0a79b8; border-radius: 12px; -webkit-transition: background-color .5s; transition: background-color .5s; } #content_wrap { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } ol, ul { list-style: none; } .main-nav li a:hover, .main-nav li a.selected { color: #fff200; } /*** ESSENTIAL STYLES ***/ .submenu { position: relative; top: unset; width: 100%; } .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu ul li { width: 100%; } .sf-menu li { /*position: relative; float: left;*/ zoom: 1; /*padding: 10px 18px 10px 10px;*/ position: relative; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } html[dir="rtl"] .sf-menu > li { float: right; } ul.sf-menu li:hover ul, ul.sf-menu li.sfHover ul { /*left: 0; top: 2.5em; z-index: 99; position: absolute;*/ } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /*** DEMO SKIN ***/ .sf-menu li { background: transparent; } .sf-menu li:hover, .sf-menu li.sfHover { /*background: url(images/nav-main.png) 0 -720px repeat-x #FED345; outline: 0; text-decoration: underline;*/ /*color: $color-24;*/ } .sf-menu li li { /*background: #FED345;*/ } .sf-menu li li li { /*background: #FED345;*/ } .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { /*background: url(images/nav-main.png) 0 -720px repeat-x #FED345; outline: 0; text-decoration: underline;*/ /*color: $color-24;*/ } /*** arrows **/ .sf-menu li { background: transparent; } .sf-menu li:hover, .sf-menu li.sfHover { /*background: url(images/nav-main.png) 0 -720px repeat-x #FED345; outline: 0; text-decoration: underline;*/ /*color: $color-24;*/ } .sf-menu li li { /*background: #FED345;*/ } .sf-menu li li li { /*background: #FED345;*/ } .sf-menu a:focus, .sf-menu a:hover, .sf-menu a.active { /*background: url(images/nav-main.png) 0 -720px repeat-x #FED345; outline: 0; text-decoration: underline;*/ /*color: $color-24;*/ } .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url("images/menu-arrows-ffffff.png") no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } li:hover > a.sf-sub-indicator, li.sfHover > a.sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } .sf-menu ul li:hover > a.sf-sub-indicator, .sf-menu ul li.sfHover > a.sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url("images/menu-shadow.png") no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off { background: transparent; } #render-wrapper { height: 100%; } #content_wrap { position: relative; width: calc(100% - 310px); min-height: 100vh; margin-bottom: -78px; margin-left: auto; } #content_wrap.active:after { height: 100%; opacity: 1; } #content_wrap:after { content: ''; position: fixed; bottom: 0; left: -310px; height: 0; width: calc(100% + 310px); background-color: rgba(0, 0, 0, 0.4); z-index: 25; opacity: 0; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s; } #content_wrap .push { height: 78px; } /*page-header*/ #page-header { position: relative; } #page-header.CommissionReport-header { height: 178px; } #page-header.CommissionReport-header:after { height: 178px !important; } #page-header.salariesOrder-header { height: 263px; } #page-header:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 0; zoom: 1; border-radius: 0 0 0 40px; background-image: url(images/logo/header.png); background-size: cover; background-repeat: no-repeat; background-position: 50%; } #page-header.categories-header:not(.dashboard-header):after { z-index: -1; height: 590px !important; } #page-header.dashboard-header:after { height: 415px !important; } #page-header.dashboard-header .user-heading { display: none; } #page-header.dashboard-header .user-intro-section-name { display: block; max-width: 400px; } #page-header.settings-header:after { height: 130px !important; } #page-header.analysis-header:after { height: 590px !important; background-image: url(images/logo/pfm-bg.jpg); background-position: 0 0; } #page-header.analysis-header .UserInfoHeader { padding: 50px 72px 33px 20px; } #page-header:not(.dashboard-header):after { height: 236px; } #page-header:not(.dashboard-header) .UserInfo .UserInfoHeader .user-heading { display: block; } #page-header:not(.dashboard-header) .UserInfo .UserInfoHeader .user-heading h2 { margin-bottom: 10px; } #page-header:not(.dashboard-header) .UserInfo .UserInfoHeader .user-heading .subHeading { margin-bottom: 0; font-family: "Source-Sans-Pro-semibold", sans-serif; font-size: 18px; color: #FFFFFF; } #page-header:not(.dashboard-header) .UserInfo .UserInfoHeader .user-intro-section-name { display: none; } #page-header.promotions-header:after { height: 185px; } #page-header.insurance-header { margin-bottom: 58px; } #page-header.insurance-header:after { height: 150px !important; } #page-header.epolise-header { margin-bottom: 58px; } #page-header.epolise-header:after { height: 150px !important; } #page-header.offers_process-header:after { height: 161px !important; } #page-header.buy_sell_currency-header:after, #page-header.internal_transfer-header:after, #page-header.intrabank_transfer-header:after, #page-header.third_party_transfer-header:after { height: 278px; } #page-header.buy_sell_currency-header .UserInfo .UserInfoHeader, #page-header.internal_transfer-header .UserInfo .UserInfoHeader, #page-header.intrabank_transfer-header .UserInfo .UserInfoHeader, #page-header.third_party_transfer-header .UserInfo .UserInfoHeader { padding-bottom: 70px; } #page-header.view_payment_orders-header:after, #page-header.beneficiaries-header:after, #page-header.mailbox-header:after { height: 150px; } #page-header.view_payment_orders-header .UserInfoHeader, #page-header.beneficiaries-header .UserInfoHeader, #page-header.mailbox-header .UserInfoHeader { margin-bottom: 90px; } #page-header.active_requests-header:after { height: 150px; } #page-header.active_requests-header .UserInfoHeader { padding-bottom: 100px; } #page-header.exchage_list-header:after { height: 150px; } #page-header.exchage_list-header .UserInfoHeader { padding-bottom: 50px; } #page-header.my_profile-header:after { height: 285px; } #page-header.my_profile-header .UserInfo .UserInfoHeader .user-heading h2 { padding-left: 15px; } #page-header .userinfo { position: relative; z-index: 25; } #page-header .site-branding { display: none; } #page-header .site-title { padding-top: 29px; float: left; } #page-header .site-title h2 { font-family: "futura", sans-serif; font-size: 20px; color: #000000; text-transform: uppercase; } #page-header .header-icons { float: right; margin-right: 20px; /*margin-top: 24px;*/ zoom: 1; height: 40px; } #page-header .header-icons:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } #page-header .header-icons li { position: relative; float: left; padding: 4px 13px 0 13px; } #page-header .header-icons a { display: inline-block; width: 30px; height: 30px; position: relative; background-position: center center; background-repeat: no-repeat; cursor: pointer; } #page-header .header-icons a span { display: inline-block; width: 24px; height: 21px; position: absolute; top: -12px; right: -13px; background: #0095c9; border: 3px solid #ffec00; font-size: 11px; line-height: 20px; color: #FFFFFF; font-weight: 700; text-align: center; -webkit-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; border-radius: 13px; } #page-header .mobile-options { display: none; } .menu-open .site-branding { opacity: 1; visibility: visible; transition-delay: 0.1s; } .site-branding { float: left; padding: 18px 0 0 10px; margin-bottom: 15px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; transition-delay: 0s; display: none; } .site-branding .site-logo { margin-bottom: 0; } .site-branding .site-logo a { display: inline-block; width: 160px; height: 42px; background: url("images/logo-2.png") 0 0 no-repeat; background-size: 100%; text-indent: -9999px; overflow: hidden; } /*profile-options*/ .profile-box { float: left; width: 100%; position: relative; z-index: 1; margin-bottom: 10px; } .profile-box.active .profile-trigger p:after { width: 0; height: 0; border-style: solid; border-width: 0 5px 6px 5px; border-color: transparent transparent #FFFFFF transparent; } .profile-box .tag-box { width: 40px; height: 40px; position: absolute; top: 0; left: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background: #0095c9; } .profile-box .tag-box.active { display: block; } .profile-box .tag-box.white { background: #FFFFFF !important; } .profile-box .tag-box img { width: 40px; height: 40px; border-radius: 100%; } .profile-box .tag-box p { font-size: 16px; text-transform: uppercase; text-align: center; color: #FFFFFF; line-height: 40px; } .profile-box .profile-name { font-size: 16px; color: #FFFFFF; line-height: 40px; padding-left: 70px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0; } .profile-box .profile-name.active { display: block !important; } .profile-box .profile-options { float: right; } .mobile-dropdown { display: none; } .profile-options { padding: 10px; zoom: 1; background: #6E7177; } .profile-options:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } .profile-options li { position: relative; padding: 6px 0px; zoom: 1; } .profile-options li:hover a { color: #FFF200; } .profile-options li:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } .profile-options li i { display: inline-block; float: left; width: 22px; height: 22px; background-position: center center; background-repeat: no-repeat; margin-right: 10px; } .profile-options li a { font-size: 12px; line-height: 22px; color: #FFFFFF; text-transform: uppercase; font-weight: 700; } .profile-options li span { float: left; } .profile-options .msg-marker { display: inline-block; width: 24px; height: 24px; font-size: 10px; font-weight: 700; color: #fff200; text-align: center; line-height: 18px; background: #77036b; border: 3px solid #fff200; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; position: absolute; top: -10px; right: 10px; } .profile-options .settings-icon { background-size: 22px; } .profile-options .power-icon { background-size: 20px; } .side-menu .profile-options .settings-icon { background-image: url(images/icons/settings-icon-2.png); } .side-menu .profile-options .power-icon { background-image: url(images/icons/power-icon-2.png); } .side-menu .profile-options .message-icon { background-image: url(images/icons/message-icon-2.png); } .side-menu .profile-options .layers-icon { background-image: url(images/icons/layers-2.png); } .side-menu li:hover .settings-icon { background-image: url("images/icons/settings-icon-3.png"); } .side-menu li:hover .power-icon { background-image: url("images/icons/power-icon-3.png"); } /*end color-profile settings*/ /*.side-menu { width: 300px; min-height: 100vh; position: fixed; top: 0; left: -225px; background: $input-gray url(images/bg/logo-transparent.png) -250px -220px no-repeat; @include transform(translateX(0)); @include transition(transform 0.5s ease); z-index: 100; } .side-menu .profile-box { display: none; } .side-menu.active { @include transform(translateX(225px)); }*/ .side-menu { position: fixed; top: 0; left: 0; width: 310px; height: 100%; overflow: hidden; -webkit-overflow-scrolling: touch; } .side-menu .mobile-btn { display: none; } .side-menu .main-menu { height: calc(100% - 155px); } .side-menu .s-portal-menu { height: calc(100% - 17px); } .side-menu .s-portal-menu .sf-menu .icon-accounts { margin-top: 1px; } .side-menu .s-portal-menu .sf-menu li { font-family: Sarabun-Bold,sans-serif; color: #191E39; margin-bottom: 25px; } .side-menu .s-portal-menu .sf-menu li a { position: relative; color: #191E39; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 80px 0 40px; -webkit-transition: color .5s; transition: color .5s; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; /* .main-nav-link-ico { &:hover { main-nav-link-ico-svg { background-color: #0a79b8; } } }*/ } .side-menu .s-portal-menu .sf-menu li a:before { content: ''; position: absolute; width: 6px; height: 100%; background-color: #0a79b8; border-radius: 4px; top: 0; left: -3px; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition: transform .5s; transition: transform .5s; } .side-menu .s-portal-menu .sf-menu li a:hover, .side-menu .s-portal-menu .sf-menu li a.selected { color: #0a79b8; -webkit-transition: color .5s; transition: color .5s; } .side-menu .s-portal-menu .sf-menu li a:hover:before, .side-menu .s-portal-menu .sf-menu li a.selected:before { webkit-transform: scaleY(1); transform: scaleY(1); } .side-menu .s-portal-menu .sf-menu li a span { padding-left: 20px; word-break: break-word; font-weight: bold; font-family: "Source Sans Pro", sans-serif; font-size: 15px; } .side-menu .s-portal-menu .sf-menu li a span.colorYellow { padding-left: 0px; } .side-menu .s-portal-menu .sf-menu .menu-icon { background-repeat: no-repeat; background-position: center center; position: relative; min-width: 40px; height: 40px; background-color: #FFFFFF; -webkit-transition: background-color .5s; transition: background-color .5s; border-radius: 12px; } .side-menu .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar { width: 4px; top: 0px; background: #0a79b8; opacity: 1; } .side-menu .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail { background: transparent; } .side-menu .mCSB_inside > .mCSB_container { margin-right: 0; } .side-menu .mCSB_scrollTools .mCSB_draggerContainer { right: -3px !important; } .nav-btn-wrap { width: 50px; height: 50px; float: right; } .menu-btn { z-index: 10; display: block; cursor: pointer; position: absolute; padding: 18px 15px; top: 11px; left: -57px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; user-select: none; transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); -webkit-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -ms-transition: transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; box-sizing: border-box; } .menu-btn li { display: block; width: 25px; height: 4px; background: #FFFFFF; margin-bottom: 3px; opacity: 1; position: relative; top: 0; left: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); } .menu-btn .first { transform: translate3d(0, 0, 0) rotate(0deg); -ms-transform: translate3d(0, 0, 0) rotate(0deg); -moz-transform: translate3d(0, 0, 0) rotate(0deg); -o-transform: translate3d(0, 0, 0) rotate(0deg); -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform-origin: 50% 50%; } .menu-btn .second { transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform-origin: 50% 50%; } .menu-btn .third { transform: translate3d(0, 0, 0) rotate(0deg); -ms-transform: translate3d(0, 0, 0) rotate(0deg); -moz-transform: translate3d(0, 0, 0) rotate(0deg); -o-transform: translate3d(0, 0, 0) rotate(0deg); -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform-origin: 50% 50%; } /*main-nav*/ .main-nav .active .submenu li a { padding-left: 96px; } .main-nav ul li .menu-icon { display: none; } .main-nav li { zoom: 1; position: relative; } .main-nav li > li { border-bottom: 1px solid #303030; } .main-nav li ul a span { color: rgba(0, 0, 0, 0.87); font-family: "Source-Sans-Pro", sans-serif; font-size: 15px; } .main-nav a span { padding-left: 20px; word-break: break-all; } .main-nav .menu-icon { background-repeat: no-repeat; background-position: center center; position: relative; min-width: 40px; height: 40px; background-color: #fff; -webkit-transition: background-color .5s; transition: background-color .5s; } .main-nav .menu-icon:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: center center; opacity: 1; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .main-nav svg { width: 40px; height: 40px; background-color: #fff; -webkit-transition: background-color .5s; transition: background-color .5s; } .main-nav svg use { -webkit-transition: fill 0.3s ease; -moz-transition: fill 0.3s ease; -ms-transition: fill 0.3s ease; -o-transition: fill 0.3s ease; transition: fill 0.3s ease; } .main-nav .icon-accounts, .main-nav .icon-payments { margin-top: 1px; } .main-nav .icon-cards { margin-top: 2px; } .s-portal-menu .mCSB_container.mCS_no_scrollbar_y { margin-right: 0 !important; } .side-menu .contact { width: 100%; border-top: 2px solid #5c616b; float: left; margin-top: 10px; zoom: 1; cursor: pointer; } .side-menu .contact:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } .side-menu .contact li { float: left; width: 20%; margin: 0 2.5%; } .side-menu .contact li:first-child { margin-left: 0; margin-right: 5%; } .side-menu .contact li:nth-child(2) { margin-left: 1%; margin-right: 4%; } .side-menu .contact a { display: block; height: 50px; background-repeat: no-repeat; background-position: center center; opacity: 1; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .side-menu .contact a:hover { opacity: 0.7; } /*IKONICE KONTAKT*/ .icon-phone-2 { background-image: url(images/icons/icon-phone-1.png); background-size: 20px; } .icon-message-4 { background-image: url(images/icons/message-icon-4.png); background-size: 24px; } .icon-facebook-1 { background-image: url(images/icons/facebook-1.png); background-size: 10px; } .icon-youtube-1 { background-image: url(images/icons/youtube-1.png); background-size: 24px; } @media only screen and (max-width: 1200px) { /* ================================================== =720px ===================================================== */ .userinfo .s-widget-body { height: 50px; overflow: hidden; } .userinfo .s-widget-body .loginControls { margin-top: 0px; } .lang-nav { margin-left: 0; } #page-header .site-branding { display: block; padding-top: 8px; padding-left: 0; margin-right: 10px; opacity: 1; margin-bottom: 0; } #page-header .site-branding .site-logo a { width: 30px; height: 30px; background: url(images/logo-3.png) 0 0 no-repeat; background-size: 30px; } #page-header .profile-box { display: none; } #page-header .site-title { padding-top: 14px; } #page-header .header-icons { margin-top: 5px; margin-right: 10px; } .site-branding { padding: 6px 0 0 20px; } .site-branding .site-logo a { width: 100px; height: 26px; } /*.mobile-open #content_wrap { @include transform_3d(260px, 0, 0); }*/ .lang-nav { margin-left: 0; } .widget-options .move { display: none; } #page-header .site-branding { opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; transition-delay: 0.3s; } } /* ================================================== =Media Queries ===================================================== */ @media only screen and (max-height: 800px) and (min-width: 720px) { .sign-wrapper { overflow-y: auto; } } /*new design*/ .main-nav ul.submenu li:before { display: none; } .main-nav ul .menu-icon { position: relative; right: 2px; } .main-nav ul li:before { background: #494f5a; width: calc(100% - 65px); bottom: -2px; left: auto; right: 60px; } .main-nav ul li:last-child:before { display: none; } /*menu ikonice*/ .menu-icon:after { content: ''; width: 100%; height: 100%; display: block; } .main-nav li a:hover .menu-icon.icon-accounts:after, .main-nav li a:hover .menu-icon.icon-discounts:after, .main-nav li a:hover .menu-icon.icon-insurance:after, .main-nav li a:hover .menu-icon.icon-payments:after, .main-nav li a:hover .menu-icon.icon-cards:after, .main-nav li a:hover .menu-icon.icon-dashboard:after, .main-nav li a:hover .menu-icon.icon-home:after, .main-nav li a:hover .menu-icon.icon-loans:after, .main-nav li a:hover .menu-icon.icon-savings:after, .main-nav li a:hover .menu-icon.icon-coins:after, .main-nav li a:hover .menu-icon.icon-exchange-office:after, .main-nav li a:hover .menu-icon.icon-bills:after, .main-nav li a:hover .menu-icon.icon-pay-card:after, .main-nav li a:hover .menu-icon.icon-exchange:after, .main-nav li a:hover .menu-icon.icon-support:after, .main-nav li a:hover .menu-icon.icon-myFinances:after, .main-nav li a:hover .menu-icon.icon-templates:after, .main-nav li a:hover .menu-icon.icon-investments:after, .main-nav li a:hover .menu-icon.icon-help:after, .main-nav li a:hover .menu-icon.icon-db:after, .main-nav li a:hover .menu-icon.icon-finances:after, .main-nav li a:hover .menu-icon.icon-value-paper:after, .main-nav li a.selected .menu-icon.icon-accounts:after, .main-nav li a.selected .menu-icon.icon-discounts:after, .main-nav li a.selected .menu-icon.icon-insurance:after, .main-nav li a.selected .menu-icon.icon-payments:after, .main-nav li a.selected .menu-icon.icon-cards:after, .main-nav li a.selected .menu-icon.icon-dashboard:after, .main-nav li a.selected .menu-icon.icon-home:after, .main-nav li a.selected .menu-icon.icon-loans:after, .main-nav li a.selected .menu-icon.icon-savings:after, .main-nav li a.selected .menu-icon.icon-coins:after, .main-nav li a.selected .menu-icon.icon-exchange-office:after, .main-nav li a.selected .menu-icon.icon-bills:after, .main-nav li a.selected .menu-icon.icon-pay-card:after, .main-nav li a.selected .menu-icon.icon-exchange:after, .main-nav li a.selected .menu-icon.icon-support:after, .main-nav li a.selected .menu-icon.icon-myFinances:after, .main-nav li a.selected .menu-icon.icon-templates:after, .main-nav li a.selected .menu-icon.icon-investments:after, .main-nav li a.selected .menu-icon.icon-help:after, .main-nav li a.selected .menu-icon.icon-db:after, .main-nav li a.selected .menu-icon.icon-finances:after, .main-nav li a.selected .menu-icon.icon-value-paper:after { border-radius: 50%; } .main-nav li a:hover .menu-icon.icon-accounts:after, .main-nav li a.selected .menu-icon.icon-accounts:after { background-image: url("images/menu-icons/ico_accounts_active@2x.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .main-nav li a:hover .menu-icon.icon-finances:after, .main-nav li a.selected .menu-icon.icon-finances:after { background-image: url(images/menu-icons/ic_moje_finansije_hover@2x.png); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .main-nav li a:hover .menu-icon.icon-discounts:after, .main-nav li a.selected .menu-icon.icon-discounts:after { background-image: url("images/menu-icons/ic_popusti_hover@2x.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .main-nav li a:hover .menu-icon.icon-insurance:after, .main-nav li a.selected .menu-icon.icon-insurance:after { background-image: url("images/menu-icons/ic_osiguranja_hover@2x.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .main-nav li a:hover .menu-icon.icon-db:after, .main-nav li a.selected .menu-icon.icon-db:after { background-image: url("images/menu-icons/ic_db_hover@2x.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .main-nav li a:hover .menu-icon.icon-payments:after, .main-nav li a.selected .menu-icon.icon-payments:after { background-image: url("images/icons/payments_y.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .main-nav li a:hover .menu-icon.icon-support:after, .main-nav li a.selected .menu-icon.icon-support:after { background-image: url("images/menu-icons/ico_podrska_hover@2x.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .main-nav li a:hover .menu-icon.icon-myFinances:after, .main-nav li a.selected .menu-icon.icon-myFinances:after { background-image: url("images/menu-icons/ico_moje_finansije_hover@2x.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .main-nav li a:hover .menu-icon.icon-cards:after, .main-nav li a.selected .menu-icon.icon-cards:after { background-image: url("images/menu-icons/ico_cards_active@2x.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .main-nav li a:hover .menu-icon.icon-dashboard:after, .main-nav li a.selected .menu-icon.icon-dashboard:after { background-image: url("images/menu-icons/ico_home@2x.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .main-nav li a:hover .menu-icon.icon-home:after, .main-nav li a.selected .menu-icon.icon-home:after { background-image: url("images/menu-icons/ico_home_active@2x.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .main-nav li a:hover .menu-icon.icon-loans:after, .main-nav li a.selected .menu-icon.icon-loans:after { background-image: url("images/menu-icons/ico_loans_active@2x.png"); background-size: 40px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .main-nav li a:hover .menu-icon.icon-savings:after, .main-nav li a.selected .menu-icon.icon-savings:after { background-image: url("images/menu-icons/ico_deposits_active@2x.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .main-nav li a:hover .menu-icon.icon-coins:after, .main-nav li a.selected .menu-icon.icon-coins:after { background-image: url("images/icons/icon-coins-2.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .main-nav li a:hover .menu-icon.icon-exchange:after, .main-nav li a.selected .menu-icon.icon-exchange:after { background-image: url("images/icons/icon-exchange-office_y.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .main-nav li a:hover .menu-icon.icon-exchange-office:after, .main-nav li a.selected .menu-icon.icon-exchange-office:after { background-image: url("images/menu-icons/ico_exchange_active@2x.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .main-nav li a:hover .menu-icon.icon-bills:after, .main-nav li a.selected .menu-icon.icon-bills:after { background-image: url("images/icons/icon-bills_y.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .main-nav li a:hover .menu-icon.icon-pay-card:after, .main-nav li a.selected .menu-icon.icon-pay-card:after { background-image: url("images/menu-icons/ico_payments_active@2x.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .main-nav li a:hover .menu-icon.icon-templates:after, .main-nav li a.selected .menu-icon.icon-templates:after { background-image: url("images/icons/icon-templates_y.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .main-nav li a:hover .menu-icon.icon-investments:after, .main-nav li a.selected .menu-icon.icon-investments:after { background-image: url("images/icons/investment-2.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .main-nav li a:hover .menu-icon.icon-help:after, .main-nav li a.selected .menu-icon.icon-help:after { background-image: url("images/icons/help-2.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .main-nav li a:hover .menu-icon.icon-value-paper:after, .main-nav li a.selected .menu-icon.icon-value-paper:after { background-image: url("images/icons/value-paper-2.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .menu-icon.icon-accounts:after { background-image: url("images/menu-icons/ico_accounts@2x.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .menu-icon.icon-finances:after { background-image: url(images/menu-icons/ic_moje_finansije@2x.png); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .menu-icon.icon-insurance:after { background-image: url("images/menu-icons/ic_osiguranja@2x.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .menu-icon.icon-discounts:after { background-image: url("images/menu-icons/ic_popusti@2x.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .menu-icon.icon-db:after { background-image: url("images/menu-icons/ic_db@2x.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .menu-icon.icon-payments:after { background-image: url("images/icons/payments_w.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .menu-icon.icon-support:after { background-image: url("images/menu-icons/ico_podrska@2x.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .menu-icon.icon-myFinances:after { background-image: url("images/menu-icons/ico_moje_finansije@2x.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .menu-icon.icon-cards:after { background-image: url("images/menu-icons/ico_cards@2x.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .menu-icon.icon-dashboard:after { background-image: url("images/menu-icons/ico_home@2x.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .menu-icon.icon-home:after { background-image: url("images/menu-icons/ico_home@2x.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .menu-icon.icon-loans:after { background-image: url("images/menu-icons/ico_loans@2x.png"); background-size: 40px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .menu-icon.icon-savings:after { background-image: url("images/menu-icons/ico_deposits@2x.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .menu-icon.icon-coins:after { background-image: url("images/icons/icon-coins-1.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .menu-icon.icon-exchange:after { background-image: url("images/icons/icon-exchange-office_w.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .menu-icon.icon-exchange-office:after { background-image: url("images/menu-icons/ico_exchange@2x.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .menu-icon.icon-bills:after { background-image: url("images/icons/icon-bills_w.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .menu-icon.icon-pay-card:after { background-image: url("images/menu-icons/ico_payments@2x.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .menu-icon.icon-templates:after { background-image: url("images/icons/icon-templates_w.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .menu-icon.icon-investments:after { background-image: url("images/icons/investment-1.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .menu-icon.icon-help:after { background-image: url("images/icons/help-1.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .menu-icon.icon-value-paper:after { background-image: url("images/icons/value-paper-1.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .main-nav ul .menu-icon:after { transition: background-image, 0.5s; -moz-transition: background-image, 0.5s; -webkit-transition: background-image, 0.5s; -o-transition: background-image, 0.5s; -ms-transition: background-image, 0.5s; content: ''; width: 100%; height: 100%; display: block; background-size: 27px; background-repeat: no-repeat; background-position: 50% 50%; } .main-nav ul .menu-icon.icon-exchange:after { background-image: url("images/icons/icon-exchange_w.png"); } .main-nav ul .menu-icon.icon-bills:after { background-image: url("images/icons/icon-bills_w.png"); } .main-nav ul .menu-icon.icon-money:after { background-image: url("images/icons/icon-money_w.png"); } .main-nav ul .menu-icon.icon-pay-card:after { background-image: url("images/icons/icon-pay-card_w.png"); } .main-nav ul .menu-icon.icon-exchange-office:after { background-image: url("images/icons/icon-exchange-office_w.png"); } .main-nav ul .menu-icon.icon-templates:after { background-image: url("images/icons/icon-exchange-office_w.png"); } .main-nav ul li:hover .menu-icon.icon-exchange:after, .main-nav ul li.active .menu-icon.icon-exchange:after { background-image: url("images/icons/icon-exchange_y.png"); } .main-nav ul li:hover .menu-icon.icon-bills:after, .main-nav ul li.active .menu-icon.icon-bills:after { background-image: url("images/icons/icon-bills_y.png"); } .main-nav ul li:hover .menu-icon.icon-money:after, .main-nav ul li.active .menu-icon.icon-money:after { background-image: url("images/icons/icon-money_y.png"); } .main-nav ul li:hover .menu-icon.icon-pay-card:after, .main-nav ul li.active .menu-icon.icon-pay-card:after { background-image: url("images/icons/icon-pay-card_y.png"); } .main-nav ul li:hover .menu-icon.icon-exchange-office:after, .main-nav ul li.active .menu-icon.icon-exchange-office:after { background-image: url("images/icons/icon-exchange-office_y.png"); } .main-nav ul li:hover .menu-icon.icon-exchange:after, .main-nav ul li.active .menu-icon.icon-exchange:after { background-image: url("images/icons/icon-exchange_y.png"); } .main-nav ul li:hover .menu-icon.icon-finances:after, .main-nav ul li.active .menu-icon.icon-finances:after { background-image: url("images/icons/ic_moje_finansije_hover@2x.png"); } .main-nav ul li:hover .menu-icon.icon-templates:after, .main-nav ul li.active .menu-icon.icon-templates:after { background-image: url("images/icons/icon-templates_y.png"); } .main-nav ul li a.selected .menu-icon.icon-exchange:after { background-image: url("images/icons/icon-exchange_y.png"); } .main-nav ul li a.selected .menu-icon.icon-bills:after { background-image: url("images/icons/icon-bills_y.png"); } .main-nav ul li a.selected .menu-icon.icon-money:after { background-image: url("images/icons/icon-money_y.png"); } .main-nav ul li a.selected .menu-icon.icon-pay-card:after { background-image: url("images/icons/icon-pay-card_y.png"); } .main-nav ul li a.selected .menu-icon.icon-exchange-office:after { background-image: url("images/icons/icon-exchange-office_y.png"); } .main-nav ul li a.selected .menu-icon.icon-exchange:after { background-image: url("images/icons/icon-exchange_y.png"); } .main-nav ul li a.selected .menu-icon.icon-templates:after { background-image: url("images/icons/icon-templates_y.png"); } .side-menu nav:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } @media only screen and (max-width: 600px) { .page-cover { height: 300px !important; } .page-cover h2 span { line-height: 26px !important; font-size: 14px; } .page-cover h2 strong { font-size: 24px; line-height: 40px; } .userinfo .s-widget-body .loginControls { margin-top: 0px; } #page-header .header-icons { display: none; } #page-header .mobile-options { display: block; width: 35px; height: 50px; background: url(images/icons/options-icon-3.png) center center no-repeat; background-size: 4px; position: absolute; top: 0px; right: 8px; cursor: pointer; } #page-header #account-select { width: 100% !important; margin-left: 50px; padding-right: 60px; } #page-header #account-select .dd-select { width: 100% !important; } #page-header #account-select .dd-options { width: 100% !important; left: -50px; } #page-header #account-select .dd-selected-text, #page-header #account-select .dd-option-text { font-size: 16px; } #page-header .dd-option { padding-left: 60px; } #page-header .dd-options { border-left: 0; border-right: 0; } #page-header.account-active .site-branding { opacity: 0; visibility: hidden; transition-delay: 0s; } .mobile-dropdown.active { display: block; width: 100%; position: absolute; bottom: 23px; left: 0; background: #494f5a; -webkit-transition: transform 0.5s ease; -moz-transition: transform 0.5s ease; -ms-transition: transform 0.5s ease; -o-transition: transform 0.5s ease; transition: transform 0.5s ease; /*@include transform(translateY(0));*/ /*@include transition(transform 0.5s ease);*/ -webkit-transform: translateY(170px); -moz-transform: translateY(170px); -ms-transform: translateY(170px); -o-transform: translateY(170px); transform: translateY(170px); /*display: block;*/ } .mobile-dropdown li { border-bottom: 1px solid #60636b; position: relative; } .mobile-dropdown li:before { content: ''; width: 100%; height: 1px; background: #303030; position: absolute; bottom: 0px; left: 0; } .mobile-dropdown li a { display: block; font-size: 16px; color: #FFFFFF; text-align: right; text-transform: uppercase; padding: 12px 18px 12px 10px; color: #FFFFFF; padding: 14px 15px 14px 10px; } .mobile-dropdown li a span { cursor: pointer; } .mobile-dropdown li a i { display: inline-block; float: right; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center center; margin-left: 10px; position: relative; top: -1px; } .header-account-wrap .btn-1 { display: none; } } .selected-menu-item-1 span { color: #0a79b8; } .menu-item-clicked-1 { background-color: #0a79b8 !important; border-radius: 50% !important; } .icon-pay-card .menu-item-clicked-1:after { background-image: url("images/menu-icons/ico_payments_active@2x.png"); } .icon-db .menu-item-clicked-1:after { background-image: url("images/menu-icons/ic_db_hover@2x.png"); } .icon-exchange-office .menu-item-clicked-1:after { background-image: url("images/menu-icons/ico_exchange_active@2x.png"); } .icon-finances .menu-item-clicked-1:after { background-image: url("images/menu-icons/ic_moje_finansije_hover@2x.png"); } .side-menu .header-logo { padding: 0 20px; margin-bottom: 15px; position: relative; z-index: 300 !important; } .side-menu .header-logo a { display: block; max-width: 200px !important; height: 120px !important; background: url(images/logo/logo-1.png) no-repeat center; background-size: contain; margin: 0 auto; webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; user-select: none; } .side-menu .hamburger-menu-close { display: none; } .side-menu .main-menu .s-portal-menu .main-nav li { font-family: "Source-Sans-Pro-bold", sans-serif; color: rgba(0, 0, 0, 0.87); margin-bottom: 25px; } .side-menu .main-menu .s-portal-menu .main-nav li a { position: relative; color: rgba(0, 0, 0, 0.87); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 65px 0 40px; -webkit-transition: color .5s; transition: color .5s; } .side-menu .main-menu .s-portal-menu .main-nav li a:hover, .side-menu .main-menu .s-portal-menu .main-nav li a.selected { color: rgba(0, 0, 0, 0.87); -webkit-transition: color .5s; transition: color .5s; } .side-menu .main-menu .s-portal-menu .main-nav li a:hover:before, .side-menu .main-menu .s-portal-menu .main-nav li a.selected:before { -webkit-transform: scaleY(1); transform: scaleY(1); } .side-menu .main-menu .s-portal-menu .main-nav li a:before { content: ''; position: absolute; width: 6px; height: 100%; background-color: #0a79b8; border-radius: 4px; top: 0; left: -3px; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition: transform .5s; transition: transform .5s; } .side-menu .main-menu .s-portal-menu .main-nav li ul li { margin-bottom: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .side-menu .main-menu .s-portal-menu .main-nav li ul li a { padding: 10px 0 10px 100px; } .side-menu .main-menu .s-portal-menu .main-nav li ul li a span { padding: 0; max-width: 140px; overflow-wrap: break-word; font-family: "pt_sansregular", sans-serif !important; } .side-menu .main-menu .s-portal-menu .main-nav li ul li a span:hover { color: #0a79b8; font-family: "pt_sansregular", sans-serif !important; } .side-menu .main-menu .s-portal-menu .main-nav li.dropdown a:after { content: ''; margin-left: 10px; position: absolute; top: 40%; right: 55px; /*transform: translate(0, -50%);*/ width: 14px; height: 14px; background-image: url(images/icons/arrow-down.png); background-position: 50%; background-repeat: no-repeat; background-size: contain; transition: .5s ease; } .side-menu .main-menu .s-portal-menu .main-nav li.dropdown .submenu { padding: 5px 0; } .side-menu .main-menu .s-portal-menu .main-nav li.dropdown .submenu li a { color: #C7C7C7; position: relative; -webkit-transition: color .5s; transition: color .5s; } .side-menu .main-menu .s-portal-menu .main-nav li.dropdown .submenu li a:hover { color: #0a79b8; } .side-menu .main-menu .s-portal-menu .main-nav li.dropdown .submenu li a.selected span { color: #0a79b8; font-family: "pt_sansregular", sans-serif !important; -webkit-transition: color .5s; transition: color .5s; } .side-menu .main-menu .s-portal-menu .main-nav li.dropdown .submenu li a:after { content: none; } .side-menu .main-menu .s-portal-menu .main-nav li.dropdown.active a:after { transform: rotate(180deg); } .side-menu .ui-widget-overlay { background-color: #000000 !important; opacity: .4 !important; position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 100 !important; } html[dir="rtl"] .sf-menu > li { float: right; } .holos-menu-item.selected .main-nav-link-ico.element-border { background-color: #0a79b8 !important; } .holos-menu-item.selected .main-nav-link-ico.element-border .select { color: #fff !important; } .holos-menu-item:hover .main-nav-link-ico-svg .select { color: #fff !important; } .holos-menu-item:hover .main-nav-link-ico svg use { fill: #FFFFFF; stroke: #FFFFFF; -webkit-transition: fill 0.3s ease; -moz-transition: fill 0.3s ease; -ms-transition: fill 0.3s ease; -o-transition: fill 0.3s ease; transition: fill 0.3s ease; } .holos-menu-item:hover .main-nav svg { width: 40px; height: 40px; background-color: #DFE7EF; -webkit-transition: background-color .5s; transition: background-color .5s; border-radius: 12px; } .holos-menu-item:hover .main-nav-link-ico.element-border { background-color: #0a79b8 !important; } .holos-menu-item:hover .main-nav-link-ico-svg { background-color: #0a79b8 !important; } .holos-menu-item:hover .main-nav-link-ico.element-border { position: relative; width: 40px; height: 40px; background-color: #dfe7ef; -webkit-transition: background-color .5s; transition: background-color .5s; } .holos-menu-item:hover .main-nav-link-ico.element-border .main-nav-link-ico-svg { position: absolute; color: #191e39; width: 24px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .holos-menu-item.selected .main-nav-link-ico.element-border .main-nav-link-ico-svg { background-color: #0a79b8 !important; stroke: #fff; fill: #fff; } .main-nav-link-ico.element-border .main-nav-link-ico-svg { position: absolute; color: #191e39; width: 24px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 4px; } .sf-menu.main-nav .submenu .main-nav-link-ico { display: none !important; } .sf-menu.main-nav .submenu li a span { color: #8294a8; -webkit-transition: color .5s; transition: color .5s; } /*#region fonts*/ @font-face { font-family: 'Lato'; src: url("fonts/Lato-Regular.eot"); src: url("fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Regular.woff") format("woff"), url("fonts/Lato-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Lato-Semibold'; src: url("fonts/Lato-Semibold.eot"); src: url("fonts/Lato-Semibold.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Semibold.woff") format("woff"), url("fonts/Lato-Semibold.ttf") format("truetype"); font-weight: 600; } @font-face { font-family: 'Lato-Bold'; src: url("fonts/Lato-Bold.eot"); src: url("fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Bold.woff") format("woff"), url("fonts/Lato-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: 'Sarabun'; src: url("fonts/Sarabun-ExtraBold.eot"); src: url("fonts/Sarabun-ExtraBold.eot?#iefix") format("embedded-opentype"), url("fonts/Sarabun-ExtraBold.woff") format("woff"), url("fonts/Sarabun-ExtraBold.ttf") format("truetype"); font-style: normal; } @font-face { font-family: 'Sarabun-Bold'; src: url("fonts/Sarabun-Bold.eot"); src: url("fonts/Sarabun-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Sarabun-Bold.woff") format("woff"), url("fonts/Sarabun-Bold.ttf") format("truetype"); font-style: normal; } @font-face { font-family: 'Sarabun-SemiBold'; src: url("fonts/Sarabun-SemiBold.eot"); src: url("fonts/Sarabun-SemiBold.eot?#iefix") format("embedded-opentype"), url("fonts/Sarabun-SemiBold.woff") format("woff"), url("fonts/Sarabun-SemiBold.ttf") format("truetype"); font-style: normal; } @font-face { font-family: 'Source-Sans-Pro'; src: url("fonts/sourcesanspro-regular.woff2") format("woff2"), url("fonts/sourcesanspro-regular.woff") format("woff"), url("fonts/sourcesanspro-regular.ttf") format("truetype"); font-weight: 400; font-style: normal; /*font-display: swap*/ } @font-face { font-family: 'Source-Sans-Pro-bold'; src: url("fonts/sourcesanspro-bold.woff2") format("woff2"), url("fonts/sourcesanspro-bold.woff") format("woff"), url("fonts/sourcesanspro-bold.ttf") format("truetype"); font-weight: 400; font-style: normal; /*font-display: swap*/ } @font-face { font-family: 'Source-Sans-Pro-semibold'; src: url("fonts/sourcesanspro-semibold.woff2") format("woff2"), url("fonts/sourcesanspro-semibold.woff") format("woff"), url("fonts/sourcesanspro-semibold.ttf") format("truetype"); font-weight: 400; font-style: normal; /*font-display: swap*/ } /*#endregion fonts*/ /* colors */ .AccountBalancePreviewSlider .wrapper, .CardBalancePreviewSlider .wrapper, .CardBalancePreviewCorporate .wrapper, .AuthorizedAccounts .wrapper, .LoanBalancePreviewSlider .wrapper, .DepositBalancePreviewCorporate .wrapper, .AccountSlider .wrapper, .CardInstallmentsV2 .gvCardTurnover .clientGrid tbody tr td .tablesaw-cell-content, .MessageHubNotificationList .tableFilter, .read-message .all-accounts-popup-wrapper, .message-hub-dialog .read-messages-list, .rateData .read-messages-list, .transferData .read-messages-list, .transferSuccess .read-messages-list, .exchangeDetails .read-messages-list, .intrabankData .read-messages-list, .intrabankDataSuccess .read-messages-list, .newTemplate .read-messages-list, .notificationMsgList .clientGridPager .pagination, .notificationMsgList .clientGridPager .currentPage, .FXTrading .user-account-card-outer .wrapper, .PaymentTransfer .user-account-card-outer .wrapper, .CardPayment .user-account-card-outer .wrapper, .PaymentOrderV2 .user-account-card-outer .wrapper, .PaymentOrderV4 .user-account-card-outer .wrapper, .PaymentOrderV2 .wrapper, .PaymentOrderV4 .wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } small, .LoanRepayments .loan-filter-wrapper .payment-filter-payment .page-text small, .gvAccountTurnoverPreview .loan-filter-wrapper .payment-filter-payment .page-text small, .gridViewDepositTurnover .loan-filter-wrapper .payment-filter-payment .page-text small, .message-hub-dialog .read-messages-list .all-account-popup-title h3 a, .rateData .read-messages-list .all-account-popup-title h3 a, .transferData .read-messages-list .all-account-popup-title h3 a, .transferSuccess .read-messages-list .all-account-popup-title h3 a, .exchangeDetails .read-messages-list .all-account-popup-title h3 a, .intrabankData .read-messages-list .all-account-popup-title h3 a, .intrabankDataSuccess .read-messages-list .all-account-popup-title h3 a, .newTemplate .read-messages-list .all-account-popup-title h3 a { display: -webkit-inline-box; /*display: -webkit-inline-flex;*/ display: -ms-inline-flexbox; display: inline-flex; } .s-page-host:not(.login), .notificationMsgList .clientGridPager *, .LoanRepayments .show-per-page *, .CreditorTemplateManaging .show-per-page *, .CardStatementsCorporate .show-per-page *, .CardStatements .show-per-page *, .AccountStatements .show-per-page *, .PaymentToMobileTemplates .show-per-page *, .CreditorTemplateManagingV3 .show-per-page *, .CreditorTemplateManagingV3Public .show-per-page *, .CreditorTemplateManagingForeignV2 .show-per-page *, .CrontoTokenList .show-per-page *, .P2PPaymentOverview .show-per-page *, .DepositStatementsCorporate .show-per-page *, .Forms_ActiveWorkflowListSOG .show-per-page *, .MessageHubNotificationList .show-per-page * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html[dir="rtl"] .s-widget.float, html[dir="rtl"] .s-widget-zone { float: right; } .s-widget-title { font-family: "pt_sansregular", sans-serif !important; font-weight: bold !important; } .s-page-host { margin: 0 auto; } .s-page-host.login .s-widget-zone { min-height: auto; } .s-page-host:not(.login) { max-width: 1320px; padding: 0 20px; } .s-page-host > .s-page-content { margin-top: 5px; margin-top: 5px; margin-bottom: 5px; min-height: 400px; } .currency-switch { display: flex; width: 105px; font-family: 'Source-Sans-Pro-semibold', 'sans-serif'; background: #e8e9ec; border-radius: 12px; padding: 3px 4px; position: relative; height: fit-content; margin-left: 35px; float: right; } .currency-switch .active { color: #52ae30; } .currency-switch:before, .currency-switch.active-1:before { transform: translateX(0); } .currency-switch.active-2:before { transform: translateX(100%); } .currency-switch:before { content: ""; width: -webkit-calc(50% - 4px); width: calc(50% - 4px); height: -webkit-calc(100% - 6px); height: calc(100% - 6px); position: absolute; top: 3px; left: 4px; background: #fff; /*box-shadow: 0 8px 10px rgba(0,0,0, .8);*/ border-radius: 10px; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; } .currency-switch > span { display: block; width: 50%; float: left; font-size: 13px; text-align: center; color: rgba(0, 0, 0, 0.54); padding: 6px 5px; -webkit-transition: color .3s; transition: color .3s; cursor: pointer; position: relative; } /*#region s-widget*/ .s-widget { /* border-radius: 0; margin: 0 0 20px 0; background: white; background-repeat: no-repeat; background-position: 24px 13px;*/ } .s-widget .s-overlay { opacity: 0.1; filter: Alpha(Opacity=10); border-radius: 16px; } .s-widget-header { border: 0; line-height: 20px; cursor: default; color: #353f4a; border-radius: 0; } .s-widget-header.draggable { cursor: move; } .s-widget-header.nodrag { cursor: default; } .s-widget-header.nochrome { display: none; } .s-widget-placeholder { border: 1px dashed #CCCCCC; } .s-widget-loading { display: none; width: 16px; height: 16px; background: url("images/segment-material-preloader-1.gif") no-repeat; } .s-widget-button { cursor: pointer; width: 16px; } .s-widget-title { font: 400 20px/1.2 "Source-Sans-Pro-semibold", sans-serif; width: 100%; font-size: 24px; font-family: "Source-Sans-Pro-bold", sans-serif; margin-bottom: 30px; display: block; } .s-widget-body { /* border: 0; overflow: auto; min-height: 65px;*/ } .s-widget-body-header { font-size: 0.9em; font-weight: bold; padding: 6px; border-bottom: 1px solid #CCCCCC; } .s-widget-body-error-summary { background-color: #FFE6E6; border-bottom: 1px solid #C41414; } .s-widget-body-error-summary ul { margin: 0; font-size: 0.85em; } .s-widget.float { float: left; } .s-widget.maximized .s-widget-body { min-height: 100px; } .s-widget-zone { float: left; margin: 0 auto; min-height: 100px; box-sizing: border-box; } .s-widget-zone.dashboard-chart { min-height: auto; } .s-widget-drop-placeholder { background-color: #dedede; border: 1px dashed #CCCCCC; margin: 10px 5px 5px 5px; min-height: 20px; } .s-widget-tooltip { display: none; width: 300px; height: 150px; overflow: auto; font-size: 11px; padding: 10px; border: 2px solid #bbb; background-color: #FFFFFF; color: #333; z-index: 1000; } .form-error-message-block { padding: 10px 5px; border: 1px solid #ff5858; background-color: rgba(255, 88, 88, 0.05); margin-bottom: 20px; } .form-error-message-block .warning-svg { width: 16px; height: 16px; left: 10px; top: 3px; color: #ff5858; position: relative; } .form-error-message-block .warning-text { color: #ff5858; padding-left: 20px; font-weight: bold; display: inline-block; } .s-widget-zone.balance { min-height: 0; } .PaymentToMobileOverview { position: relative; } .PaymentToMobileOverview .gvOrderPreviewList thead th { padding: 0.9em 0.6em 1.4em 0.6em !important; } .PaymentToMobileOverview .gvOrderPreviewList thead th:nth-child(1) { display: none; } .PaymentToMobileOverview .gvOrderPreviewList tbody td { width: 16.6%; } .PaymentToMobileOverview .gvOrderPreviewList tbody td:nth-child(1) { display: none; } .PaymentToMobileOverview .tableFilter { margin: 0 -8px 18px; } .AccountPosTrasactionCorporate, .PaymentToMobileOverview, .CardTurnoverCorporate, .CardTurnover, .CardSpendings, .DepositTurnoverCorporate, .ExchangeOfficeOverviewCorporateV2, .InflowsCorporateV2, .SalariesOverviewCorporateV2, .P2PPaymentOverview, .PaymentOverviewV2, .SalariesPaymentOverview { position: relative; } .AccountPosTrasactionCorporate .form-error-message-block, .PaymentToMobileOverview .form-error-message-block, .CardTurnoverCorporate .form-error-message-block, .CardTurnover .form-error-message-block, .CardSpendings .form-error-message-block, .DepositTurnoverCorporate .form-error-message-block, .ExchangeOfficeOverviewCorporateV2 .form-error-message-block, .InflowsCorporateV2 .form-error-message-block, .SalariesOverviewCorporateV2 .form-error-message-block, .P2PPaymentOverview .form-error-message-block, .PaymentOverviewV2 .form-error-message-block, .SalariesPaymentOverview .form-error-message-block { top: 145px; } .SalariesPaymentOrder { position: relative; } .SalariesPaymentOrder .form-error-message-block { top: 120px; } .CardSpendingCorporate .form-error-message-block { top: 145px; } .DomesticOrderReportCorporateV3 .form-error-message-block { top: 180px; } .ForeignOrderReportCorporateV3 .form-error-message-block { top: 200px; } .AccountStatements .credit-type-select-wrapper .dk-select .dk-select-options { top: 0 !important; } .AccountStatements, .AccountTurnover { position: relative; } .AccountStatements .form-error-message-block, .AccountTurnover .form-error-message-block { top: 140px; } .DepositStatementsCorporate, .OrderPackageReportCorporateV3, .OrdersFromOrderPackagesListCorporateV3 { position: relative; } .DepositStatementsCorporate .form-error-message-block, .OrderPackageReportCorporateV3 .form-error-message-block, .OrdersFromOrderPackagesListCorporateV3 .form-error-message-block { top: 140px; } .CardStatements { position: relative; } .CardStatements .form-error-message-block { top: 30px; } .PaymentOrderV4Mk, .PaymentOrderV4Public, .CreditorTemplateManagingV3 { position: relative; } .PaymentOrderV4Mk .form-error-message-block, .PaymentOrderV4Public .form-error-message-block, .CreditorTemplateManagingV3 .form-error-message-block { top: -45px; } .CreditorTemplateManagingV3, .CreditorTemplateManagingV3Public { position: relative; } .CreditorTemplateManagingV3 .form-error-message-block, .CreditorTemplateManagingV3Public .form-error-message-block { top: 25px; } .PaymentOverviewV3 { position: relative; } .PaymentOverviewV3 .form-error-message-block { top: 190px; } .ForeignPaymentOverviewV2 { position: relative; } .ForeignPaymentOverviewV2 .form-error-message-block { top: 130px; } .ForeignPaymentOrderV2 { position: relative; } .ForeignPaymentOrderV2 .form-error-message-block { top: -50px; } .LoanAnnuityPlan { position: relative; } .LoanAnnuityPlan .form-error-message-block { top: 40px; } .UserInfo .form-error-message-block, .FastPayment .form-error-message-block { top: 5px; } /*#endregion login_header*/ /*#region portal_icons*/ .s-icon { width: 16px; height: 16px; display: block; padding: 0px; } .s-icon-expand { background-position: 0 0; } .s-icon-back { background-position: 0 -16px; } .s-icon-collapse { background-position: -16px 0; } .s-icon-maximize { background-position: -32px 0; } .s-icon-minimize { background-position: -48px 0; } .s-icon-help { background-position: -64px 0; } .s-icon-remove { background-position: -80px 0; } /*#endregion portal_icons*/ /*#region responsive*/ @media only screen and (min-width: 1201px) { .s-widget-zone.lg-right { padding-right: 20px; } } @media only screen and (max-width: 1200px) and (min-width: 721px) { .s-widget-zone.md-100 { width: 100% !important; } .s-widget-zone.md-50 { width: 50% !important; } .s-widget-zone.md-right { padding-right: 20px; } } @media only screen and (max-width: 720px) { .s-widget-zone { width: 100% !important; } } /*#endregion responsive*/ .CurrencyExchangeV2 .s-widget-body table { margin-bottom: 20px !important; } .CurrencyExchangeV2 .s-widget-body table thead { border-bottom: 1px solid #8294a8; } .CurrencyExchangeV2 .s-widget-body table tbody tr:first-child { border-top: none !important; } .CurrencyExchangeV2 .s-widget-body table tbody:before { content: "@"; display: block; line-height: 20px; text-indent: -99999px; } .CurrencyExchangeV2 .popup-content .dot-decoration { right: 45px; } .CurrencyExchangeV2 .currency-exchange-filter .transaction-filter-inner .transaction-filter { width: 185px; height: 40px; position: relative; border: 1px solid #E8E9EC; border-radius: 25px; cursor: pointer; } .CurrencyExchangeV2 .currency-exchange-filter .transaction-filter-inner .transaction-filter input { width: 100%; position: relative; padding: 11px 34px 11px 16px; color: rgba(0, 0, 0, 0.87); z-index: 1; } .CurrencyExchangeV2 .currency-exchange-filter .transaction-filter-inner .transaction-filter svg { position: absolute; right: 16px; width: 18px; height: 18px; } .CurrencyExchangeV2 .currency-exchange-filter .transaction-filter-box { margin-bottom: 0; } .CurrencyExchangeV2 .currency-exchange-filter .filterButton { box-shadow: 0px 8px 24px rgba(54, 60, 164, 0.4); background: none; width: 40px; height: 40px; border-radius: 50%; transition: box-shadow .5s; cursor: pointer; } .CurrencyExchangeV2 .currency-exchange-filter .filterButton button { background: none; width: 40px; height: 40px; border: none; background-color: #0a79b8; border-radius: 50%; cursor: pointer; } .CurrencyExchangeV2 .currency-exchange-filter .filterButton button svg { width: 6px; height: 12px; position: relative; top: 6%; left: 5%; fill: #FFFFFF; } .CurrencyExchangeV2 .input-page-text { border: none; background: transparent; font-family: "Source-Sans-Pro", sans-serif; font-size: 15px; cursor: pointer; } .CurrencyExchangeV2 img { margin-right: 15px; } .CurrencyExchangeV2 .dot-menu-icon-wrapper { margin-right: 16px; } .CurrencyExchangeV2 .s-widget-title { margin-bottom: 0; position: relative; top: 45px; width: 70% !important; } .CurrencyExchangeV2 .gvCurrencyExchange .labelPager { display: none; } .cardPaymentTransfer .continue-bottom-button { width: 62% !important; } .password-change-dialog label { margin-bottom: -35px !important; padding: 0 20px; font-family: "Source-Sans-Pro", sans-serif; font-size: 15px !important; font-weight: 100 !important; transition: all .5s; color: rgba(0, 0, 0, 0.54); position: relative; z-index: 1; } .password-change-dialog label.active { margin-bottom: -25px !important; margin-top: -10px !important; color: #0a79b8; font-family: "Source-Sans-Pro-semibold", sans-serif !important; font-size: 13px !important; } .password-change-dialog .input-1 { padding-top: 30px !important; position: relative; z-index: 2; background: transparent !important; border: none !important; } .password-change-dialog .validationMessage { margin-top: 0px !important; margin-bottom: 0px !important; } .password-change-dialog .wrapper-label-input { width: 100%; height: 20px; padding: 16px 0px; background-color: #FFFFFF; border-radius: 25px; } .password-change-dialog .wrapper-label-input.focusin { border: 1px solid #0a79b8; } .password-change-dialog .btn-2 { transition: background-color .5s; } .password-change-dialog .btn-2:hover { background-color: #2A7F00; box-shadow: 0 8px 24px rgba(54, 60, 164, 0.4) !important; } .AccountTurnover { position: relative; } .AccountTurnover .tableHeader { background: #ebecf2; padding: 10px 20px 10px 20px; border-radius: 6px; display: flex; justify-content: flex-end; } .AccountTurnover .tableHeader span { font-family: "pt_sansregular", sans-serif !important; font-weight: bold; margin-left: 10px; } .AccountTurnover .tableHeader table { margin-bottom: 0px !important; } .AccountTurnover .tableHeader table td p { margin-bottom: 0px !important; } .AccountTurnover .tableHeader table td span { font-family: "pt_sansregular", sans-serif !important; font-weight: bold; } .AccountTurnover .tableHeader table td:nth-child(1) { width: 40%; vertical-align: middle; } .AccountTurnover .tableHeader table td:nth-child(2), .AccountTurnover .tableHeader table td:nth-child(3), .AccountTurnover .tableHeader table td:nth-child(4), .AccountTurnover .tableHeader table td:nth-child(5) { width: 15%; } .AccountTurnover .tableHeader.previousBalance td .openBalance { font-weight: normal; } .AccountTurnover .tableFilter { width: unset; margin-bottom: 60px !important; } .AccountTurnover .tableFilter .group-inner .label-1 { white-space: nowrap; } .dashboard.AccountTurnover .gvAccountTurnoverPreview .tablesaw thead tr th:first-child, .dashboard.CardTurnover .gvAccountTurnoverPreview .tablesaw thead tr th:first-child { display: none; } .dashboard.AccountTurnover .gvAccountTurnoverPreview .tablesaw thead tr th:nth-child(3), .dashboard.CardTurnover .gvAccountTurnoverPreview .tablesaw thead tr th:nth-child(3) { width: 10.5%; } .dashboard.AccountTurnover .gvAccountTurnoverPreview .tablesaw thead tr th:nth-child(6), .dashboard.CardTurnover .gvAccountTurnoverPreview .tablesaw thead tr th:nth-child(6) { width: 20.5%; } .dashboard.AccountTurnover .gvAccountTurnoverPreview .tablesaw tbody tr, .dashboard.CardTurnover .gvAccountTurnoverPreview .tablesaw tbody tr { /*td:nth-child(5) { width: 30%; }*/ } .dashboard.AccountTurnover .gvAccountTurnoverPreview .tablesaw tbody tr td:nth-child(6), .dashboard.CardTurnover .gvAccountTurnoverPreview .tablesaw tbody tr td:nth-child(6) { width: 20.5%; } .dashboard.AccountTurnover .gvAccountTurnoverPreview .tablesaw tbody tr td:nth-child(6) .tablesaw-cell-content, .dashboard.CardTurnover .gvAccountTurnoverPreview .tablesaw tbody tr td:nth-child(6) .tablesaw-cell-content { justify-content: end !important; } .dashboard.AccountTurnover .gvAccountTurnoverPreview .table .th:nth-child(1), .dashboard.AccountTurnover .gvAccountTurnoverPreview .table .td:nth-child(1), .dashboard.CardTurnover .gvAccountTurnoverPreview .table .th:nth-child(1), .dashboard.CardTurnover .gvAccountTurnoverPreview .table .td:nth-child(1) { display: none !important ';'; } .dashboard.AccountTurnover .tableHeader, .dashboard.AccountTurnover .tableHeader.previousBalance, .dashboard.CardTurnover .tableHeader, .dashboard.CardTurnover .tableHeader.previousBalance { display: none !important; } .dashboard.AccountTurnover .group-inner, .dashboard.CardTurnover .group-inner { width: 100%; } .dashboard.AccountTurnover .group-inner .btn-2, .dashboard.CardTurnover .group-inner .btn-2 { width: 100%; font-size: 14px; padding: 11px 20px; border: 1px solid #0a79b8 !important; color: #0a79b8; -webkit-transition: background-color .3s; transition: background-color .3s; background: #fff; border-radius: 6px; box-shadow: none; } .dashboard.AccountTurnover .clientGridPager, .dashboard.CardTurnover .clientGridPager { display: none !important; } .CurrencyCalculator-dashboard { padding-left: unset !important; padding-bottom: unset !important; margin-top: 55px !important; margin-right: 20px; } .CurrencyCalculator-dashboard .calculator-heading { left: auto !important; top: -40px !important; } .CurrencyCalculator-dashboard .currency-calculator-table { padding-top: 25px !important; } .CurrencyCalculator-dashboard .btn-1 { color: #FFFFFF; } .CurrencyCalculator-dashboard .inputAmount { z-index: 2 !important; position: relative; background: transparent; } .CurrencyCalculator-dashboard .currency-calculator-table .inputAmount { height: 30px !important; padding-top: 20px; } .CurrencyCalculator-dashboard .currency-calculator-table .outputAmount { height: 30px !important; padding-top: 20px; margin-bottom: 25px; } .CurrencyCalculator-dashboard .currency-calculator-table label { margin-bottom: -15px !important; z-index: 1; position: relative; margin-top: 8px; top: 20px; font-family: "Source-Sans-Pro", sans-serif; font-size: 15px !important; font-weight: 100 !important; transition: all .5s; } .CurrencyCalculator-dashboard .currency-calculator-table label.active { top: 10px; color: #0a79b8; font-size: 12px !important; font-family: "Source-Sans-Pro-semibold", sans-serif !important; font-weight: 600 !important; transition: all .5s; } .CurrencyCalculator { padding-left: 20px; padding-bottom: 160px; } .CurrencyCalculator .borderError { border: 1px solid red !important; } .CurrencyCalculator .s-widget-button { display: none; } .CurrencyCalculator .s-widget-header table { margin-bottom: 0; } .CurrencyCalculator .s-widget-title { margin-top: 6px; font-weight: bold; } .CurrencyCalculator .focusin { border: 1px solid #0a79b8 !important; } .CurrencyCalculator .popup-content { width: 80px; right: 0; max-height: 240px; overflow-y: overlay; } .CurrencyCalculator .popup-content::-webkit-scrollbar { background: transparent; border-radius: 16px; width: 5px; margin-top: 10px !important; margin-bottom: 10px !important; } .CurrencyCalculator .popup-content::-webkit-scrollbar-track { background: transparent; border-radius: 16px; margin-top: 10px !important; margin-bottom: 10px !important; } .CurrencyCalculator .popup-content::-webkit-scrollbar-thumb { background: #0a79b8; border-radius: 16px; margin-top: 10px !important; margin-bottom: 10px !important; } .CurrencyCalculator .dot-decoration { right: 17px !important; background-color: #f60; top: 48px; position: absolute; z-index: 15; opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); visibility: hidden; -webkit-transition: visibility .5s,opacity .5s,-webkit-transform .5s; transition: visibility .5s,opacity .5s,-webkit-transform .5s; transition: visibility .5s,opacity .5s,transform .5s; transition: visibility .5s,opacity .5s,transform .5s,-webkit-transform .5s; } .CurrencyCalculator .dd-1.active, .CurrencyCalculator .dd-2.active { visibility: visible; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: .6s; transition-delay: .6s; } .CurrencyCalculator .calculator-heading { position: relative; z-index: 1 !important; font-size: 24px; left: 35%; top: 62px; font-family: "Source-Sans-Pro-bold", sans-serif; } .CurrencyCalculator .first-error-message .validationMessage { margin-top: -20px; margin-left: -3px; } .CurrencyCalculator .dot-menu { border-radius: 12px; } .CurrencyCalculator .around-calc-img { display: inline-block; width: 40px; height: 40px; border-radius: 50%; background-color: #EFEFEF; margin-bottom: 10px; } .CurrencyCalculator .currency-calculator-table { border-collapse: unset; border-spacing: unset; border-radius: 20px; padding: 85px 40px 40px 40px; border: 1px solid #F5F5F5; background-color: #FFFFFF; width: 100%; position: relative; } .CurrencyCalculator .currency-calculator-table .payment-inner-text { display: inline-block; position: absolute; } .CurrencyCalculator .currency-calculator-table .payment-inner-text h4 { display: inline-block; margin-bottom: 0px; } .CurrencyCalculator .currency-calculator-table .payment-inner-text .validationMessage { margin-bottom: 0px !important; margin-top: -2px !important; margin-left: -18px; } .CurrencyCalculator .currency-calculator-table input { width: 93%; height: 40px; font-family: "Source-Sans-Pro-semibold", sans-serif; font-size: 15px; text-align: left; color: rgba(0, 0, 0, 0.87); padding-bottom: 0; padding-right: 0; padding-top: 0; padding-left: 0; border: 1px solid #DCDCDC; background: #FFFFFF; border-radius: 25px; -webkit-transition: border-color .3s; transition: border-color .3s; margin: 0; -webkit-appearance: none; } .CurrencyCalculator .currency-calculator-table input.outputName { background: transparent; border: none; font-size: 18px; height: auto; font-family: "Source-Sans-Pro-bold", sans-serif; margin-bottom: 0px; } .CurrencyCalculator .currency-calculator-table label { display: block; font-weight: 600; font-size: 12px; color: rgba(0, 0, 0, 0.54); padding: 0 16px; margin-bottom: 7px; } .CurrencyCalculator .currency-calculator-table .payment-filter-payment { background-repeat: no-repeat; background-size: 100% 100%; padding: 0 !important; width: 16px; height: 16px; display: inline-block; position: relative; border-radius: 0px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .CurrencyCalculator .currency-calculator-table .payment-filter-payment.EUR { background-image: url(images/icons/eu-flag.png); } .CurrencyCalculator .currency-calculator-table .payment-filter-payment.RSD { background-image: url(images/icons/srb-flag.png); } .CurrencyCalculator .currency-calculator-table .payment-filter-payment.RUB { background-image: url(images/icons/rus-flag.png); } .CurrencyCalculator .currency-calculator-table .payment-filter-payment.USD { background-image: url(images/icons/us-flag.png); } .CurrencyCalculator .currency-calculator-table .payment-filter-payment.CHF { background-image: url(images/icons/swiss-flag.png); } .CurrencyCalculator .currency-calculator-table .payment-filter-payment.GBP { background-image: url(images/icons/uk-flag.png); } .CurrencyCalculator .currency-calculator-table .payment-filter-payment.AUD { background-image: url(images/icons/aus-flag.png); } .CurrencyCalculator .currency-calculator-table .payment-filter-payment.SEK { background-image: url(images/icons/swe-flag.png); } .CurrencyCalculator .currency-calculator-table .payment-filter-payment.HRK { background-image: url(images/icons/cro-flag.png); } .CurrencyCalculator .currency-calculator-table .payment-filter-payment.CAD { background-image: url(images/icons/cad-flag.png); } .CurrencyCalculator .currency-calculator-table .payment-filter-payment.DKK { background-image: url(images/icons/dan-flag.png); } .CurrencyCalculator .currency-calculator-table .payment-filter-payment.JPY { background-image: url(images/icons/jap-flag.png); } .CurrencyCalculator .currency-calculator-table .payment-filter-payment.NOK { background-image: url(images/icons/nr-flag.png); } .CurrencyCalculator .currency-calculator-table .payment-filter-payment.HUF { background-image: url(images/icons/hun-flag.png); } .CurrencyCalculator .currency-calculator-table .inputAmount { margin-bottom: 30px; padding-left: 15px; z-index: 1; position: relative; background: transparent; } .CurrencyCalculator .currency-calculator-table .outputAmount { padding-left: 15px; } .cardPaymentTransferDetails .popup-btn-wrapper { bottom: -35px !important; } .cardPaymentTransferDetails .button-back { background-color: #0a79b8 !important; color: #FFFFFF !important; } .cardPaymentTransferDetails .success-failed { margin-top: 60px; } .cardPaymentTransferDetails .account-inter-inner-scroll { overflow: hidden !important; } .CardPayment .input-select-1 { cursor: default !important; } .CardPayment .user-account-card-img.accounts, .FXTrading .user-account-card-img.accounts, .PaymentTransfer .user-account-card-img.accounts { width: 80px; height: 50px; border-radius: 50%; overflow: hidden; /* background-image: url(images/icons/home-acc-pic.jpg);*/ background-repeat: no-repeat; background-position: center; background-size: contain; } .CardPayment .user-account-card-img.cards, .FXTrading .user-account-card-img.cards, .PaymentTransfer .user-account-card-img.cards { height: 48px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); overflow: hidden; background-image: url(images/icons/card-1.jpg); background-repeat: no-repeat; padding-left: 0 !important; background-position: center; background-size: contain; } .CardPayment .user-account-card-img.card, .FXTrading .user-account-card-img.card, .PaymentTransfer .user-account-card-img.card { width: 80px !important; height: 50px; box-shadow: 0 6px 10px rgba(0, 0, 0, 0.16) !important; border-radius: 4px; position: relative; } .CardPayment .user-account-card-img.card.block, .FXTrading .user-account-card-img.card.block, .PaymentTransfer .user-account-card-img.card.block { display: block; } .CardPayment .user-account-card-img.card .card-image, .FXTrading .user-account-card-img.card .card-image, .PaymentTransfer .user-account-card-img.card .card-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; background-repeat: no-repeat; background-size: cover; background-position: 50%; } .CardPayment .user-account-card-img.card .card-image.card-602, .FXTrading .user-account-card-img.card .card-image.card-602, .PaymentTransfer .user-account-card-img.card .card-image.card-602 { background-image: url("images/cards-types/card-602.png"); } .CardPayment .user-account-card-img.card .card-image.card-605, .FXTrading .user-account-card-img.card .card-image.card-605, .PaymentTransfer .user-account-card-img.card .card-image.card-605 { background-image: url("images/cards-types/card-605.png"); } .CardPayment .user-account-card-img.card .card-image.card-609, .FXTrading .user-account-card-img.card .card-image.card-609, .PaymentTransfer .user-account-card-img.card .card-image.card-609 { background-image: url("images/cards-types/card-609.png"); } .CardPayment .user-account-card-img.card .card-image.card-610, .FXTrading .user-account-card-img.card .card-image.card-610, .PaymentTransfer .user-account-card-img.card .card-image.card-610 { background-image: url("images/cards-types/card-610.png"); } .CardPayment .user-account-card-img.card .card-image.card-616, .FXTrading .user-account-card-img.card .card-image.card-616, .PaymentTransfer .user-account-card-img.card .card-image.card-616 { background-image: url("images/cards-types/card-616.png"); } .CardPayment .user-account-card-img.card .card-image.card-617, .FXTrading .user-account-card-img.card .card-image.card-617, .PaymentTransfer .user-account-card-img.card .card-image.card-617 { background-image: url("images/cards-types/card-617.png"); } .CardPayment .user-account-card-img.card .card-image.card-618, .FXTrading .user-account-card-img.card .card-image.card-618, .PaymentTransfer .user-account-card-img.card .card-image.card-618 { background-image: url("images/cards-types/card-618.png"); } .CardPayment .user-account-card-img.card .card-image.card-627, .FXTrading .user-account-card-img.card .card-image.card-627, .PaymentTransfer .user-account-card-img.card .card-image.card-627 { background-image: url("images/cards-types/card-627.png"); } .CardPayment .user-account-card-img.card .card-image.card-635, .FXTrading .user-account-card-img.card .card-image.card-635, .PaymentTransfer .user-account-card-img.card .card-image.card-635 { background-image: url("images/cards-types/card-635.png"); } .CardPayment .user-account-card-img.card .card-image.card-637, .FXTrading .user-account-card-img.card .card-image.card-637, .PaymentTransfer .user-account-card-img.card .card-image.card-637 { background-image: url("images/cards-types/card-637.png"); } .CardPayment .user-account-card-img.card .card-image.card-642, .FXTrading .user-account-card-img.card .card-image.card-642, .PaymentTransfer .user-account-card-img.card .card-image.card-642 { background-image: url("images/cards-types/card-642.png"); } .CardPayment .user-account-card-img.card .card-image.card-662, .FXTrading .user-account-card-img.card .card-image.card-662, .PaymentTransfer .user-account-card-img.card .card-image.card-662 { background-image: url("images/cards-types/card-662.png"); } .CardPayment .user-account-card-img.card .card-image.card-670, .FXTrading .user-account-card-img.card .card-image.card-670, .PaymentTransfer .user-account-card-img.card .card-image.card-670 { background-image: url("images/cards-types/card-670.png"); } .CardPayment .user-account-card-img.card .card-image.card-680, .FXTrading .user-account-card-img.card .card-image.card-680, .PaymentTransfer .user-account-card-img.card .card-image.card-680 { background-image: url("images/cards-types/card-680.png"); } .CardPayment .user-account-card-img.card .card-image.card-683, .FXTrading .user-account-card-img.card .card-image.card-683, .PaymentTransfer .user-account-card-img.card .card-image.card-683 { background-image: url("images/cards-types/card-683.png"); } .CardPayment .user-account-card-img.card .card-image.card-690, .FXTrading .user-account-card-img.card .card-image.card-690, .PaymentTransfer .user-account-card-img.card .card-image.card-690 { background-image: url("images/cards-types/card-690.png"); } .CardPayment .user-account-card-img.card .card-image.card-681, .FXTrading .user-account-card-img.card .card-image.card-681, .PaymentTransfer .user-account-card-img.card .card-image.card-681 { background-image: url("images/cards-types/card-681.png"); } .CardPayment .user-account-card-img.loans, .FXTrading .user-account-card-img.loans, .PaymentTransfer .user-account-card-img.loans { width: 50px; height: 50px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); overflow: hidden; } .CardPayment .user-account-card-img.background-5, .FXTrading .user-account-card-img.background-5, .PaymentTransfer .user-account-card-img.background-5 { display: none; } .PaymentTransfer .accounts-middle-form-wrap { max-width: 600px; margin: 0 auto; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .PaymentTransfer .accounts-middle-form-wrap .accounts-middle-form-inner { width: 100%; padding-bottom: 30px; border-bottom: 1px solid #8294a8; } .PaymentTransfer .accounts-middle-form-wrap .accounts-middle-form-inner .group-inner { margin-bottom: 30px; } .PaymentTransfer .accounts-middle-form-wrap .accounts-middle-form-inner .group-inner .label-1 { display: block; font-family: Source Sans Pro semibold,sans-serif; font-size: 12px; color: #8294a8; padding: 0 0 0 16px; margin-bottom: 6px; } .PaymentTransfer .accounts-middle-form-wrap .accounts-middle-form-inner .group-inner .input-wrap { position: relative; border-radius: 6px; } .PaymentTransfer .accounts-middle-form-wrap .accounts-middle-form-inner .group-inner .input-wrap .input-1 { width: 100%; height: 48px; font-family: Source Sans Pro,sans-serif; font-size: 15px; text-align: left; color: #191e39; padding: 16px; border: 1px solid #b4bfcb; background: #fff; -webkit-transition: border-color .3s; transition: border-color .3s; margin: 0; -webkit-appearance: none; min-height: 50px; } .PaymentTransfer .accounts-middle-form-wrap .accounts-middle-form-inner .group-inner .input-wrap .select-1 { position: relative; } .PaymentTransfer .accounts-middle-form-wrap .accounts-middle-form-inner .group-inner .input-wrap .select-1:before { content: ""; width: 100%; position: absolute; left: 0; opacity: 0; pointer-events: none; -webkit-transition: opacity .3s; transition: opacity .3s; height: 30px; background: #fff; top: 30px; } .PaymentTransfer .accounts-middle-form-wrap .accounts-middle-form-inner .group-inner .input-wrap .select-1 .dk-selected { min-height: 50px; padding: 16px 35px 11px px 16px; width: 100%; max-height: 40px; font-family: Source Sans Pro,sans-serif; font-size: 15px; color: #191e39; padding: 14px 35px 14px 16px; border: 1px solid #b4bfcb; background: #fff; border-radius: 6px; outline: none; position: relative; cursor: pointer; z-index: 21; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .PaymentTransfer .accounts-middle-form-wrap .accounts-middle-form-inner .group-inner .input-wrap .select-1 .dk-selected:after { content: ""; display: block; width: 16px; height: 100%; position: absolute; top: 0; right: 15px; background: url(../img/icons/arrow-down.png) 50% no-repeat; background-size: 16px; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; } .PaymentTransfer .accounts-middle-form-wrap .accounts-middle-form-inner .group-inner .input-wrap .select-1 .dk-select-options { height: 300px; overflow: hidden; width: 100%; position: absolute; top: 0; left: 0; border: 1px solid #0faaea; border-top: none; background: #fff; opacity: 0; visibility: hidden; -webkit-transition: opacity .3s ease,visibility .3s ease; transition: opacity .3s ease,visibility .3s ease; max-height: 300px; overflow: auto; z-index: 20; padding-top: 50px; border-radius: 6px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12); } .PaymentTransfer .accounts-middle-form-wrap .accounts-middle-form-inner .group-inner .input-wrap .select-1 .dk-select-options .opticroll-content { background-color: #fff; padding: 16px; -webkit-transition: color .3s ease; transition: color .3s ease; cursor: pointer; font-family: Source Sans Pro,sans-serif; font-size: 15px; color: #191e39; text-align: left; background: transparent; -webkit-transition: background .3s; transition: background .3s; } .PaymentTransfer .accounts-middle-form-wrap .accounts-middle-form-inner .btn-2.gradient-2 { background: linear-gradient(-135deg, #00c6ff, #0079ff); } .PaymentTransfer .accounts-middle-form-wrap .accounts-middle-form-inner .btn-2.wide-btn { width: 100%; max-width: 292px; } .PaymentTransfer .accounts-middle-form-wrap .accounts-middle-form-inner .no-border { border: none; } .bottom-box-shadow { height: 129px; background: transparent; position: absolute; width: 100%; bottom: 0; z-index: -1; margin: 0; padding: 0; box-shadow: 0 17px 17px -5px rgba(0, 0, 0, 0.08); z-index: 1; pointer-events: none; display: none; } .bottom-box-shadow.open { display: block; } .bottom-box-shadow.open { display: block; } .AccountBalancePreviewSlider, .CardBalancePreviewSlider, .CardBalancePreviewCorporate, .AuthorizedAccounts, .LoanBalancePreviewSlider, .DepositBalancePreviewCorporate, .AccountSlider { margin-bottom: 100px; } .AccountBalancePreviewSlider .wrapper, .CardBalancePreviewSlider .wrapper, .CardBalancePreviewCorporate .wrapper, .AuthorizedAccounts .wrapper, .LoanBalancePreviewSlider .wrapper, .DepositBalancePreviewCorporate .wrapper, .AccountSlider .wrapper { width: 100%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .AccountBalancePreviewSlider .wrapper.account-card-img, .CardBalancePreviewSlider .wrapper.account-card-img, .CardBalancePreviewCorporate .wrapper.account-card-img, .AuthorizedAccounts .wrapper.account-card-img, .LoanBalancePreviewSlider .wrapper.account-card-img, .DepositBalancePreviewCorporate .wrapper.account-card-img, .AccountSlider .wrapper.account-card-img { -webkit-transition: background-color .5s; transition: background-color .5s; } .AccountBalancePreviewSlider .wrapper.account-card-img:hover, .CardBalancePreviewSlider .wrapper.account-card-img:hover, .CardBalancePreviewCorporate .wrapper.account-card-img:hover, .AuthorizedAccounts .wrapper.account-card-img:hover, .LoanBalancePreviewSlider .wrapper.account-card-img:hover, .DepositBalancePreviewCorporate .wrapper.account-card-img:hover, .AccountSlider .wrapper.account-card-img:hover { background-color: #F5F5F5 !important; } .AccountBalancePreviewSlider .wrapper.account-card-img:hover .profile-text-arrow, .CardBalancePreviewSlider .wrapper.account-card-img:hover .profile-text-arrow, .CardBalancePreviewCorporate .wrapper.account-card-img:hover .profile-text-arrow, .AuthorizedAccounts .wrapper.account-card-img:hover .profile-text-arrow, .LoanBalancePreviewSlider .wrapper.account-card-img:hover .profile-text-arrow, .DepositBalancePreviewCorporate .wrapper.account-card-img:hover .profile-text-arrow, .AccountSlider .wrapper.account-card-img:hover .profile-text-arrow { -webkit-transform: translate(10px); transform: translate(10px); } .AccountBalancePreviewSlider .wrapper.account-card-img:nth-child(1), .CardBalancePreviewSlider .wrapper.account-card-img:nth-child(1), .CardBalancePreviewCorporate .wrapper.account-card-img:nth-child(1), .AuthorizedAccounts .wrapper.account-card-img:nth-child(1), .LoanBalancePreviewSlider .wrapper.account-card-img:nth-child(1), .DepositBalancePreviewCorporate .wrapper.account-card-img:nth-child(1), .AccountSlider .wrapper.account-card-img:nth-child(1) { box-shadow: inset 0 17px 25px -5px rgba(162, 184, 207, 0.5); } .AccountBalancePreviewSlider .wrapper.account-card-img .user-account-card-img, .CardBalancePreviewSlider .wrapper.account-card-img .user-account-card-img, .CardBalancePreviewCorporate .wrapper.account-card-img .user-account-card-img, .AuthorizedAccounts .wrapper.account-card-img .user-account-card-img, .LoanBalancePreviewSlider .wrapper.account-card-img .user-account-card-img, .DepositBalancePreviewCorporate .wrapper.account-card-img .user-account-card-img, .AccountSlider .wrapper.account-card-img .user-account-card-img { display: none; } .AccountBalancePreviewSlider .wrapper.account-card-img .user-account-card-img.background-5, .CardBalancePreviewSlider .wrapper.account-card-img .user-account-card-img.background-5, .CardBalancePreviewCorporate .wrapper.account-card-img .user-account-card-img.background-5, .AuthorizedAccounts .wrapper.account-card-img .user-account-card-img.background-5, .LoanBalancePreviewSlider .wrapper.account-card-img .user-account-card-img.background-5, .DepositBalancePreviewCorporate .wrapper.account-card-img .user-account-card-img.background-5, .AccountSlider .wrapper.account-card-img .user-account-card-img.background-5 { display: block; background-image: none; width: 40px; height: 40px; border-radius: 50%; } .AccountBalancePreviewSlider .wrapper.account-card-img .user-account-card-img.background-5 svg, .CardBalancePreviewSlider .wrapper.account-card-img .user-account-card-img.background-5 svg, .CardBalancePreviewCorporate .wrapper.account-card-img .user-account-card-img.background-5 svg, .AuthorizedAccounts .wrapper.account-card-img .user-account-card-img.background-5 svg, .LoanBalancePreviewSlider .wrapper.account-card-img .user-account-card-img.background-5 svg, .DepositBalancePreviewCorporate .wrapper.account-card-img .user-account-card-img.background-5 svg, .AccountSlider .wrapper.account-card-img .user-account-card-img.background-5 svg { width: 24px; height: 19px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .AccountBalancePreviewSlider .wrapper.account-card-img .profile-text-arrow, .CardBalancePreviewSlider .wrapper.account-card-img .profile-text-arrow, .CardBalancePreviewCorporate .wrapper.account-card-img .profile-text-arrow, .AuthorizedAccounts .wrapper.account-card-img .profile-text-arrow, .LoanBalancePreviewSlider .wrapper.account-card-img .profile-text-arrow, .DepositBalancePreviewCorporate .wrapper.account-card-img .profile-text-arrow, .AccountSlider .wrapper.account-card-img .profile-text-arrow { display: block; fill: #C7C7C7; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s,-webkit-transform .5s; width: 7px; height: 12px; right: 1px; position: relative; top: -10px; } .AccountBalancePreviewSlider .wrapper.account-card-img .profile-text-arrow.dual, .CardBalancePreviewSlider .wrapper.account-card-img .profile-text-arrow.dual, .CardBalancePreviewCorporate .wrapper.account-card-img .profile-text-arrow.dual, .AuthorizedAccounts .wrapper.account-card-img .profile-text-arrow.dual, .LoanBalancePreviewSlider .wrapper.account-card-img .profile-text-arrow.dual, .DepositBalancePreviewCorporate .wrapper.account-card-img .profile-text-arrow.dual, .AccountSlider .wrapper.account-card-img .profile-text-arrow.dual { top: -17px !important; } .AccountBalancePreviewSlider .wrapper.account-card-img .account-card-text h2, .CardBalancePreviewSlider .wrapper.account-card-img .account-card-text h2, .CardBalancePreviewCorporate .wrapper.account-card-img .account-card-text h2, .AuthorizedAccounts .wrapper.account-card-img .account-card-text h2, .LoanBalancePreviewSlider .wrapper.account-card-img .account-card-text h2, .DepositBalancePreviewCorporate .wrapper.account-card-img .account-card-text h2, .AccountSlider .wrapper.account-card-img .account-card-text h2 { font-size: 20px !important; } .AccountBalancePreviewSlider .wrapper.account-card-img .account-detail-menu, .CardBalancePreviewSlider .wrapper.account-card-img .account-detail-menu, .CardBalancePreviewCorporate .wrapper.account-card-img .account-detail-menu, .AuthorizedAccounts .wrapper.account-card-img .account-detail-menu, .LoanBalancePreviewSlider .wrapper.account-card-img .account-detail-menu, .DepositBalancePreviewCorporate .wrapper.account-card-img .account-detail-menu, .AccountSlider .wrapper.account-card-img .account-detail-menu { display: none; } .AccountBalancePreviewSlider .wrapper.account-card-img .account-intro-inner, .CardBalancePreviewSlider .wrapper.account-card-img .account-intro-inner, .CardBalancePreviewCorporate .wrapper.account-card-img .account-intro-inner, .AuthorizedAccounts .wrapper.account-card-img .account-intro-inner, .LoanBalancePreviewSlider .wrapper.account-card-img .account-intro-inner, .DepositBalancePreviewCorporate .wrapper.account-card-img .account-intro-inner, .AccountSlider .wrapper.account-card-img .account-intro-inner { width: calc(100% - 100px); width: -webkit-calc(100% - 100px); padding: 15px 58px 15px 40px; border-bottom: 1px solid #DCDCDC; width: 100%; } .AccountBalancePreviewSlider .wrapper.account-card-img .accounts-intro-balance h2, .CardBalancePreviewSlider .wrapper.account-card-img .accounts-intro-balance h2, .CardBalancePreviewCorporate .wrapper.account-card-img .accounts-intro-balance h2, .AuthorizedAccounts .wrapper.account-card-img .accounts-intro-balance h2, .LoanBalancePreviewSlider .wrapper.account-card-img .accounts-intro-balance h2, .DepositBalancePreviewCorporate .wrapper.account-card-img .accounts-intro-balance h2, .AccountSlider .wrapper.account-card-img .accounts-intro-balance h2 { font-family: "pt_sansregular", sans-serif !important; font-size: 20px; } .AccountBalancePreviewSlider .wrapper.account-card-img .accounts-intro-balance.right, .CardBalancePreviewSlider .wrapper.account-card-img .accounts-intro-balance.right, .CardBalancePreviewCorporate .wrapper.account-card-img .accounts-intro-balance.right, .AuthorizedAccounts .wrapper.account-card-img .accounts-intro-balance.right, .LoanBalancePreviewSlider .wrapper.account-card-img .accounts-intro-balance.right, .DepositBalancePreviewCorporate .wrapper.account-card-img .accounts-intro-balance.right, .AccountSlider .wrapper.account-card-img .accounts-intro-balance.right { cursor: pointer; } .AccountBalancePreviewSlider .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text, .CardBalancePreviewSlider .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text, .CardBalancePreviewCorporate .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text, .AuthorizedAccounts .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text, .LoanBalancePreviewSlider .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text, .DepositBalancePreviewCorporate .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text, .AccountSlider .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text { display: inline-block; margin-right: 32px; } .AccountBalancePreviewSlider .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .amount1, .CardBalancePreviewSlider .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .amount1, .CardBalancePreviewCorporate .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .amount1, .AuthorizedAccounts .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .amount1, .LoanBalancePreviewSlider .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .amount1, .DepositBalancePreviewCorporate .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .amount1, .AccountSlider .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .amount1 { transform: translateY(-15px); height: 24px; } .AccountBalancePreviewSlider .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .amount2, .CardBalancePreviewSlider .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .amount2, .CardBalancePreviewCorporate .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .amount2, .AuthorizedAccounts .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .amount2, .LoanBalancePreviewSlider .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .amount2, .DepositBalancePreviewCorporate .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .amount2, .AccountSlider .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .amount2 { height: 20px; transform: translateY(-16px); } .AccountBalancePreviewSlider .wrapper.account-card-img .accounts-intro-balance.right svg, .CardBalancePreviewSlider .wrapper.account-card-img .accounts-intro-balance.right svg, .CardBalancePreviewCorporate .wrapper.account-card-img .accounts-intro-balance.right svg, .AuthorizedAccounts .wrapper.account-card-img .accounts-intro-balance.right svg, .LoanBalancePreviewSlider .wrapper.account-card-img .accounts-intro-balance.right svg, .DepositBalancePreviewCorporate .wrapper.account-card-img .accounts-intro-balance.right svg, .AccountSlider .wrapper.account-card-img .accounts-intro-balance.right svg { display: inline-block; } .AccountBalancePreviewSlider .wrapper.account-card-img.selected, .CardBalancePreviewSlider .wrapper.account-card-img.selected, .CardBalancePreviewCorporate .wrapper.account-card-img.selected, .AuthorizedAccounts .wrapper.account-card-img.selected, .LoanBalancePreviewSlider .wrapper.account-card-img.selected, .DepositBalancePreviewCorporate .wrapper.account-card-img.selected, .AccountSlider .wrapper.account-card-img.selected { background-image: linear-gradient(to bottom, rgba(54, 57, 164, 0.1), transparent); margin-top: 40px; } .AccountBalancePreviewSlider .user-account-card, .CardBalancePreviewSlider .user-account-card, .CardBalancePreviewCorporate .user-account-card, .AuthorizedAccounts .user-account-card, .LoanBalancePreviewSlider .user-account-card, .DepositBalancePreviewCorporate .user-account-card, .AccountSlider .user-account-card { border-radius: 16px; padding: 40px; box-shadow: 0 65px 69px -44px rgba(54, 57, 164, 0.16); transition: border-radius 0.5s ease-in-out; } .AccountBalancePreviewSlider .user-account-card .btn-2, .CardBalancePreviewSlider .user-account-card .btn-2, .CardBalancePreviewCorporate .user-account-card .btn-2, .AuthorizedAccounts .user-account-card .btn-2, .LoanBalancePreviewSlider .user-account-card .btn-2, .DepositBalancePreviewCorporate .user-account-card .btn-2, .AccountSlider .user-account-card .btn-2 { display: block; padding: 14px 10px; border-radius: 40px; } .AccountBalancePreviewSlider .account-intro-inner, .CardBalancePreviewSlider .account-intro-inner, .CardBalancePreviewCorporate .account-intro-inner, .AuthorizedAccounts .account-intro-inner, .LoanBalancePreviewSlider .account-intro-inner, .DepositBalancePreviewCorporate .account-intro-inner, .AccountSlider .account-intro-inner { width: calc(100% - 140px); } .AccountBalancePreviewSlider .account-intro-inner.full, .CardBalancePreviewSlider .account-intro-inner.full, .CardBalancePreviewCorporate .account-intro-inner.full, .AuthorizedAccounts .account-intro-inner.full, .LoanBalancePreviewSlider .account-intro-inner.full, .DepositBalancePreviewCorporate .account-intro-inner.full, .AccountSlider .account-intro-inner.full { width: 100%; } .AccountBalancePreviewSlider .account-intro-inner.full.margin-right-2, .CardBalancePreviewSlider .account-intro-inner.full.margin-right-2, .CardBalancePreviewCorporate .account-intro-inner.full.margin-right-2, .AuthorizedAccounts .account-intro-inner.full.margin-right-2, .LoanBalancePreviewSlider .account-intro-inner.full.margin-right-2, .DepositBalancePreviewCorporate .account-intro-inner.full.margin-right-2, .AccountSlider .account-intro-inner.full.margin-right-2 { margin-right: 20px; } .AccountBalancePreviewSlider .account-intro-inner:nth-child(3), .CardBalancePreviewSlider .account-intro-inner:nth-child(3), .CardBalancePreviewCorporate .account-intro-inner:nth-child(3), .AuthorizedAccounts .account-intro-inner:nth-child(3), .LoanBalancePreviewSlider .account-intro-inner:nth-child(3), .DepositBalancePreviewCorporate .account-intro-inner:nth-child(3), .AccountSlider .account-intro-inner:nth-child(3) { background-image: linear-gradient(to bottom, rgba(54, 57, 164, 0.1), transparent); margin-top: 35px; } .AccountBalancePreviewSlider .account-intro-inner.lastBorder, .CardBalancePreviewSlider .account-intro-inner.lastBorder, .CardBalancePreviewCorporate .account-intro-inner.lastBorder, .AuthorizedAccounts .account-intro-inner.lastBorder, .LoanBalancePreviewSlider .account-intro-inner.lastBorder, .DepositBalancePreviewCorporate .account-intro-inner.lastBorder, .AccountSlider .account-intro-inner.lastBorder { border-bottom: none !important; } .AccountBalancePreviewSlider .account-intro-inner .user-account-loan-img, .AccountBalancePreviewSlider .account-intro-inner .user-accout-card-img, .CardBalancePreviewSlider .account-intro-inner .user-account-loan-img, .CardBalancePreviewSlider .account-intro-inner .user-accout-card-img, .CardBalancePreviewCorporate .account-intro-inner .user-account-loan-img, .CardBalancePreviewCorporate .account-intro-inner .user-accout-card-img, .AuthorizedAccounts .account-intro-inner .user-account-loan-img, .AuthorizedAccounts .account-intro-inner .user-accout-card-img, .LoanBalancePreviewSlider .account-intro-inner .user-account-loan-img, .LoanBalancePreviewSlider .account-intro-inner .user-accout-card-img, .DepositBalancePreviewCorporate .account-intro-inner .user-account-loan-img, .DepositBalancePreviewCorporate .account-intro-inner .user-accout-card-img, .AccountSlider .account-intro-inner .user-account-loan-img, .AccountSlider .account-intro-inner .user-accout-card-img { width: 40px; height: 40px; border-radius: 12px; border: 1px solid #b4bfcb; overflow: hidden; } .AccountBalancePreviewSlider .account-intro-inner .user-account-loan-img svg, .AccountBalancePreviewSlider .account-intro-inner .user-accout-card-img svg, .CardBalancePreviewSlider .account-intro-inner .user-account-loan-img svg, .CardBalancePreviewSlider .account-intro-inner .user-accout-card-img svg, .CardBalancePreviewCorporate .account-intro-inner .user-account-loan-img svg, .CardBalancePreviewCorporate .account-intro-inner .user-accout-card-img svg, .AuthorizedAccounts .account-intro-inner .user-account-loan-img svg, .AuthorizedAccounts .account-intro-inner .user-accout-card-img svg, .LoanBalancePreviewSlider .account-intro-inner .user-account-loan-img svg, .LoanBalancePreviewSlider .account-intro-inner .user-accout-card-img svg, .DepositBalancePreviewCorporate .account-intro-inner .user-account-loan-img svg, .DepositBalancePreviewCorporate .account-intro-inner .user-accout-card-img svg, .AccountSlider .account-intro-inner .user-account-loan-img svg, .AccountSlider .account-intro-inner .user-accout-card-img svg { position: absolute; width: 24px; height: 24px; stroke: rgba(0, 0, 0, 0.87); color: rgba(0, 0, 0, 0.87); top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .AccountBalancePreviewSlider .account-intro-inner.visible, .CardBalancePreviewSlider .account-intro-inner.visible, .CardBalancePreviewCorporate .account-intro-inner.visible, .AuthorizedAccounts .account-intro-inner.visible, .LoanBalancePreviewSlider .account-intro-inner.visible, .DepositBalancePreviewCorporate .account-intro-inner.visible, .AccountSlider .account-intro-inner.visible { padding: 15px 95px 15px 0px; border-bottom: 1px solid #DCDCDC; -webkit-transition: background-color .5s; transition: background-color .5s; width: 100%; } .AccountBalancePreviewSlider .account-intro-inner.visible .account-card-text h2, .CardBalancePreviewSlider .account-intro-inner.visible .account-card-text h2, .CardBalancePreviewCorporate .account-intro-inner.visible .account-card-text h2, .AuthorizedAccounts .account-intro-inner.visible .account-card-text h2, .LoanBalancePreviewSlider .account-intro-inner.visible .account-card-text h2, .DepositBalancePreviewCorporate .account-intro-inner.visible .account-card-text h2, .AccountSlider .account-intro-inner.visible .account-card-text h2 { font-family: "Source-Sans-Pro-bold", sans-serif; font-size: 20px; } .AccountBalancePreviewSlider .account-intro-inner.visible .accounts-intro-balance h2, .CardBalancePreviewSlider .account-intro-inner.visible .accounts-intro-balance h2, .CardBalancePreviewCorporate .account-intro-inner.visible .accounts-intro-balance h2, .AuthorizedAccounts .account-intro-inner.visible .accounts-intro-balance h2, .LoanBalancePreviewSlider .account-intro-inner.visible .accounts-intro-balance h2, .DepositBalancePreviewCorporate .account-intro-inner.visible .accounts-intro-balance h2, .AccountSlider .account-intro-inner.visible .accounts-intro-balance h2 { font-family: "Source-Sans-Pro-bold", sans-serif; font-size: 20px; } .AccountBalancePreviewSlider .account-intro-inner.visible .user-account-card-img, .CardBalancePreviewSlider .account-intro-inner.visible .user-account-card-img, .CardBalancePreviewCorporate .account-intro-inner.visible .user-account-card-img, .AuthorizedAccounts .account-intro-inner.visible .user-account-card-img, .LoanBalancePreviewSlider .account-intro-inner.visible .user-account-card-img, .DepositBalancePreviewCorporate .account-intro-inner.visible .user-account-card-img, .AccountSlider .account-intro-inner.visible .user-account-card-img { display: none; } .AccountBalancePreviewSlider .account-intro-inner.visible .user-account-card-img.background-5, .CardBalancePreviewSlider .account-intro-inner.visible .user-account-card-img.background-5, .CardBalancePreviewCorporate .account-intro-inner.visible .user-account-card-img.background-5, .AuthorizedAccounts .account-intro-inner.visible .user-account-card-img.background-5, .LoanBalancePreviewSlider .account-intro-inner.visible .user-account-card-img.background-5, .DepositBalancePreviewCorporate .account-intro-inner.visible .user-account-card-img.background-5, .AccountSlider .account-intro-inner.visible .user-account-card-img.background-5 { display: block; background-image: none; width: 40px; height: 40px; border-radius: 50%; } .AccountBalancePreviewSlider .account-intro-inner.visible .user-account-card-img.background-5 svg, .CardBalancePreviewSlider .account-intro-inner.visible .user-account-card-img.background-5 svg, .CardBalancePreviewCorporate .account-intro-inner.visible .user-account-card-img.background-5 svg, .AuthorizedAccounts .account-intro-inner.visible .user-account-card-img.background-5 svg, .LoanBalancePreviewSlider .account-intro-inner.visible .user-account-card-img.background-5 svg, .DepositBalancePreviewCorporate .account-intro-inner.visible .user-account-card-img.background-5 svg, .AccountSlider .account-intro-inner.visible .user-account-card-img.background-5 svg { width: 24px; height: 19px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .AccountBalancePreviewSlider .account-intro-inner .profile-text-arrow, .CardBalancePreviewSlider .account-intro-inner .profile-text-arrow, .CardBalancePreviewCorporate .account-intro-inner .profile-text-arrow, .AuthorizedAccounts .account-intro-inner .profile-text-arrow, .LoanBalancePreviewSlider .account-intro-inner .profile-text-arrow, .DepositBalancePreviewCorporate .account-intro-inner .profile-text-arrow, .AccountSlider .account-intro-inner .profile-text-arrow { display: none; } .AccountBalancePreviewSlider .account-card-text, .CardBalancePreviewSlider .account-card-text, .CardBalancePreviewCorporate .account-card-text, .AuthorizedAccounts .account-card-text, .LoanBalancePreviewSlider .account-card-text, .DepositBalancePreviewCorporate .account-card-text, .AccountSlider .account-card-text { width: 63%; padding-left: 25px; } .AccountBalancePreviewSlider .account-card-btn, .CardBalancePreviewSlider .account-card-btn, .CardBalancePreviewCorporate .account-card-btn, .AuthorizedAccounts .account-card-btn, .LoanBalancePreviewSlider .account-card-btn, .DepositBalancePreviewCorporate .account-card-btn, .AccountSlider .account-card-btn { width: 40px; height: 40px; border-radius: 6px; border: 1px solid #0a79b8; cursor: pointer; -webkit-touch-callout: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; user-select: none; } .AccountBalancePreviewSlider .account-card-btn:hover, .CardBalancePreviewSlider .account-card-btn:hover, .CardBalancePreviewCorporate .account-card-btn:hover, .AuthorizedAccounts .account-card-btn:hover, .LoanBalancePreviewSlider .account-card-btn:hover, .DepositBalancePreviewCorporate .account-card-btn:hover, .AccountSlider .account-card-btn:hover { background-color: rgba(10, 121, 184, 0.1) !important; } .AccountBalancePreviewSlider .account-card-btn.show-margin, .CardBalancePreviewSlider .account-card-btn.show-margin, .CardBalancePreviewCorporate .account-card-btn.show-margin, .AuthorizedAccounts .account-card-btn.show-margin, .LoanBalancePreviewSlider .account-card-btn.show-margin, .DepositBalancePreviewCorporate .account-card-btn.show-margin, .AccountSlider .account-card-btn.show-margin { margin-left: 15px; } .AccountBalancePreviewSlider .account-card-btn svg, .CardBalancePreviewSlider .account-card-btn svg, .CardBalancePreviewCorporate .account-card-btn svg, .AuthorizedAccounts .account-card-btn svg, .LoanBalancePreviewSlider .account-card-btn svg, .DepositBalancePreviewCorporate .account-card-btn svg, .AccountSlider .account-card-btn svg { fill: #006de6; width: 25px; height: 22px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); box-sizing: border-box; } .AccountBalancePreviewSlider .account-detail-menu, .CardBalancePreviewSlider .account-detail-menu, .CardBalancePreviewCorporate .account-detail-menu, .AuthorizedAccounts .account-detail-menu, .LoanBalancePreviewSlider .account-detail-menu, .DepositBalancePreviewCorporate .account-detail-menu, .AccountSlider .account-detail-menu { width: 100px; } .AccountBalancePreviewSlider .account-detail-menu .dot-menu, .CardBalancePreviewSlider .account-detail-menu .dot-menu, .CardBalancePreviewCorporate .account-detail-menu .dot-menu, .AuthorizedAccounts .account-detail-menu .dot-menu, .LoanBalancePreviewSlider .account-detail-menu .dot-menu, .DepositBalancePreviewCorporate .account-detail-menu .dot-menu, .AccountSlider .account-detail-menu .dot-menu { background: linear-gradient(45deg, #0079ff, #00c6ff); border-radius: 6px; } .AccountBalancePreviewSlider .account-detail-menu .dot-menu:hover, .CardBalancePreviewSlider .account-detail-menu .dot-menu:hover, .CardBalancePreviewCorporate .account-detail-menu .dot-menu:hover, .AuthorizedAccounts .account-detail-menu .dot-menu:hover, .LoanBalancePreviewSlider .account-detail-menu .dot-menu:hover, .DepositBalancePreviewCorporate .account-detail-menu .dot-menu:hover, .AccountSlider .account-detail-menu .dot-menu:hover { /* background-color: $color-11; transition: all .4s;*/ background: linear-gradient(45deg, #006de6, #00b2e6); } .AccountBalancePreviewSlider .account-detail-menu .activity-popup-filter .dot-decoration, .CardBalancePreviewSlider .account-detail-menu .activity-popup-filter .dot-decoration, .CardBalancePreviewCorporate .account-detail-menu .activity-popup-filter .dot-decoration, .AuthorizedAccounts .account-detail-menu .activity-popup-filter .dot-decoration, .LoanBalancePreviewSlider .account-detail-menu .activity-popup-filter .dot-decoration, .DepositBalancePreviewCorporate .account-detail-menu .activity-popup-filter .dot-decoration, .AccountSlider .account-detail-menu .activity-popup-filter .dot-decoration { right: 55px; } .AccountBalancePreviewSlider .account-detail-menu .activity-popup-filter .page-text, .CardBalancePreviewSlider .account-detail-menu .activity-popup-filter .page-text, .CardBalancePreviewCorporate .account-detail-menu .activity-popup-filter .page-text, .AuthorizedAccounts .account-detail-menu .activity-popup-filter .page-text, .LoanBalancePreviewSlider .account-detail-menu .activity-popup-filter .page-text, .DepositBalancePreviewCorporate .account-detail-menu .activity-popup-filter .page-text, .AccountSlider .account-detail-menu .activity-popup-filter .page-text { padding-right: 0; color: #000; font-family: "pt_sansregular", sans-serif !important; font-weight: bold; } .AccountBalancePreviewSlider .account-detail-menu .activity-popup-filter .page-text:hover, .CardBalancePreviewSlider .account-detail-menu .activity-popup-filter .page-text:hover, .CardBalancePreviewCorporate .account-detail-menu .activity-popup-filter .page-text:hover, .AuthorizedAccounts .account-detail-menu .activity-popup-filter .page-text:hover, .LoanBalancePreviewSlider .account-detail-menu .activity-popup-filter .page-text:hover, .DepositBalancePreviewCorporate .account-detail-menu .activity-popup-filter .page-text:hover, .AccountSlider .account-detail-menu .activity-popup-filter .page-text:hover { color: #006de6; } .AccountBalancePreviewSlider .accounts-intro-balance, .AccountBalancePreviewSlider .accounts-intro-title, .CardBalancePreviewSlider .accounts-intro-balance, .CardBalancePreviewSlider .accounts-intro-title, .CardBalancePreviewCorporate .accounts-intro-balance, .CardBalancePreviewCorporate .accounts-intro-title, .AuthorizedAccounts .accounts-intro-balance, .AuthorizedAccounts .accounts-intro-title, .LoanBalancePreviewSlider .accounts-intro-balance, .LoanBalancePreviewSlider .accounts-intro-title, .DepositBalancePreviewCorporate .accounts-intro-balance, .DepositBalancePreviewCorporate .accounts-intro-title, .AccountSlider .accounts-intro-balance, .AccountSlider .accounts-intro-title { width: 45%; } .AccountBalancePreviewSlider .accounts-intro-balance h2, .AccountBalancePreviewSlider .accounts-intro-title h2, .CardBalancePreviewSlider .accounts-intro-balance h2, .CardBalancePreviewSlider .accounts-intro-title h2, .CardBalancePreviewCorporate .accounts-intro-balance h2, .CardBalancePreviewCorporate .accounts-intro-title h2, .AuthorizedAccounts .accounts-intro-balance h2, .AuthorizedAccounts .accounts-intro-title h2, .LoanBalancePreviewSlider .accounts-intro-balance h2, .LoanBalancePreviewSlider .accounts-intro-title h2, .DepositBalancePreviewCorporate .accounts-intro-balance h2, .DepositBalancePreviewCorporate .accounts-intro-title h2, .AccountSlider .accounts-intro-balance h2, .AccountSlider .accounts-intro-title h2 { display: inline; font-family: "pt_sansregular", sans-serif !important; font-weight: bold; } .AccountBalancePreviewSlider .accounts-intro-balance .available, .AccountBalancePreviewSlider .accounts-intro-title .available, .CardBalancePreviewSlider .accounts-intro-balance .available, .CardBalancePreviewSlider .accounts-intro-title .available, .CardBalancePreviewCorporate .accounts-intro-balance .available, .CardBalancePreviewCorporate .accounts-intro-title .available, .AuthorizedAccounts .accounts-intro-balance .available, .AuthorizedAccounts .accounts-intro-title .available, .LoanBalancePreviewSlider .accounts-intro-balance .available, .LoanBalancePreviewSlider .accounts-intro-title .available, .DepositBalancePreviewCorporate .accounts-intro-balance .available, .DepositBalancePreviewCorporate .accounts-intro-title .available, .AccountSlider .accounts-intro-balance .available, .AccountSlider .accounts-intro-title .available { font-family: "pt_sansregular", sans-serif !important; font-size: 20px; font-weight: bold; } .AccountBalancePreviewSlider .accounts-intro-balance .currency, .AccountBalancePreviewSlider .accounts-intro-title .currency, .CardBalancePreviewSlider .accounts-intro-balance .currency, .CardBalancePreviewSlider .accounts-intro-title .currency, .CardBalancePreviewCorporate .accounts-intro-balance .currency, .CardBalancePreviewCorporate .accounts-intro-title .currency, .AuthorizedAccounts .accounts-intro-balance .currency, .AuthorizedAccounts .accounts-intro-title .currency, .LoanBalancePreviewSlider .accounts-intro-balance .currency, .LoanBalancePreviewSlider .accounts-intro-title .currency, .DepositBalancePreviewCorporate .accounts-intro-balance .currency, .DepositBalancePreviewCorporate .accounts-intro-title .currency, .AccountSlider .accounts-intro-balance .currency, .AccountSlider .accounts-intro-title .currency { display: inline; color: #8294a8; font-weight: 600; font-size: 20px; } .AccountBalancePreviewSlider .accounts-intro-balance small, .AccountBalancePreviewSlider .accounts-intro-title small, .CardBalancePreviewSlider .accounts-intro-balance small, .CardBalancePreviewSlider .accounts-intro-title small, .CardBalancePreviewCorporate .accounts-intro-balance small, .CardBalancePreviewCorporate .accounts-intro-title small, .AuthorizedAccounts .accounts-intro-balance small, .AuthorizedAccounts .accounts-intro-title small, .LoanBalancePreviewSlider .accounts-intro-balance small, .LoanBalancePreviewSlider .accounts-intro-title small, .DepositBalancePreviewCorporate .accounts-intro-balance small, .DepositBalancePreviewCorporate .accounts-intro-title small, .AccountSlider .accounts-intro-balance small, .AccountSlider .accounts-intro-title small { display: inline; color: #8294a8; font-weight: 600; font-size: 15px; top: 0px; } .AccountBalancePreviewSlider .accounts-intro-title.remove-padding, .CardBalancePreviewSlider .accounts-intro-title.remove-padding, .CardBalancePreviewCorporate .accounts-intro-title.remove-padding, .AuthorizedAccounts .accounts-intro-title.remove-padding, .LoanBalancePreviewSlider .accounts-intro-title.remove-padding, .DepositBalancePreviewCorporate .accounts-intro-title.remove-padding, .AccountSlider .accounts-intro-title.remove-padding { padding: 0; } .AccountBalancePreviewSlider .accounts-intro-balance.right p, .CardBalancePreviewSlider .accounts-intro-balance.right p, .CardBalancePreviewCorporate .accounts-intro-balance.right p, .AuthorizedAccounts .accounts-intro-balance.right p, .LoanBalancePreviewSlider .accounts-intro-balance.right p, .DepositBalancePreviewCorporate .accounts-intro-balance.right p, .AccountSlider .accounts-intro-balance.right p { margin-top: -5px; } .AccountBalancePreviewSlider .user-account-card-img, .CardBalancePreviewSlider .user-account-card-img, .CardBalancePreviewCorporate .user-account-card-img, .AuthorizedAccounts .user-account-card-img, .LoanBalancePreviewSlider .user-account-card-img, .DepositBalancePreviewCorporate .user-account-card-img, .AccountSlider .user-account-card-img { /*&.accounts { border: 1px solid #b4bfcb; width: 40px; height: 40px; border-radius: 12px; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: contain; }*/ } .AccountBalancePreviewSlider .user-account-card-img.cards, .CardBalancePreviewSlider .user-account-card-img.cards, .CardBalancePreviewCorporate .user-account-card-img.cards, .AuthorizedAccounts .user-account-card-img.cards, .LoanBalancePreviewSlider .user-account-card-img.cards, .DepositBalancePreviewCorporate .user-account-card-img.cards, .AccountSlider .user-account-card-img.cards { height: 48px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); overflow: hidden; background-image: url(images/icons/card-1.jpg); background-repeat: no-repeat; padding-left: 0 !important; background-position: center; background-size: contain; } .AccountBalancePreviewSlider .user-account-card-img.card, .CardBalancePreviewSlider .user-account-card-img.card, .CardBalancePreviewCorporate .user-account-card-img.card, .AuthorizedAccounts .user-account-card-img.card, .LoanBalancePreviewSlider .user-account-card-img.card, .DepositBalancePreviewCorporate .user-account-card-img.card, .AccountSlider .user-account-card-img.card { width: 72px !important; height: 47px; box-shadow: 0 6px 10px rgba(0, 0, 0, 0.16) !important; border-radius: 4px; position: relative; } .AccountBalancePreviewSlider .user-account-card-img.card.block, .CardBalancePreviewSlider .user-account-card-img.card.block, .CardBalancePreviewCorporate .user-account-card-img.card.block, .AuthorizedAccounts .user-account-card-img.card.block, .LoanBalancePreviewSlider .user-account-card-img.card.block, .DepositBalancePreviewCorporate .user-account-card-img.card.block, .AccountSlider .user-account-card-img.card.block { display: block; } .AccountBalancePreviewSlider .user-account-card-img.card .card-image, .CardBalancePreviewSlider .user-account-card-img.card .card-image, .CardBalancePreviewCorporate .user-account-card-img.card .card-image, .AuthorizedAccounts .user-account-card-img.card .card-image, .LoanBalancePreviewSlider .user-account-card-img.card .card-image, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image, .AccountSlider .user-account-card-img.card .card-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; background-repeat: no-repeat; background-size: cover; background-position: 50%; } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-602, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-602, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-602, .AuthorizedAccounts .user-account-card-img.card .card-image.card-602, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-602, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-602, .AccountSlider .user-account-card-img.card .card-image.card-602 { background-image: url("images/cards-types/card-602.png"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-605, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-605, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-605, .AuthorizedAccounts .user-account-card-img.card .card-image.card-605, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-605, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-605, .AccountSlider .user-account-card-img.card .card-image.card-605 { background-image: url("images/cards-types/card-605.png"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-609, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-609, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-609, .AuthorizedAccounts .user-account-card-img.card .card-image.card-609, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-609, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-609, .AccountSlider .user-account-card-img.card .card-image.card-609 { background-image: url("images/cards-types/card-609.png"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-610, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-610, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-610, .AuthorizedAccounts .user-account-card-img.card .card-image.card-610, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-610, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-610, .AccountSlider .user-account-card-img.card .card-image.card-610 { background-image: url("images/cards-types/card-610.png"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-616, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-616, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-616, .AuthorizedAccounts .user-account-card-img.card .card-image.card-616, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-616, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-616, .AccountSlider .user-account-card-img.card .card-image.card-616 { background-image: url("images/cards-types/card-616.png"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-617, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-617, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-617, .AuthorizedAccounts .user-account-card-img.card .card-image.card-617, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-617, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-617, .AccountSlider .user-account-card-img.card .card-image.card-617 { background-image: url("images/cards-types/card-617.png"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-618, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-618, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-618, .AuthorizedAccounts .user-account-card-img.card .card-image.card-618, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-618, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-618, .AccountSlider .user-account-card-img.card .card-image.card-618 { background-image: url("images/cards-types/card-618.png"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-627, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-627, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-627, .AuthorizedAccounts .user-account-card-img.card .card-image.card-627, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-627, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-627, .AccountSlider .user-account-card-img.card .card-image.card-627 { background-image: url("images/cards-types/card-627.png"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-635, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-635, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-635, .AuthorizedAccounts .user-account-card-img.card .card-image.card-635, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-635, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-635, .AccountSlider .user-account-card-img.card .card-image.card-635 { background-image: url("images/cards-types/card-635.png"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-637, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-637, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-637, .AuthorizedAccounts .user-account-card-img.card .card-image.card-637, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-637, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-637, .AccountSlider .user-account-card-img.card .card-image.card-637 { background-image: url("images/cards-types/card-637.png"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-642, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-642, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-642, .AuthorizedAccounts .user-account-card-img.card .card-image.card-642, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-642, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-642, .AccountSlider .user-account-card-img.card .card-image.card-642 { background-image: url("images/cards-types/card-642.png"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-662, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-662, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-662, .AuthorizedAccounts .user-account-card-img.card .card-image.card-662, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-662, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-662, .AccountSlider .user-account-card-img.card .card-image.card-662 { background-image: url("images/cards-types/card-662.png"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-670, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-670, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-670, .AuthorizedAccounts .user-account-card-img.card .card-image.card-670, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-670, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-670, .AccountSlider .user-account-card-img.card .card-image.card-670 { background-image: url("images/cards-types/card-670.png"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-680, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-680, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-680, .AuthorizedAccounts .user-account-card-img.card .card-image.card-680, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-680, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-680, .AccountSlider .user-account-card-img.card .card-image.card-680 { background-image: url("images/cards-types/card-680.png"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-683, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-683, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-683, .AuthorizedAccounts .user-account-card-img.card .card-image.card-683, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-683, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-683, .AccountSlider .user-account-card-img.card .card-image.card-683 { background-image: url("images/cards-types/card-683.png"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-690, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-690, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-690, .AuthorizedAccounts .user-account-card-img.card .card-image.card-690, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-690, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-690, .AccountSlider .user-account-card-img.card .card-image.card-690 { background-image: url("images/cards-types/card-690.png"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-681, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-681, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-681, .AuthorizedAccounts .user-account-card-img.card .card-image.card-681, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-681, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-681, .AccountSlider .user-account-card-img.card .card-image.card-681 { background-image: url("images/cards-types/card-681.png"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-21, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-21, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-21, .AuthorizedAccounts .user-account-card-img.card .card-image.card-21, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-21, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-21, .AccountSlider .user-account-card-img.card .card-image.card-21 { background-image: url("images/cards/Card21.JPG"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-22, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-22, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-22, .AuthorizedAccounts .user-account-card-img.card .card-image.card-22, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-22, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-22, .AccountSlider .user-account-card-img.card .card-image.card-22 { background-image: url("images/cards/Card22.JPG"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-23, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-23, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-23, .AuthorizedAccounts .user-account-card-img.card .card-image.card-23, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-23, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-23, .AccountSlider .user-account-card-img.card .card-image.card-23 { background-image: url("images/cards/Card23.JPG"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-24, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-24, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-24, .AuthorizedAccounts .user-account-card-img.card .card-image.card-24, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-24, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-24, .AccountSlider .user-account-card-img.card .card-image.card-24 { background-image: url("images/cards/Card24.JPG"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-25, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-25, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-25, .AuthorizedAccounts .user-account-card-img.card .card-image.card-25, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-25, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-25, .AccountSlider .user-account-card-img.card .card-image.card-25 { background-image: url("images/cards/Card25.JPG"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-27, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-27, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-27, .AuthorizedAccounts .user-account-card-img.card .card-image.card-27, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-27, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-27, .AccountSlider .user-account-card-img.card .card-image.card-27 { background-image: url("images/cards/Card27.JPG"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-28, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-28, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-28, .AuthorizedAccounts .user-account-card-img.card .card-image.card-28, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-28, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-28, .AccountSlider .user-account-card-img.card .card-image.card-28 { background-image: url("images/cards/Card28.png"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-29, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-29, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-29, .AuthorizedAccounts .user-account-card-img.card .card-image.card-29, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-29, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-29, .AccountSlider .user-account-card-img.card .card-image.card-29 { background-image: url("images/cards/Card29.png"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-41, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-41, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-41, .AuthorizedAccounts .user-account-card-img.card .card-image.card-41, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-41, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-41, .AccountSlider .user-account-card-img.card .card-image.card-41 { background-image: url("images/cards/Card41.JPG"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-411, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-411, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-411, .AuthorizedAccounts .user-account-card-img.card .card-image.card-411, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-411, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-411, .AccountSlider .user-account-card-img.card .card-image.card-411 { background-image: url("images/cards/Card411.JPG"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-413, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-413, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-413, .AuthorizedAccounts .user-account-card-img.card .card-image.card-413, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-413, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-413, .AccountSlider .user-account-card-img.card .card-image.card-413 { background-image: url("images/cards/Card413.JPG"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-414, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-414, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-414, .AuthorizedAccounts .user-account-card-img.card .card-image.card-414, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-414, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-414, .AccountSlider .user-account-card-img.card .card-image.card-414 { background-image: url("images/cards/Card414.JPG"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-42, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-42, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-42, .AuthorizedAccounts .user-account-card-img.card .card-image.card-42, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-42, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-42, .AccountSlider .user-account-card-img.card .card-image.card-42 { background-image: url("images/cards/Card42.JPG"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-43, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-43, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-43, .AuthorizedAccounts .user-account-card-img.card .card-image.card-43, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-43, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-43, .AccountSlider .user-account-card-img.card .card-image.card-43 { background-image: url("images/cards/Card43.JPG"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-44, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-44, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-44, .AuthorizedAccounts .user-account-card-img.card .card-image.card-44, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-44, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-44, .AccountSlider .user-account-card-img.card .card-image.card-44 { background-image: url("images/cards/Card44.JPG"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-45, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-45, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-45, .AuthorizedAccounts .user-account-card-img.card .card-image.card-45, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-45, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-45, .AccountSlider .user-account-card-img.card .card-image.card-45 { background-image: url("images/cards/Card45.png"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-46, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-46, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-46, .AuthorizedAccounts .user-account-card-img.card .card-image.card-46, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-46, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-46, .AccountSlider .user-account-card-img.card .card-image.card-46 { background-image: url("images/cards/Card46.JPG"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-47, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-47, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-47, .AuthorizedAccounts .user-account-card-img.card .card-image.card-47, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-47, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-47, .AccountSlider .user-account-card-img.card .card-image.card-47 { background-image: url("images/cards/Card47.JPG"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-48, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-48, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-48, .AuthorizedAccounts .user-account-card-img.card .card-image.card-48, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-48, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-48, .AccountSlider .user-account-card-img.card .card-image.card-48 { background-image: url("images/cards/Card48.JPG"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-49, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-49, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-49, .AuthorizedAccounts .user-account-card-img.card .card-image.card-49, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-49, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-49, .AccountSlider .user-account-card-img.card .card-image.card-49 { background-image: url("images/cards/Card49.JPG"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-91, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-91, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-91, .AuthorizedAccounts .user-account-card-img.card .card-image.card-91, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-91, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-91, .AccountSlider .user-account-card-img.card .card-image.card-91 { background-image: url("images/cards/Card91.JPG"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-211, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-211, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-211, .AuthorizedAccounts .user-account-card-img.card .card-image.card-211, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-211, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-211, .AccountSlider .user-account-card-img.card .card-image.card-211 { background-image: url("images/cards/Card211.JPG"); } .AccountBalancePreviewSlider .user-account-card-img.card .card-image.card-212, .CardBalancePreviewSlider .user-account-card-img.card .card-image.card-212, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-212, .AuthorizedAccounts .user-account-card-img.card .card-image.card-212, .LoanBalancePreviewSlider .user-account-card-img.card .card-image.card-212, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-212, .AccountSlider .user-account-card-img.card .card-image.card-212 { background-image: url("images/cards/Card212.JPG"); } .AccountBalancePreviewSlider .user-account-card-img.loans, .CardBalancePreviewSlider .user-account-card-img.loans, .CardBalancePreviewCorporate .user-account-card-img.loans, .AuthorizedAccounts .user-account-card-img.loans, .LoanBalancePreviewSlider .user-account-card-img.loans, .DepositBalancePreviewCorporate .user-account-card-img.loans, .AccountSlider .user-account-card-img.loans { width: 50px; height: 50px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); overflow: hidden; } .AccountBalancePreviewSlider .user-account-card-img.background-5, .CardBalancePreviewSlider .user-account-card-img.background-5, .CardBalancePreviewCorporate .user-account-card-img.background-5, .AuthorizedAccounts .user-account-card-img.background-5, .LoanBalancePreviewSlider .user-account-card-img.background-5, .DepositBalancePreviewCorporate .user-account-card-img.background-5, .AccountSlider .user-account-card-img.background-5 { display: none; } .CardBalancePreviewCorporate .user-account-card .account-intro-inner .accounts-intro-title .user-account-card-img { background-image: url(images/pictures/card-1.jpg); background-size: contain; background-repeat: no-repeat; } .CardBalancePreviewCorporate .wrapper-border-radius .account-intro-inner .accounts-intro-title .user-account-card-img { background-image: url(images/pictures/card-1.jpg); background-size: contain; background-repeat: no-repeat; } .CardBalancePreviewCorporate .account-card-btn svg, .DepositBalancePreviewCorporate .account-card-btn svg { width: 18px; height: 18px; } .transaction-filter-wrapper .s-widget-header, .Forms_ActiveWorkflowListSOG .s-widget-header, .AccountSlider .s-widget-header, .FXTrading .s-widget-header, .PaymentTransfer .s-widget-header, .CardPayment .s-widget-header, .PaymentOrderV2 .s-widget-header, .PaymentOrderV4 .s-widget-header, .LoginBackground .s-widget-header, .LoginRetail .s-widget-header, .Html .s-widget-header, .Support .s-widget-header, .LoanBalancePreviewSlider .s-widget-header, .LoanBalanceCorporate .s-widget-header, .CardBalancePreviewCorporate .s-widget-header, .PromoHtml .s-widget-header { display: none; } .LoginRetail .form-error-message-block { bottom: 310px; width: 31.5%; margin: 10px; } .LoginRetail .login-form-col .login-download-wrap { top: 50px; display: block; position: relative; margin-right: 20px; } .LoginRetail .login-form-col .login-download-wrap a { font-family: Source Sans Pro bold,sans-serif; max-height: 40px; padding: 0px 19px 0px 10px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); -webkit-transition: box-shadow .5s,background-color .5s; transition: box-shadow .5s,background-color .5s; height: 36px; line-height: 37px; margin-left: 5px; overflow: hidden; float: right; text-align: left; vertical-align: top; } .LoginRetail .login-form-col .login-download-wrap .pdf-download { border-radius: 6px; border: 1px solid #0a79b8; color: #0a79b8; box-shadow: none; font-weight: bold; } .LoginRetail .login-form-col .login-download-wrap .pdf-download:hover { box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.08); background-color: rgba(10, 121, 184, 0.1); } .LoginRetail .login-form-col .login-download-wrap .pdf-download svg { fill: #0a79b8; stroke: #0a79b8; } .LoginRetail .login-form-col .login-download-wrap .pdf-download .page-text { text-transform: unset; width: -webkit-calc(100% - 18px); width: calc(100% - 18px); padding: 0 0 0 10px; line-height: 1; } .AccountSlider .form-error-message-block { width: 80%; top: 110px; } .AccountSlider .user-account-info-cards-wrapper { box-shadow: 0 65px 69px -44px rgba(54, 57, 164, 0.16); } .AccountSlider .account-card-btn svg { fill: #0a79b8; width: 9px; height: 9px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); box-sizing: border-box; } .AccountSlider .account-card-btn.account-menu { border: none; box-shadow: 0 8px 16px rgba(115, 227, 235, 0.5); background: linear-gradient(90deg, #0079ff, #00c6ff); } .AccountSlider .account-card-btn.account-menu:hover { background: linear-gradient(90deg, #006de6, #00b2e6); } .AccountSlider .account-card-btn.account-menu svg { fill: #fff; color: #fff; } .AccountSlider .user-account-card { box-shadow: none; } .AccountSlider .user-account-card .btn-2 { border-radius: 6px; } .AccountSlider .user-account-card .user-account-card-left-col-inner .title-1 { font-weight: bold; margin-bottom: 0px; letter-spacing: -.01em; font-family: "pt_sansregular", sans-serif !important; } .AccountSlider .user-account-card .user-account-card-left-col-inner .user-account-card-img.accounts { margin-bottom: 35px; } .AccountSlider .user-account-card .user-account-card-right-col-inner .btn-2 { border: 1px solid #0a79b8; background-color: #fff; color: #0a79b8; font-weight: bold; } .AccountSlider .user-account-card .user-account-card-right-col-inner .btn-2:hover { background-color: rgba(10, 121, 184, 0.1); } .AccountSlider .user-account-card .user-account-card-right-col-inner .text-color-2 { background: linear-gradient(90deg, #0079ff, #00c6ff); box-shadow: none; color: #fff; } .AccountSlider .user-account-card .user-account-card-right-col-inner .text-color-2:hover { background: linear-gradient(90deg, #006de6, #00b2e6); } .annuityDetails .popup-loan-ico-wrapper { width: 40px !important; height: 40px !important; border-radius: 50% !important; margin-bottom: 10px !important; } .annuityDetails .all-account-close { border-radius: 6px !important; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); } .annuityDetails .all-account-close:hover { box-shadow: 0 8px 12px rgba(0, 0, 0, 0.04); } .annuityDetails .popup-ammount-wrapper h3 { margin-bottom: 0px !important; } .annuityDetails .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico { width: 20px !important; height: 20px !important; stroke: rgba(0, 0, 0, 0.87); } .annuityDetails .page-text { font-family: "Source-Sans-Pro", sans-serif !important; } .annuityDetails .account-item-inner { height: unset !important; } .fastPayment .filter-error-text { display: flex !important; justify-content: center; flex-direction: column; align-content: center; align-items: center; } .fastPayment .filter-error-text .filter-error-ico { margin-left: 0px; } .fastPayment .add-new-beneficiary-button { align-items: center; justify-content: center; top: 40%; position: absolute; z-index: 10; pointer-events: all; } .fastPayment .add-new-beneficiary-button .account-close-ico { width: 13px !important; height: 13px !important; transform: translate(-50%, -50%) rotate(45deg) !important; } .fastPayment .add-new-beneficiary-button span { margin-left: 10px; } .unusedCheques .all-accounts-popup-wrapper { padding: 0 !important; } .unusedCheques, .accountDetailsPopup, .cardDetailsPopup, .accountTurnoverDetail, .cardTurnoverDetails, .loanDetailsPopup, .domesticOrderDetailsPopup, .orderSendingDetailsPopup, .repaymentDetails, .reservedFundsCard, .depositBalance, .newMessageDialog, .accountsList, .annuityDetails, .reservedFundsSlider, .read-messages-list, .reservedFunds, .installmentsList, .TransactionDetails, .paymentOverviewDetails, .fastPaymentDialog, .exchangeDetailsPopup, .exchangeDetailsServerPopup, .signatureCommissionDialogPopup, .crontoDialog, .inflowsManaging, .createUserAccountDialog, .creditorTemplateDialog, .creditorTemplateForeignDialog, .creditorTemplateDialogPublic, .packageSelectDialog, .languageSelectDialog, .debitAccountSelectDialog, .domesticDialog, .domesticPublicDialog, .creditorTemplateDialogPopup, .exchangeConfirmationServerViewPopup, .exchangeConfirmationViewPopup, .depositDetailPopup, .changePassword, .loanAnnuityDetail, .p2pPaymentCommissionDialog, .paymentToMobile { height: 100% !important; } .unusedCheques .all-account-popup-title, .accountDetailsPopup .all-account-popup-title, .cardDetailsPopup .all-account-popup-title, .accountTurnoverDetail .all-account-popup-title, .cardTurnoverDetails .all-account-popup-title, .loanDetailsPopup .all-account-popup-title, .domesticOrderDetailsPopup .all-account-popup-title, .orderSendingDetailsPopup .all-account-popup-title, .repaymentDetails .all-account-popup-title, .reservedFundsCard .all-account-popup-title, .depositBalance .all-account-popup-title, .newMessageDialog .all-account-popup-title, .accountsList .all-account-popup-title, .annuityDetails .all-account-popup-title, .reservedFundsSlider .all-account-popup-title, .read-messages-list .all-account-popup-title, .reservedFunds .all-account-popup-title, .installmentsList .all-account-popup-title, .TransactionDetails .all-account-popup-title, .paymentOverviewDetails .all-account-popup-title, .fastPaymentDialog .all-account-popup-title, .exchangeDetailsPopup .all-account-popup-title, .exchangeDetailsServerPopup .all-account-popup-title, .signatureCommissionDialogPopup .all-account-popup-title, .crontoDialog .all-account-popup-title, .inflowsManaging .all-account-popup-title, .createUserAccountDialog .all-account-popup-title, .creditorTemplateDialog .all-account-popup-title, .creditorTemplateForeignDialog .all-account-popup-title, .creditorTemplateDialogPublic .all-account-popup-title, .packageSelectDialog .all-account-popup-title, .languageSelectDialog .all-account-popup-title, .debitAccountSelectDialog .all-account-popup-title, .domesticDialog .all-account-popup-title, .domesticPublicDialog .all-account-popup-title, .creditorTemplateDialogPopup .all-account-popup-title, .exchangeConfirmationServerViewPopup .all-account-popup-title, .exchangeConfirmationViewPopup .all-account-popup-title, .depositDetailPopup .all-account-popup-title, .changePassword .all-account-popup-title, .loanAnnuityDetail .all-account-popup-title, .p2pPaymentCommissionDialog .all-account-popup-title, .paymentToMobile .all-account-popup-title { position: relative; padding: 0 100px; text-align: center; margin-bottom: 40px; } .unusedCheques .all-account-popup-title.margin4, .accountDetailsPopup .all-account-popup-title.margin4, .cardDetailsPopup .all-account-popup-title.margin4, .accountTurnoverDetail .all-account-popup-title.margin4, .cardTurnoverDetails .all-account-popup-title.margin4, .loanDetailsPopup .all-account-popup-title.margin4, .domesticOrderDetailsPopup .all-account-popup-title.margin4, .orderSendingDetailsPopup .all-account-popup-title.margin4, .repaymentDetails .all-account-popup-title.margin4, .reservedFundsCard .all-account-popup-title.margin4, .depositBalance .all-account-popup-title.margin4, .newMessageDialog .all-account-popup-title.margin4, .accountsList .all-account-popup-title.margin4, .annuityDetails .all-account-popup-title.margin4, .reservedFundsSlider .all-account-popup-title.margin4, .read-messages-list .all-account-popup-title.margin4, .reservedFunds .all-account-popup-title.margin4, .installmentsList .all-account-popup-title.margin4, .TransactionDetails .all-account-popup-title.margin4, .paymentOverviewDetails .all-account-popup-title.margin4, .fastPaymentDialog .all-account-popup-title.margin4, .exchangeDetailsPopup .all-account-popup-title.margin4, .exchangeDetailsServerPopup .all-account-popup-title.margin4, .signatureCommissionDialogPopup .all-account-popup-title.margin4, .crontoDialog .all-account-popup-title.margin4, .inflowsManaging .all-account-popup-title.margin4, .createUserAccountDialog .all-account-popup-title.margin4, .creditorTemplateDialog .all-account-popup-title.margin4, .creditorTemplateForeignDialog .all-account-popup-title.margin4, .creditorTemplateDialogPublic .all-account-popup-title.margin4, .packageSelectDialog .all-account-popup-title.margin4, .languageSelectDialog .all-account-popup-title.margin4, .debitAccountSelectDialog .all-account-popup-title.margin4, .domesticDialog .all-account-popup-title.margin4, .domesticPublicDialog .all-account-popup-title.margin4, .creditorTemplateDialogPopup .all-account-popup-title.margin4, .exchangeConfirmationServerViewPopup .all-account-popup-title.margin4, .exchangeConfirmationViewPopup .all-account-popup-title.margin4, .depositDetailPopup .all-account-popup-title.margin4, .changePassword .all-account-popup-title.margin4, .loanAnnuityDetail .all-account-popup-title.margin4, .p2pPaymentCommissionDialog .all-account-popup-title.margin4, .paymentToMobile .all-account-popup-title.margin4 { margin: 40px 0; } .unusedCheques .all-account-popup-title h3, .accountDetailsPopup .all-account-popup-title h3, .cardDetailsPopup .all-account-popup-title h3, .accountTurnoverDetail .all-account-popup-title h3, .cardTurnoverDetails .all-account-popup-title h3, .loanDetailsPopup .all-account-popup-title h3, .domesticOrderDetailsPopup .all-account-popup-title h3, .orderSendingDetailsPopup .all-account-popup-title h3, .repaymentDetails .all-account-popup-title h3, .reservedFundsCard .all-account-popup-title h3, .depositBalance .all-account-popup-title h3, .newMessageDialog .all-account-popup-title h3, .accountsList .all-account-popup-title h3, .annuityDetails .all-account-popup-title h3, .reservedFundsSlider .all-account-popup-title h3, .read-messages-list .all-account-popup-title h3, .reservedFunds .all-account-popup-title h3, .installmentsList .all-account-popup-title h3, .TransactionDetails .all-account-popup-title h3, .paymentOverviewDetails .all-account-popup-title h3, .fastPaymentDialog .all-account-popup-title h3, .exchangeDetailsPopup .all-account-popup-title h3, .exchangeDetailsServerPopup .all-account-popup-title h3, .signatureCommissionDialogPopup .all-account-popup-title h3, .crontoDialog .all-account-popup-title h3, .inflowsManaging .all-account-popup-title h3, .createUserAccountDialog .all-account-popup-title h3, .creditorTemplateDialog .all-account-popup-title h3, .creditorTemplateForeignDialog .all-account-popup-title h3, .creditorTemplateDialogPublic .all-account-popup-title h3, .packageSelectDialog .all-account-popup-title h3, .languageSelectDialog .all-account-popup-title h3, .debitAccountSelectDialog .all-account-popup-title h3, .domesticDialog .all-account-popup-title h3, .domesticPublicDialog .all-account-popup-title h3, .creditorTemplateDialogPopup .all-account-popup-title h3, .exchangeConfirmationServerViewPopup .all-account-popup-title h3, .exchangeConfirmationViewPopup .all-account-popup-title h3, .depositDetailPopup .all-account-popup-title h3, .changePassword .all-account-popup-title h3, .loanAnnuityDetail .all-account-popup-title h3, .p2pPaymentCommissionDialog .all-account-popup-title h3, .paymentToMobile .all-account-popup-title h3 { font-size: 24px; margin: 0 auto; width: 100%; text-align: center; font-weight: bold; } .unusedCheques .all-account-popup-title .all-account-close, .accountDetailsPopup .all-account-popup-title .all-account-close, .cardDetailsPopup .all-account-popup-title .all-account-close, .accountTurnoverDetail .all-account-popup-title .all-account-close, .cardTurnoverDetails .all-account-popup-title .all-account-close, .loanDetailsPopup .all-account-popup-title .all-account-close, .domesticOrderDetailsPopup .all-account-popup-title .all-account-close, .orderSendingDetailsPopup .all-account-popup-title .all-account-close, .repaymentDetails .all-account-popup-title .all-account-close, .reservedFundsCard .all-account-popup-title .all-account-close, .depositBalance .all-account-popup-title .all-account-close, .newMessageDialog .all-account-popup-title .all-account-close, .accountsList .all-account-popup-title .all-account-close, .annuityDetails .all-account-popup-title .all-account-close, .reservedFundsSlider .all-account-popup-title .all-account-close, .read-messages-list .all-account-popup-title .all-account-close, .reservedFunds .all-account-popup-title .all-account-close, .installmentsList .all-account-popup-title .all-account-close, .TransactionDetails .all-account-popup-title .all-account-close, .paymentOverviewDetails .all-account-popup-title .all-account-close, .fastPaymentDialog .all-account-popup-title .all-account-close, .exchangeDetailsPopup .all-account-popup-title .all-account-close, .exchangeDetailsServerPopup .all-account-popup-title .all-account-close, .signatureCommissionDialogPopup .all-account-popup-title .all-account-close, .crontoDialog .all-account-popup-title .all-account-close, .inflowsManaging .all-account-popup-title .all-account-close, .createUserAccountDialog .all-account-popup-title .all-account-close, .creditorTemplateDialog .all-account-popup-title .all-account-close, .creditorTemplateForeignDialog .all-account-popup-title .all-account-close, .creditorTemplateDialogPublic .all-account-popup-title .all-account-close, .packageSelectDialog .all-account-popup-title .all-account-close, .languageSelectDialog .all-account-popup-title .all-account-close, .debitAccountSelectDialog .all-account-popup-title .all-account-close, .domesticDialog .all-account-popup-title .all-account-close, .domesticPublicDialog .all-account-popup-title .all-account-close, .creditorTemplateDialogPopup .all-account-popup-title .all-account-close, .exchangeConfirmationServerViewPopup .all-account-popup-title .all-account-close, .exchangeConfirmationViewPopup .all-account-popup-title .all-account-close, .depositDetailPopup .all-account-popup-title .all-account-close, .changePassword .all-account-popup-title .all-account-close, .loanAnnuityDetail .all-account-popup-title .all-account-close, .p2pPaymentCommissionDialog .all-account-popup-title .all-account-close, .paymentToMobile .all-account-popup-title .all-account-close { position: absolute; right: 40px; width: 40px; height: 40px; border-radius: 6px; cursor: pointer; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); top: 0; } .unusedCheques .all-account-popup-title .all-account-close:hover, .accountDetailsPopup .all-account-popup-title .all-account-close:hover, .cardDetailsPopup .all-account-popup-title .all-account-close:hover, .accountTurnoverDetail .all-account-popup-title .all-account-close:hover, .cardTurnoverDetails .all-account-popup-title .all-account-close:hover, .loanDetailsPopup .all-account-popup-title .all-account-close:hover, .domesticOrderDetailsPopup .all-account-popup-title .all-account-close:hover, .orderSendingDetailsPopup .all-account-popup-title .all-account-close:hover, .repaymentDetails .all-account-popup-title .all-account-close:hover, .reservedFundsCard .all-account-popup-title .all-account-close:hover, .depositBalance .all-account-popup-title .all-account-close:hover, .newMessageDialog .all-account-popup-title .all-account-close:hover, .accountsList .all-account-popup-title .all-account-close:hover, .annuityDetails .all-account-popup-title .all-account-close:hover, .reservedFundsSlider .all-account-popup-title .all-account-close:hover, .read-messages-list .all-account-popup-title .all-account-close:hover, .reservedFunds .all-account-popup-title .all-account-close:hover, .installmentsList .all-account-popup-title .all-account-close:hover, .TransactionDetails .all-account-popup-title .all-account-close:hover, .paymentOverviewDetails .all-account-popup-title .all-account-close:hover, .fastPaymentDialog .all-account-popup-title .all-account-close:hover, .exchangeDetailsPopup .all-account-popup-title .all-account-close:hover, .exchangeDetailsServerPopup .all-account-popup-title .all-account-close:hover, .signatureCommissionDialogPopup .all-account-popup-title .all-account-close:hover, .crontoDialog .all-account-popup-title .all-account-close:hover, .inflowsManaging .all-account-popup-title .all-account-close:hover, .createUserAccountDialog .all-account-popup-title .all-account-close:hover, .creditorTemplateDialog .all-account-popup-title .all-account-close:hover, .creditorTemplateForeignDialog .all-account-popup-title .all-account-close:hover, .creditorTemplateDialogPublic .all-account-popup-title .all-account-close:hover, .packageSelectDialog .all-account-popup-title .all-account-close:hover, .languageSelectDialog .all-account-popup-title .all-account-close:hover, .debitAccountSelectDialog .all-account-popup-title .all-account-close:hover, .domesticDialog .all-account-popup-title .all-account-close:hover, .domesticPublicDialog .all-account-popup-title .all-account-close:hover, .creditorTemplateDialogPopup .all-account-popup-title .all-account-close:hover, .exchangeConfirmationServerViewPopup .all-account-popup-title .all-account-close:hover, .exchangeConfirmationViewPopup .all-account-popup-title .all-account-close:hover, .depositDetailPopup .all-account-popup-title .all-account-close:hover, .changePassword .all-account-popup-title .all-account-close:hover, .loanAnnuityDetail .all-account-popup-title .all-account-close:hover, .p2pPaymentCommissionDialog .all-account-popup-title .all-account-close:hover, .paymentToMobile .all-account-popup-title .all-account-close:hover { box-shadow: 0 8px 12px rgba(0, 0, 0, 0.04); } .unusedCheques .all-account-popup-title .all-account-close svg, .accountDetailsPopup .all-account-popup-title .all-account-close svg, .cardDetailsPopup .all-account-popup-title .all-account-close svg, .accountTurnoverDetail .all-account-popup-title .all-account-close svg, .cardTurnoverDetails .all-account-popup-title .all-account-close svg, .loanDetailsPopup .all-account-popup-title .all-account-close svg, .domesticOrderDetailsPopup .all-account-popup-title .all-account-close svg, .orderSendingDetailsPopup .all-account-popup-title .all-account-close svg, .repaymentDetails .all-account-popup-title .all-account-close svg, .reservedFundsCard .all-account-popup-title .all-account-close svg, .depositBalance .all-account-popup-title .all-account-close svg, .newMessageDialog .all-account-popup-title .all-account-close svg, .accountsList .all-account-popup-title .all-account-close svg, .annuityDetails .all-account-popup-title .all-account-close svg, .reservedFundsSlider .all-account-popup-title .all-account-close svg, .read-messages-list .all-account-popup-title .all-account-close svg, .reservedFunds .all-account-popup-title .all-account-close svg, .installmentsList .all-account-popup-title .all-account-close svg, .TransactionDetails .all-account-popup-title .all-account-close svg, .paymentOverviewDetails .all-account-popup-title .all-account-close svg, .fastPaymentDialog .all-account-popup-title .all-account-close svg, .exchangeDetailsPopup .all-account-popup-title .all-account-close svg, .exchangeDetailsServerPopup .all-account-popup-title .all-account-close svg, .signatureCommissionDialogPopup .all-account-popup-title .all-account-close svg, .crontoDialog .all-account-popup-title .all-account-close svg, .inflowsManaging .all-account-popup-title .all-account-close svg, .createUserAccountDialog .all-account-popup-title .all-account-close svg, .creditorTemplateDialog .all-account-popup-title .all-account-close svg, .creditorTemplateForeignDialog .all-account-popup-title .all-account-close svg, .creditorTemplateDialogPublic .all-account-popup-title .all-account-close svg, .packageSelectDialog .all-account-popup-title .all-account-close svg, .languageSelectDialog .all-account-popup-title .all-account-close svg, .debitAccountSelectDialog .all-account-popup-title .all-account-close svg, .domesticDialog .all-account-popup-title .all-account-close svg, .domesticPublicDialog .all-account-popup-title .all-account-close svg, .creditorTemplateDialogPopup .all-account-popup-title .all-account-close svg, .exchangeConfirmationServerViewPopup .all-account-popup-title .all-account-close svg, .exchangeConfirmationViewPopup .all-account-popup-title .all-account-close svg, .depositDetailPopup .all-account-popup-title .all-account-close svg, .changePassword .all-account-popup-title .all-account-close svg, .loanAnnuityDetail .all-account-popup-title .all-account-close svg, .p2pPaymentCommissionDialog .all-account-popup-title .all-account-close svg, .paymentToMobile .all-account-popup-title .all-account-close svg { position: absolute; width: 12px; height: 12px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .unusedCheques .account-inter-inner-scroll, .accountDetailsPopup .account-inter-inner-scroll, .cardDetailsPopup .account-inter-inner-scroll, .accountTurnoverDetail .account-inter-inner-scroll, .cardTurnoverDetails .account-inter-inner-scroll, .loanDetailsPopup .account-inter-inner-scroll, .domesticOrderDetailsPopup .account-inter-inner-scroll, .orderSendingDetailsPopup .account-inter-inner-scroll, .repaymentDetails .account-inter-inner-scroll, .reservedFundsCard .account-inter-inner-scroll, .depositBalance .account-inter-inner-scroll, .newMessageDialog .account-inter-inner-scroll, .accountsList .account-inter-inner-scroll, .annuityDetails .account-inter-inner-scroll, .reservedFundsSlider .account-inter-inner-scroll, .read-messages-list .account-inter-inner-scroll, .reservedFunds .account-inter-inner-scroll, .installmentsList .account-inter-inner-scroll, .TransactionDetails .account-inter-inner-scroll, .paymentOverviewDetails .account-inter-inner-scroll, .fastPaymentDialog .account-inter-inner-scroll, .exchangeDetailsPopup .account-inter-inner-scroll, .exchangeDetailsServerPopup .account-inter-inner-scroll, .signatureCommissionDialogPopup .account-inter-inner-scroll, .crontoDialog .account-inter-inner-scroll, .inflowsManaging .account-inter-inner-scroll, .createUserAccountDialog .account-inter-inner-scroll, .creditorTemplateDialog .account-inter-inner-scroll, .creditorTemplateForeignDialog .account-inter-inner-scroll, .creditorTemplateDialogPublic .account-inter-inner-scroll, .packageSelectDialog .account-inter-inner-scroll, .languageSelectDialog .account-inter-inner-scroll, .debitAccountSelectDialog .account-inter-inner-scroll, .domesticDialog .account-inter-inner-scroll, .domesticPublicDialog .account-inter-inner-scroll, .creditorTemplateDialogPopup .account-inter-inner-scroll, .exchangeConfirmationServerViewPopup .account-inter-inner-scroll, .exchangeConfirmationViewPopup .account-inter-inner-scroll, .depositDetailPopup .account-inter-inner-scroll, .changePassword .account-inter-inner-scroll, .loanAnnuityDetail .account-inter-inner-scroll, .p2pPaymentCommissionDialog .account-inter-inner-scroll, .paymentToMobile .account-inter-inner-scroll { padding: 0px 40px; } .unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper, .accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper, .cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper, .accountTurnoverDetail .account-inter-inner-scroll .transaction-popup-details-wrapper, .cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper, .loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper, .domesticOrderDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper, .orderSendingDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper, .repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper, .reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper, .depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper, .newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper, .accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper, .annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper, .reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper, .read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper, .reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper, .installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper, .TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper, .paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper, .fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper, .exchangeDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper, .exchangeDetailsServerPopup .account-inter-inner-scroll .transaction-popup-details-wrapper, .signatureCommissionDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper, .crontoDialog .account-inter-inner-scroll .transaction-popup-details-wrapper, .inflowsManaging .account-inter-inner-scroll .transaction-popup-details-wrapper, .createUserAccountDialog .account-inter-inner-scroll .transaction-popup-details-wrapper, .creditorTemplateDialog .account-inter-inner-scroll .transaction-popup-details-wrapper, .creditorTemplateForeignDialog .account-inter-inner-scroll .transaction-popup-details-wrapper, .creditorTemplateDialogPublic .account-inter-inner-scroll .transaction-popup-details-wrapper, .packageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper, .languageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper, .debitAccountSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper, .domesticDialog .account-inter-inner-scroll .transaction-popup-details-wrapper, .domesticPublicDialog .account-inter-inner-scroll .transaction-popup-details-wrapper, .creditorTemplateDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper, .exchangeConfirmationServerViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper, .exchangeConfirmationViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper, .depositDetailPopup .account-inter-inner-scroll .transaction-popup-details-wrapper, .changePassword .account-inter-inner-scroll .transaction-popup-details-wrapper, .loanAnnuityDetail .account-inter-inner-scroll .transaction-popup-details-wrapper, .p2pPaymentCommissionDialog .account-inter-inner-scroll .transaction-popup-details-wrapper, .paymentToMobile .account-inter-inner-scroll .transaction-popup-details-wrapper { height: 600px; overflow-y: auto; font-family: 'Source-Sans-Pro', 'sans-serif' !important; } @media (max-height: 936px) { .unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper, .accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper, .cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper, .accountTurnoverDetail .account-inter-inner-scroll .transaction-popup-details-wrapper, .cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper, .loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper, .domesticOrderDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper, .orderSendingDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper, .repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper, .reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper, .depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper, .newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper, .accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper, .annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper, .reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper, .read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper, .reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper, .installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper, .TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper, .paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper, .fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper, .exchangeDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper, .exchangeDetailsServerPopup .account-inter-inner-scroll .transaction-popup-details-wrapper, .signatureCommissionDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper, .crontoDialog .account-inter-inner-scroll .transaction-popup-details-wrapper, .inflowsManaging .account-inter-inner-scroll .transaction-popup-details-wrapper, .createUserAccountDialog .account-inter-inner-scroll .transaction-popup-details-wrapper, .creditorTemplateDialog .account-inter-inner-scroll .transaction-popup-details-wrapper, .creditorTemplateForeignDialog .account-inter-inner-scroll .transaction-popup-details-wrapper, .creditorTemplateDialogPublic .account-inter-inner-scroll .transaction-popup-details-wrapper, .packageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper, .languageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper, .debitAccountSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper, .domesticDialog .account-inter-inner-scroll .transaction-popup-details-wrapper, .domesticPublicDialog .account-inter-inner-scroll .transaction-popup-details-wrapper, .creditorTemplateDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper, .exchangeConfirmationServerViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper, .exchangeConfirmationViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper, .depositDetailPopup .account-inter-inner-scroll .transaction-popup-details-wrapper, .changePassword .account-inter-inner-scroll .transaction-popup-details-wrapper, .loanAnnuityDetail .account-inter-inner-scroll .transaction-popup-details-wrapper, .p2pPaymentCommissionDialog .account-inter-inner-scroll .transaction-popup-details-wrapper, .paymentToMobile .account-inter-inner-scroll .transaction-popup-details-wrapper { height: 62vh; } } @media (min-height: 937px) { .unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper, .accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper, .cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper, .accountTurnoverDetail .account-inter-inner-scroll .transaction-popup-details-wrapper, .cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper, .loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper, .domesticOrderDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper, .orderSendingDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper, .repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper, .reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper, .depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper, .newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper, .accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper, .annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper, .reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper, .read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper, .reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper, .installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper, .TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper, .paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper, .fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper, .exchangeDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper, .exchangeDetailsServerPopup .account-inter-inner-scroll .transaction-popup-details-wrapper, .signatureCommissionDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper, .crontoDialog .account-inter-inner-scroll .transaction-popup-details-wrapper, .inflowsManaging .account-inter-inner-scroll .transaction-popup-details-wrapper, .createUserAccountDialog .account-inter-inner-scroll .transaction-popup-details-wrapper, .creditorTemplateDialog .account-inter-inner-scroll .transaction-popup-details-wrapper, .creditorTemplateForeignDialog .account-inter-inner-scroll .transaction-popup-details-wrapper, .creditorTemplateDialogPublic .account-inter-inner-scroll .transaction-popup-details-wrapper, .packageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper, .languageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper, .debitAccountSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper, .domesticDialog .account-inter-inner-scroll .transaction-popup-details-wrapper, .domesticPublicDialog .account-inter-inner-scroll .transaction-popup-details-wrapper, .creditorTemplateDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper, .exchangeConfirmationServerViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper, .exchangeConfirmationViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper, .depositDetailPopup .account-inter-inner-scroll .transaction-popup-details-wrapper, .changePassword .account-inter-inner-scroll .transaction-popup-details-wrapper, .loanAnnuityDetail .account-inter-inner-scroll .transaction-popup-details-wrapper, .p2pPaymentCommissionDialog .account-inter-inner-scroll .transaction-popup-details-wrapper, .paymentToMobile .account-inter-inner-scroll .transaction-popup-details-wrapper { height: 66vh; } } @media (max-height: 936px) { .unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .accountTurnoverDetail .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .domesticOrderDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .orderSendingDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .exchangeDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .exchangeDetailsServerPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .signatureCommissionDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .crontoDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .inflowsManaging .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .createUserAccountDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .creditorTemplateDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .creditorTemplateForeignDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .creditorTemplateDialogPublic .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .packageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .languageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .debitAccountSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .domesticDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .domesticPublicDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .creditorTemplateDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .exchangeConfirmationServerViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .exchangeConfirmationViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .depositDetailPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .changePassword .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .loanAnnuityDetail .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .p2pPaymentCommissionDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .paymentToMobile .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75 { height: 75vh; } } @media (min-height: 937px) { .unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .accountTurnoverDetail .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .domesticOrderDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .orderSendingDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .exchangeDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .exchangeDetailsServerPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .signatureCommissionDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .crontoDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .inflowsManaging .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .createUserAccountDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .creditorTemplateDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .creditorTemplateForeignDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .creditorTemplateDialogPublic .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .packageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .languageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .debitAccountSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .domesticDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .domesticPublicDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .creditorTemplateDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .exchangeConfirmationServerViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .exchangeConfirmationViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .depositDetailPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .changePassword .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .loanAnnuityDetail .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .p2pPaymentCommissionDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75, .paymentToMobile .account-inter-inner-scroll .transaction-popup-details-wrapper.height-75 { height: 75vh; } } .unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .accountTurnoverDetail .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .domesticOrderDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .orderSendingDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .exchangeDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .exchangeDetailsServerPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .signatureCommissionDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .crontoDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .inflowsManaging .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .createUserAccountDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .creditorTemplateDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .creditorTemplateForeignDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .creditorTemplateDialogPublic .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .packageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .languageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .debitAccountSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .domesticDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .domesticPublicDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .creditorTemplateDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .exchangeConfirmationServerViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .exchangeConfirmationViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .depositDetailPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .changePassword .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .loanAnnuityDetail .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .p2pPaymentCommissionDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt, .paymentToMobile .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt { height: fit-content !important; } .unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .accountTurnoverDetail .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .domesticOrderDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .orderSendingDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .exchangeDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .exchangeDetailsServerPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .signatureCommissionDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .crontoDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .inflowsManaging .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .createUserAccountDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .creditorTemplateDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .creditorTemplateForeignDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .creditorTemplateDialogPublic .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .packageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .languageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .debitAccountSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .domesticDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .domesticPublicDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .creditorTemplateDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .exchangeConfirmationServerViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .exchangeConfirmationViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .depositDetailPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .changePassword .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .loanAnnuityDetail .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .p2pPaymentCommissionDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a, .paymentToMobile .account-inter-inner-scroll .transaction-popup-details-wrapper.fxt a { width: 98% !important; } .unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .accountTurnoverDetail .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .domesticOrderDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .orderSendingDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .exchangeDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .exchangeDetailsServerPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .signatureCommissionDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .crontoDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .inflowsManaging .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .createUserAccountDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .creditorTemplateDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .creditorTemplateForeignDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .creditorTemplateDialogPublic .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .packageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .languageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .debitAccountSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .domesticDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .domesticPublicDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .creditorTemplateDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .exchangeConfirmationServerViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .exchangeConfirmationViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .depositDetailPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .changePassword .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .loanAnnuityDetail .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .p2pPaymentCommissionDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .paymentToMobile .account-inter-inner-scroll .transaction-popup-details-wrapper.template { height: 635px; } @media (max-height: 852px) { .unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .accountTurnoverDetail .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .domesticOrderDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .orderSendingDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .exchangeDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .exchangeDetailsServerPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .signatureCommissionDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .crontoDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .inflowsManaging .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .createUserAccountDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .creditorTemplateDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .creditorTemplateForeignDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .creditorTemplateDialogPublic .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .packageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .languageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .debitAccountSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .domesticDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .domesticPublicDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .creditorTemplateDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .exchangeConfirmationServerViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .exchangeConfirmationViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .depositDetailPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .changePassword .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .loanAnnuityDetail .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .p2pPaymentCommissionDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .paymentToMobile .account-inter-inner-scroll .transaction-popup-details-wrapper.template { height: 62Vh !important; } } @media (min-height: 975px) { .unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .accountTurnoverDetail .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .domesticOrderDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .orderSendingDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .exchangeDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .exchangeDetailsServerPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .signatureCommissionDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .crontoDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .inflowsManaging .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .createUserAccountDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .creditorTemplateDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .creditorTemplateForeignDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .creditorTemplateDialogPublic .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .packageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .languageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .debitAccountSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .domesticDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .domesticPublicDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .creditorTemplateDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .exchangeConfirmationServerViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .exchangeConfirmationViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .depositDetailPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .changePassword .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .loanAnnuityDetail .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .p2pPaymentCommissionDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.template, .paymentToMobile .account-inter-inner-scroll .transaction-popup-details-wrapper.template { height: 740px !important; } } .unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .accountTurnoverDetail .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .domesticOrderDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .orderSendingDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .exchangeDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .exchangeDetailsServerPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .signatureCommissionDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .crontoDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .inflowsManaging .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .createUserAccountDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .creditorTemplateDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .creditorTemplateForeignDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .creditorTemplateDialogPublic .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .packageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .languageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .debitAccountSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .domesticDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .domesticPublicDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .creditorTemplateDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .exchangeConfirmationServerViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .exchangeConfirmationViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .depositDetailPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .changePassword .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .loanAnnuityDetail .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .p2pPaymentCommissionDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper, .paymentToMobile .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper { height: 75vh; } @media (min-height: 1000px) { .unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .accountTurnoverDetail .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .domesticOrderDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .orderSendingDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .exchangeDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .exchangeDetailsServerPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .signatureCommissionDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .crontoDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .inflowsManaging .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .createUserAccountDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .creditorTemplateDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .creditorTemplateForeignDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .creditorTemplateDialogPublic .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .packageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .languageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .debitAccountSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .domesticDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .domesticPublicDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .creditorTemplateDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .exchangeConfirmationServerViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .exchangeConfirmationViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .depositDetailPopup .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .changePassword .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .loanAnnuityDetail .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .p2pPaymentCommissionDialog .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment, .paymentToMobile .account-inter-inner-scroll .transaction-popup-details-wrapper.templateWrapper.payment { height: 77vh !important; } } .unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .accountTurnoverDetail .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .domesticOrderDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .orderSendingDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .exchangeDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .exchangeDetailsServerPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .signatureCommissionDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .crontoDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .inflowsManaging .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .createUserAccountDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .creditorTemplateDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .creditorTemplateForeignDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .creditorTemplateDialogPublic .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .packageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .languageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .debitAccountSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .domesticDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .domesticPublicDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .creditorTemplateDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .exchangeConfirmationServerViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .exchangeConfirmationViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .depositDetailPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .changePassword .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .loanAnnuityDetail .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .p2pPaymentCommissionDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar, .paymentToMobile .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar { background: transparent; width: 5px; } .unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .accountTurnoverDetail .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .domesticOrderDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .orderSendingDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .exchangeDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .exchangeDetailsServerPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .signatureCommissionDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .crontoDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .inflowsManaging .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .createUserAccountDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .creditorTemplateDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .creditorTemplateForeignDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .creditorTemplateDialogPublic .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .packageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .languageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .debitAccountSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .domesticDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .domesticPublicDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .creditorTemplateDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .exchangeConfirmationServerViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .exchangeConfirmationViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .depositDetailPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .changePassword .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .loanAnnuityDetail .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .p2pPaymentCommissionDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track, .paymentToMobile .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-track { top: 20px; background: transparent; } .unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .accountTurnoverDetail .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .domesticOrderDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .orderSendingDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .exchangeDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .exchangeDetailsServerPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .signatureCommissionDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .crontoDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .inflowsManaging .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .createUserAccountDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .creditorTemplateDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .creditorTemplateForeignDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .creditorTemplateDialogPublic .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .packageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .languageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .debitAccountSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .domesticDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .domesticPublicDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .creditorTemplateDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .exchangeConfirmationServerViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .exchangeConfirmationViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .depositDetailPopup .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .changePassword .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .loanAnnuityDetail .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .p2pPaymentCommissionDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb, .paymentToMobile .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb { border-radius: 5px; width: 4px; } .unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .accountTurnoverDetail .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .domesticOrderDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .orderSendingDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .exchangeDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .exchangeDetailsServerPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .signatureCommissionDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .crontoDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .inflowsManaging .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .createUserAccountDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .creditorTemplateDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .creditorTemplateForeignDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .creditorTemplateDialogPublic .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .packageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .languageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .debitAccountSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .domesticDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .domesticPublicDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .creditorTemplateDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .exchangeConfirmationServerViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .exchangeConfirmationViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .depositDetailPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .changePassword .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .loanAnnuityDetail .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .p2pPaymentCommissionDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType, .paymentToMobile .account-inter-inner-scroll .transaction-popup-details-wrapper .authType { border-top: 1px dashed rgba(0, 0, 0, 0.54); margin-top: 40px; width: 411px; } .unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .accountTurnoverDetail .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .domesticOrderDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .orderSendingDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .exchangeDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .exchangeDetailsServerPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .signatureCommissionDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .crontoDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .inflowsManaging .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .createUserAccountDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .creditorTemplateDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .creditorTemplateForeignDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .creditorTemplateDialogPublic .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .packageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .languageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .debitAccountSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .domesticDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .domesticPublicDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .creditorTemplateDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .exchangeConfirmationServerViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .exchangeConfirmationViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .depositDetailPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .changePassword .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .loanAnnuityDetail .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .p2pPaymentCommissionDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title, .paymentToMobile .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .title { margin: 30px 0 15px 0; display: inline-block; width: 100%; font-size: 15px; text-align: center; font-family: 'Source-Sans-Pro', 'sans-serif'; } .unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .accountTurnoverDetail .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .domesticOrderDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .orderSendingDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .exchangeDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .exchangeDetailsServerPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .signatureCommissionDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .crontoDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .inflowsManaging .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .createUserAccountDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .creditorTemplateDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .creditorTemplateForeignDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .creditorTemplateDialogPublic .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .packageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .languageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .debitAccountSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .domesticDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .domesticPublicDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .creditorTemplateDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .exchangeConfirmationServerViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .exchangeConfirmationViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .depositDetailPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .changePassword .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .loanAnnuityDetail .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .p2pPaymentCommissionDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1, .paymentToMobile .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .margin-1 { margin-bottom: 10px; } .unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .accountTurnoverDetail .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .domesticOrderDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .orderSendingDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .exchangeDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .exchangeDetailsServerPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .signatureCommissionDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .crontoDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .inflowsManaging .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .createUserAccountDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .creditorTemplateDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .creditorTemplateForeignDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .creditorTemplateDialogPublic .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .packageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .languageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .debitAccountSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .domesticDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .domesticPublicDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .creditorTemplateDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .exchangeConfirmationServerViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .exchangeConfirmationViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .depositDetailPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .changePassword .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .loanAnnuityDetail .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .p2pPaymentCommissionDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button, .paymentToMobile .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button { position: relative; display: block; padding: 18px 15px 17px 46px; cursor: pointer; background: rgba(255, 255, 255, 0.6); border-radius: 25px; } .unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .accountTurnoverDetail .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .domesticOrderDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .orderSendingDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .exchangeDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .exchangeDetailsServerPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .signatureCommissionDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .crontoDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .inflowsManaging .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .createUserAccountDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .creditorTemplateDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .creditorTemplateForeignDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .creditorTemplateDialogPublic .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .packageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .languageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .debitAccountSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .domesticDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .domesticPublicDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .creditorTemplateDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .exchangeConfirmationServerViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .exchangeConfirmationViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .depositDetailPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .changePassword .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .loanAnnuityDetail .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .p2pPaymentCommissionDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark, .paymentToMobile .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark { position: absolute; top: 50%; left: 14px; height: 16px; width: 16px; border-radius: 50%; border: 1px solid #e8e9ec; background: #fff; -webkit-transform: translateY(-50%); transform: translateY(-50%); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); } .unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .accountTurnoverDetail .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .domesticOrderDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .orderSendingDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .exchangeDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .exchangeDetailsServerPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .signatureCommissionDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .crontoDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .inflowsManaging .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .createUserAccountDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .creditorTemplateDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .creditorTemplateForeignDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .creditorTemplateDialogPublic .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .packageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .languageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .debitAccountSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .domesticDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .domesticPublicDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .creditorTemplateDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .exchangeConfirmationServerViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .exchangeConfirmationViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .depositDetailPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .changePassword .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .loanAnnuityDetail .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .p2pPaymentCommissionDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after, .paymentToMobile .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after { content: ""; position: absolute; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; width: 8px; height: 8px; top: 50%; left: 50%; border-radius: 50%; background: #52ae30; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .accountTurnoverDetail .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .domesticOrderDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .orderSendingDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .exchangeDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .exchangeDetailsServerPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .signatureCommissionDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .crontoDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .inflowsManaging .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .createUserAccountDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .creditorTemplateDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .creditorTemplateForeignDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .creditorTemplateDialogPublic .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .packageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .languageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .debitAccountSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .domesticDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .domesticPublicDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .creditorTemplateDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .exchangeConfirmationServerViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .exchangeConfirmationViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .depositDetailPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .changePassword .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .loanAnnuityDetail .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .p2pPaymentCommissionDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after, .paymentToMobile .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after { opacity: 1; } .unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .accountTurnoverDetail .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .domesticOrderDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .orderSendingDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .exchangeDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .exchangeDetailsServerPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .signatureCommissionDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .crontoDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .inflowsManaging .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .createUserAccountDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .creditorTemplateDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .creditorTemplateForeignDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .creditorTemplateDialogPublic .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .packageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .languageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .debitAccountSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .domesticDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .domesticPublicDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .creditorTemplateDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .exchangeConfirmationServerViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .exchangeConfirmationViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .depositDetailPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .changePassword .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .loanAnnuityDetail .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .p2pPaymentCommissionDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input, .paymentToMobile .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-radio-input { position: absolute; width: 100%; height: 100%; inset: 0; opacity: 0; cursor: pointer; padding: 0; margin: 0; border: none; z-index: 1; } .unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .accountTurnoverDetail .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .domesticOrderDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .orderSendingDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .exchangeDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .exchangeDetailsServerPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .signatureCommissionDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .crontoDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .inflowsManaging .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .createUserAccountDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .creditorTemplateDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .creditorTemplateForeignDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .creditorTemplateDialogPublic .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .packageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .languageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .debitAccountSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .domesticDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .domesticPublicDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .creditorTemplateDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .exchangeConfirmationServerViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .exchangeConfirmationViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .depositDetailPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .changePassword .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .loanAnnuityDetail .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .p2pPaymentCommissionDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label, .paymentToMobile .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .custom-label { font-family: 'Source-Sans-Pro-bold', 'sans-serif'; font-size: 15px; line-height: 1; color: rgba(0, 0, 0, 0.87); margin: 0; font-weight: bold; } .unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .accountTurnoverDetail .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .domesticOrderDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .orderSendingDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .exchangeDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .exchangeDetailsServerPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .signatureCommissionDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .crontoDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .inflowsManaging .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .createUserAccountDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .creditorTemplateDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .creditorTemplateForeignDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .creditorTemplateDialogPublic .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .packageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .languageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .debitAccountSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .domesticDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .domesticPublicDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .creditorTemplateDialogPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .exchangeConfirmationServerViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .exchangeConfirmationViewPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .depositDetailPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .changePassword .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .loanAnnuityDetail .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .p2pPaymentCommissionDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn, .paymentToMobile .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn { cursor: pointer; font-weight: 400; } .unusedCheques .account-item-inner, .accountDetailsPopup .account-item-inner, .cardDetailsPopup .account-item-inner, .accountTurnoverDetail .account-item-inner, .cardTurnoverDetails .account-item-inner, .loanDetailsPopup .account-item-inner, .domesticOrderDetailsPopup .account-item-inner, .orderSendingDetailsPopup .account-item-inner, .repaymentDetails .account-item-inner, .reservedFundsCard .account-item-inner, .depositBalance .account-item-inner, .newMessageDialog .account-item-inner, .accountsList .account-item-inner, .annuityDetails .account-item-inner, .reservedFundsSlider .account-item-inner, .read-messages-list .account-item-inner, .reservedFunds .account-item-inner, .installmentsList .account-item-inner, .TransactionDetails .account-item-inner, .paymentOverviewDetails .account-item-inner, .fastPaymentDialog .account-item-inner, .exchangeDetailsPopup .account-item-inner, .exchangeDetailsServerPopup .account-item-inner, .signatureCommissionDialogPopup .account-item-inner, .crontoDialog .account-item-inner, .inflowsManaging .account-item-inner, .createUserAccountDialog .account-item-inner, .creditorTemplateDialog .account-item-inner, .creditorTemplateForeignDialog .account-item-inner, .creditorTemplateDialogPublic .account-item-inner, .packageSelectDialog .account-item-inner, .languageSelectDialog .account-item-inner, .debitAccountSelectDialog .account-item-inner, .domesticDialog .account-item-inner, .domesticPublicDialog .account-item-inner, .creditorTemplateDialogPopup .account-item-inner, .exchangeConfirmationServerViewPopup .account-item-inner, .exchangeConfirmationViewPopup .account-item-inner, .depositDetailPopup .account-item-inner, .changePassword .account-item-inner, .loanAnnuityDetail .account-item-inner, .p2pPaymentCommissionDialog .account-item-inner, .paymentToMobile .account-item-inner { height: calc(100% - 280px) !important; padding: 0 40px; top: 0 !important; } .unusedCheques .account-item-inner.promotions, .accountDetailsPopup .account-item-inner.promotions, .cardDetailsPopup .account-item-inner.promotions, .accountTurnoverDetail .account-item-inner.promotions, .cardTurnoverDetails .account-item-inner.promotions, .loanDetailsPopup .account-item-inner.promotions, .domesticOrderDetailsPopup .account-item-inner.promotions, .orderSendingDetailsPopup .account-item-inner.promotions, .repaymentDetails .account-item-inner.promotions, .reservedFundsCard .account-item-inner.promotions, .depositBalance .account-item-inner.promotions, .newMessageDialog .account-item-inner.promotions, .accountsList .account-item-inner.promotions, .annuityDetails .account-item-inner.promotions, .reservedFundsSlider .account-item-inner.promotions, .read-messages-list .account-item-inner.promotions, .reservedFunds .account-item-inner.promotions, .installmentsList .account-item-inner.promotions, .TransactionDetails .account-item-inner.promotions, .paymentOverviewDetails .account-item-inner.promotions, .fastPaymentDialog .account-item-inner.promotions, .exchangeDetailsPopup .account-item-inner.promotions, .exchangeDetailsServerPopup .account-item-inner.promotions, .signatureCommissionDialogPopup .account-item-inner.promotions, .crontoDialog .account-item-inner.promotions, .inflowsManaging .account-item-inner.promotions, .createUserAccountDialog .account-item-inner.promotions, .creditorTemplateDialog .account-item-inner.promotions, .creditorTemplateForeignDialog .account-item-inner.promotions, .creditorTemplateDialogPublic .account-item-inner.promotions, .packageSelectDialog .account-item-inner.promotions, .languageSelectDialog .account-item-inner.promotions, .debitAccountSelectDialog .account-item-inner.promotions, .domesticDialog .account-item-inner.promotions, .domesticPublicDialog .account-item-inner.promotions, .creditorTemplateDialogPopup .account-item-inner.promotions, .exchangeConfirmationServerViewPopup .account-item-inner.promotions, .exchangeConfirmationViewPopup .account-item-inner.promotions, .depositDetailPopup .account-item-inner.promotions, .changePassword .account-item-inner.promotions, .loanAnnuityDetail .account-item-inner.promotions, .p2pPaymentCommissionDialog .account-item-inner.promotions, .paymentToMobile .account-item-inner.promotions { height: 75vh !important; } .unusedCheques .account-item-inner .mCustomScrollBox, .accountDetailsPopup .account-item-inner .mCustomScrollBox, .cardDetailsPopup .account-item-inner .mCustomScrollBox, .accountTurnoverDetail .account-item-inner .mCustomScrollBox, .cardTurnoverDetails .account-item-inner .mCustomScrollBox, .loanDetailsPopup .account-item-inner .mCustomScrollBox, .domesticOrderDetailsPopup .account-item-inner .mCustomScrollBox, .orderSendingDetailsPopup .account-item-inner .mCustomScrollBox, .repaymentDetails .account-item-inner .mCustomScrollBox, .reservedFundsCard .account-item-inner .mCustomScrollBox, .depositBalance .account-item-inner .mCustomScrollBox, .newMessageDialog .account-item-inner .mCustomScrollBox, .accountsList .account-item-inner .mCustomScrollBox, .annuityDetails .account-item-inner .mCustomScrollBox, .reservedFundsSlider .account-item-inner .mCustomScrollBox, .read-messages-list .account-item-inner .mCustomScrollBox, .reservedFunds .account-item-inner .mCustomScrollBox, .installmentsList .account-item-inner .mCustomScrollBox, .TransactionDetails .account-item-inner .mCustomScrollBox, .paymentOverviewDetails .account-item-inner .mCustomScrollBox, .fastPaymentDialog .account-item-inner .mCustomScrollBox, .exchangeDetailsPopup .account-item-inner .mCustomScrollBox, .exchangeDetailsServerPopup .account-item-inner .mCustomScrollBox, .signatureCommissionDialogPopup .account-item-inner .mCustomScrollBox, .crontoDialog .account-item-inner .mCustomScrollBox, .inflowsManaging .account-item-inner .mCustomScrollBox, .createUserAccountDialog .account-item-inner .mCustomScrollBox, .creditorTemplateDialog .account-item-inner .mCustomScrollBox, .creditorTemplateForeignDialog .account-item-inner .mCustomScrollBox, .creditorTemplateDialogPublic .account-item-inner .mCustomScrollBox, .packageSelectDialog .account-item-inner .mCustomScrollBox, .languageSelectDialog .account-item-inner .mCustomScrollBox, .debitAccountSelectDialog .account-item-inner .mCustomScrollBox, .domesticDialog .account-item-inner .mCustomScrollBox, .domesticPublicDialog .account-item-inner .mCustomScrollBox, .creditorTemplateDialogPopup .account-item-inner .mCustomScrollBox, .exchangeConfirmationServerViewPopup .account-item-inner .mCustomScrollBox, .exchangeConfirmationViewPopup .account-item-inner .mCustomScrollBox, .depositDetailPopup .account-item-inner .mCustomScrollBox, .changePassword .account-item-inner .mCustomScrollBox, .loanAnnuityDetail .account-item-inner .mCustomScrollBox, .p2pPaymentCommissionDialog .account-item-inner .mCustomScrollBox, .paymentToMobile .account-item-inner .mCustomScrollBox { padding: 0; padding-right: 20px; } .unusedCheques .popup-ammount-wrapper .popup-ammount-ico-wrapper, .accountDetailsPopup .popup-ammount-wrapper .popup-ammount-ico-wrapper, .cardDetailsPopup .popup-ammount-wrapper .popup-ammount-ico-wrapper, .accountTurnoverDetail .popup-ammount-wrapper .popup-ammount-ico-wrapper, .cardTurnoverDetails .popup-ammount-wrapper .popup-ammount-ico-wrapper, .loanDetailsPopup .popup-ammount-wrapper .popup-ammount-ico-wrapper, .domesticOrderDetailsPopup .popup-ammount-wrapper .popup-ammount-ico-wrapper, .orderSendingDetailsPopup .popup-ammount-wrapper .popup-ammount-ico-wrapper, .repaymentDetails .popup-ammount-wrapper .popup-ammount-ico-wrapper, .reservedFundsCard .popup-ammount-wrapper .popup-ammount-ico-wrapper, .depositBalance .popup-ammount-wrapper .popup-ammount-ico-wrapper, .newMessageDialog .popup-ammount-wrapper .popup-ammount-ico-wrapper, .accountsList .popup-ammount-wrapper .popup-ammount-ico-wrapper, .annuityDetails .popup-ammount-wrapper .popup-ammount-ico-wrapper, .reservedFundsSlider .popup-ammount-wrapper .popup-ammount-ico-wrapper, .read-messages-list .popup-ammount-wrapper .popup-ammount-ico-wrapper, .reservedFunds .popup-ammount-wrapper .popup-ammount-ico-wrapper, .installmentsList .popup-ammount-wrapper .popup-ammount-ico-wrapper, .TransactionDetails .popup-ammount-wrapper .popup-ammount-ico-wrapper, .paymentOverviewDetails .popup-ammount-wrapper .popup-ammount-ico-wrapper, .fastPaymentDialog .popup-ammount-wrapper .popup-ammount-ico-wrapper, .exchangeDetailsPopup .popup-ammount-wrapper .popup-ammount-ico-wrapper, .exchangeDetailsServerPopup .popup-ammount-wrapper .popup-ammount-ico-wrapper, .signatureCommissionDialogPopup .popup-ammount-wrapper .popup-ammount-ico-wrapper, .crontoDialog .popup-ammount-wrapper .popup-ammount-ico-wrapper, .inflowsManaging .popup-ammount-wrapper .popup-ammount-ico-wrapper, .createUserAccountDialog .popup-ammount-wrapper .popup-ammount-ico-wrapper, .creditorTemplateDialog .popup-ammount-wrapper .popup-ammount-ico-wrapper, .creditorTemplateForeignDialog .popup-ammount-wrapper .popup-ammount-ico-wrapper, .creditorTemplateDialogPublic .popup-ammount-wrapper .popup-ammount-ico-wrapper, .packageSelectDialog .popup-ammount-wrapper .popup-ammount-ico-wrapper, .languageSelectDialog .popup-ammount-wrapper .popup-ammount-ico-wrapper, .debitAccountSelectDialog .popup-ammount-wrapper .popup-ammount-ico-wrapper, .domesticDialog .popup-ammount-wrapper .popup-ammount-ico-wrapper, .domesticPublicDialog .popup-ammount-wrapper .popup-ammount-ico-wrapper, .creditorTemplateDialogPopup .popup-ammount-wrapper .popup-ammount-ico-wrapper, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .popup-ammount-ico-wrapper, .exchangeConfirmationViewPopup .popup-ammount-wrapper .popup-ammount-ico-wrapper, .depositDetailPopup .popup-ammount-wrapper .popup-ammount-ico-wrapper, .changePassword .popup-ammount-wrapper .popup-ammount-ico-wrapper, .loanAnnuityDetail .popup-ammount-wrapper .popup-ammount-ico-wrapper, .p2pPaymentCommissionDialog .popup-ammount-wrapper .popup-ammount-ico-wrapper, .paymentToMobile .popup-ammount-wrapper .popup-ammount-ico-wrapper { width: 60px; height: 60px; border-radius: 12px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); margin: auto; margin-bottom: 20px; } .unusedCheques .popup-ammount-wrapper .popup-loan-ico-wrapper, .accountDetailsPopup .popup-ammount-wrapper .popup-loan-ico-wrapper, .cardDetailsPopup .popup-ammount-wrapper .popup-loan-ico-wrapper, .accountTurnoverDetail .popup-ammount-wrapper .popup-loan-ico-wrapper, .cardTurnoverDetails .popup-ammount-wrapper .popup-loan-ico-wrapper, .loanDetailsPopup .popup-ammount-wrapper .popup-loan-ico-wrapper, .domesticOrderDetailsPopup .popup-ammount-wrapper .popup-loan-ico-wrapper, .orderSendingDetailsPopup .popup-ammount-wrapper .popup-loan-ico-wrapper, .repaymentDetails .popup-ammount-wrapper .popup-loan-ico-wrapper, .reservedFundsCard .popup-ammount-wrapper .popup-loan-ico-wrapper, .depositBalance .popup-ammount-wrapper .popup-loan-ico-wrapper, .newMessageDialog .popup-ammount-wrapper .popup-loan-ico-wrapper, .accountsList .popup-ammount-wrapper .popup-loan-ico-wrapper, .annuityDetails .popup-ammount-wrapper .popup-loan-ico-wrapper, .reservedFundsSlider .popup-ammount-wrapper .popup-loan-ico-wrapper, .read-messages-list .popup-ammount-wrapper .popup-loan-ico-wrapper, .reservedFunds .popup-ammount-wrapper .popup-loan-ico-wrapper, .installmentsList .popup-ammount-wrapper .popup-loan-ico-wrapper, .TransactionDetails .popup-ammount-wrapper .popup-loan-ico-wrapper, .paymentOverviewDetails .popup-ammount-wrapper .popup-loan-ico-wrapper, .fastPaymentDialog .popup-ammount-wrapper .popup-loan-ico-wrapper, .exchangeDetailsPopup .popup-ammount-wrapper .popup-loan-ico-wrapper, .exchangeDetailsServerPopup .popup-ammount-wrapper .popup-loan-ico-wrapper, .signatureCommissionDialogPopup .popup-ammount-wrapper .popup-loan-ico-wrapper, .crontoDialog .popup-ammount-wrapper .popup-loan-ico-wrapper, .inflowsManaging .popup-ammount-wrapper .popup-loan-ico-wrapper, .createUserAccountDialog .popup-ammount-wrapper .popup-loan-ico-wrapper, .creditorTemplateDialog .popup-ammount-wrapper .popup-loan-ico-wrapper, .creditorTemplateForeignDialog .popup-ammount-wrapper .popup-loan-ico-wrapper, .creditorTemplateDialogPublic .popup-ammount-wrapper .popup-loan-ico-wrapper, .packageSelectDialog .popup-ammount-wrapper .popup-loan-ico-wrapper, .languageSelectDialog .popup-ammount-wrapper .popup-loan-ico-wrapper, .debitAccountSelectDialog .popup-ammount-wrapper .popup-loan-ico-wrapper, .domesticDialog .popup-ammount-wrapper .popup-loan-ico-wrapper, .domesticPublicDialog .popup-ammount-wrapper .popup-loan-ico-wrapper, .creditorTemplateDialogPopup .popup-ammount-wrapper .popup-loan-ico-wrapper, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .popup-loan-ico-wrapper, .exchangeConfirmationViewPopup .popup-ammount-wrapper .popup-loan-ico-wrapper, .depositDetailPopup .popup-ammount-wrapper .popup-loan-ico-wrapper, .changePassword .popup-ammount-wrapper .popup-loan-ico-wrapper, .loanAnnuityDetail .popup-ammount-wrapper .popup-loan-ico-wrapper, .p2pPaymentCommissionDialog .popup-ammount-wrapper .popup-loan-ico-wrapper, .paymentToMobile .popup-ammount-wrapper .popup-loan-ico-wrapper { width: 60px; height: 60px; border-radius: 12px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); margin: auto; margin-bottom: 20px; } .unusedCheques .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .accountDetailsPopup .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .cardDetailsPopup .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .accountTurnoverDetail .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .cardTurnoverDetails .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .loanDetailsPopup .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .domesticOrderDetailsPopup .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .orderSendingDetailsPopup .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .repaymentDetails .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .reservedFundsCard .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .depositBalance .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .newMessageDialog .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .accountsList .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .annuityDetails .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .reservedFundsSlider .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .read-messages-list .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .reservedFunds .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .installmentsList .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .TransactionDetails .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .paymentOverviewDetails .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .fastPaymentDialog .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .exchangeDetailsPopup .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .exchangeDetailsServerPopup .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .signatureCommissionDialogPopup .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .crontoDialog .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .inflowsManaging .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .createUserAccountDialog .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .creditorTemplateDialog .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .creditorTemplateForeignDialog .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .creditorTemplateDialogPublic .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .packageSelectDialog .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .languageSelectDialog .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .debitAccountSelectDialog .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .domesticDialog .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .domesticPublicDialog .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .creditorTemplateDialogPopup .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .exchangeConfirmationViewPopup .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .depositDetailPopup .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .changePassword .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .loanAnnuityDetail .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .p2pPaymentCommissionDialog .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico, .paymentToMobile .popup-ammount-wrapper .popup-loan-ico-wrapper .popup-loan-ico { position: absolute; width: 28px; height: 28px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .unusedCheques .popup-ammount-wrapper h3, .accountDetailsPopup .popup-ammount-wrapper h3, .cardDetailsPopup .popup-ammount-wrapper h3, .accountTurnoverDetail .popup-ammount-wrapper h3, .cardTurnoverDetails .popup-ammount-wrapper h3, .loanDetailsPopup .popup-ammount-wrapper h3, .domesticOrderDetailsPopup .popup-ammount-wrapper h3, .orderSendingDetailsPopup .popup-ammount-wrapper h3, .repaymentDetails .popup-ammount-wrapper h3, .reservedFundsCard .popup-ammount-wrapper h3, .depositBalance .popup-ammount-wrapper h3, .newMessageDialog .popup-ammount-wrapper h3, .accountsList .popup-ammount-wrapper h3, .annuityDetails .popup-ammount-wrapper h3, .reservedFundsSlider .popup-ammount-wrapper h3, .read-messages-list .popup-ammount-wrapper h3, .reservedFunds .popup-ammount-wrapper h3, .installmentsList .popup-ammount-wrapper h3, .TransactionDetails .popup-ammount-wrapper h3, .paymentOverviewDetails .popup-ammount-wrapper h3, .fastPaymentDialog .popup-ammount-wrapper h3, .exchangeDetailsPopup .popup-ammount-wrapper h3, .exchangeDetailsServerPopup .popup-ammount-wrapper h3, .signatureCommissionDialogPopup .popup-ammount-wrapper h3, .crontoDialog .popup-ammount-wrapper h3, .inflowsManaging .popup-ammount-wrapper h3, .createUserAccountDialog .popup-ammount-wrapper h3, .creditorTemplateDialog .popup-ammount-wrapper h3, .creditorTemplateForeignDialog .popup-ammount-wrapper h3, .creditorTemplateDialogPublic .popup-ammount-wrapper h3, .packageSelectDialog .popup-ammount-wrapper h3, .languageSelectDialog .popup-ammount-wrapper h3, .debitAccountSelectDialog .popup-ammount-wrapper h3, .domesticDialog .popup-ammount-wrapper h3, .domesticPublicDialog .popup-ammount-wrapper h3, .creditorTemplateDialogPopup .popup-ammount-wrapper h3, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper h3, .exchangeConfirmationViewPopup .popup-ammount-wrapper h3, .depositDetailPopup .popup-ammount-wrapper h3, .changePassword .popup-ammount-wrapper h3, .loanAnnuityDetail .popup-ammount-wrapper h3, .p2pPaymentCommissionDialog .popup-ammount-wrapper h3, .paymentToMobile .popup-ammount-wrapper h3 { margin-bottom: 5px !important; } .unusedCheques .popup-ammount-wrapper p, .accountDetailsPopup .popup-ammount-wrapper p, .cardDetailsPopup .popup-ammount-wrapper p, .accountTurnoverDetail .popup-ammount-wrapper p, .cardTurnoverDetails .popup-ammount-wrapper p, .loanDetailsPopup .popup-ammount-wrapper p, .domesticOrderDetailsPopup .popup-ammount-wrapper p, .orderSendingDetailsPopup .popup-ammount-wrapper p, .repaymentDetails .popup-ammount-wrapper p, .reservedFundsCard .popup-ammount-wrapper p, .depositBalance .popup-ammount-wrapper p, .newMessageDialog .popup-ammount-wrapper p, .accountsList .popup-ammount-wrapper p, .annuityDetails .popup-ammount-wrapper p, .reservedFundsSlider .popup-ammount-wrapper p, .read-messages-list .popup-ammount-wrapper p, .reservedFunds .popup-ammount-wrapper p, .installmentsList .popup-ammount-wrapper p, .TransactionDetails .popup-ammount-wrapper p, .paymentOverviewDetails .popup-ammount-wrapper p, .fastPaymentDialog .popup-ammount-wrapper p, .exchangeDetailsPopup .popup-ammount-wrapper p, .exchangeDetailsServerPopup .popup-ammount-wrapper p, .signatureCommissionDialogPopup .popup-ammount-wrapper p, .crontoDialog .popup-ammount-wrapper p, .inflowsManaging .popup-ammount-wrapper p, .createUserAccountDialog .popup-ammount-wrapper p, .creditorTemplateDialog .popup-ammount-wrapper p, .creditorTemplateForeignDialog .popup-ammount-wrapper p, .creditorTemplateDialogPublic .popup-ammount-wrapper p, .packageSelectDialog .popup-ammount-wrapper p, .languageSelectDialog .popup-ammount-wrapper p, .debitAccountSelectDialog .popup-ammount-wrapper p, .domesticDialog .popup-ammount-wrapper p, .domesticPublicDialog .popup-ammount-wrapper p, .creditorTemplateDialogPopup .popup-ammount-wrapper p, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper p, .exchangeConfirmationViewPopup .popup-ammount-wrapper p, .depositDetailPopup .popup-ammount-wrapper p, .changePassword .popup-ammount-wrapper p, .loanAnnuityDetail .popup-ammount-wrapper p, .p2pPaymentCommissionDialog .popup-ammount-wrapper p, .paymentToMobile .popup-ammount-wrapper p { font-family: "pt_sansregular", sans-serif !important; font-weight: bold; } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico, .accountsList .popup-ammount-wrapper .card-detail-popup-ico, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico, .changePassword .popup-ammount-wrapper .card-detail-popup-ico, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico { background-image: url(images/pictures/credit-card.png); width: 250px; height: 158px; border-radius: 12px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); margin: auto; margin-bottom: 20px; background-position: center; background-repeat: no-repeat; background-size: cover; } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-602, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-602, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-602, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-602, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-602, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-602, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-602, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-602, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-602, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-602, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-602, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-602, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-602, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-602, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-602, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-602, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-602, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-602, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-602, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-602, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-602, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-602, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-602, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-602, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-602, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-602, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-602, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-602, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-602, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-602, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-602, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-602, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-602, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-602, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-602, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-602, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-602, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-602, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-602, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-602, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-602, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-602, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-602 { background-image: url("images/cards-types/card-602.png"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-605, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-605, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-605, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-605, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-605, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-605, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-605, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-605, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-605, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-605, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-605, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-605, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-605, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-605, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-605, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-605, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-605, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-605, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-605, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-605, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-605, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-605, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-605, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-605, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-605, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-605, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-605, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-605, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-605, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-605, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-605, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-605, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-605, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-605, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-605, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-605, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-605, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-605, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-605, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-605, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-605, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-605, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-605 { background-image: url("images/cards-types/card-605.png"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-609, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-609, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-609, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-609, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-609, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-609, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-609, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-609, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-609, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-609, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-609, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-609, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-609, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-609, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-609, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-609, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-609, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-609, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-609, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-609, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-609, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-609, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-609, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-609, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-609, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-609, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-609, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-609, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-609, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-609, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-609, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-609, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-609, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-609, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-609, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-609, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-609, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-609, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-609, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-609, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-609, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-609, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-609 { background-image: url("images/cards-types/card-609.png"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-610, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-610, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-610, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-610, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-610, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-610, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-610, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-610, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-610, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-610, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-610, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-610, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-610, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-610, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-610, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-610, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-610, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-610, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-610, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-610, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-610, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-610, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-610, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-610, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-610, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-610, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-610, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-610, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-610, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-610, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-610, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-610, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-610, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-610, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-610, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-610, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-610, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-610, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-610, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-610, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-610, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-610, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-610 { background-image: url("images/cards-types/card-610.png"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-616, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-616, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-616, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-616, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-616, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-616, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-616, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-616, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-616, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-616, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-616, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-616, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-616, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-616, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-616, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-616, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-616, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-616, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-616, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-616, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-616, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-616, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-616, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-616, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-616, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-616, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-616, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-616, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-616, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-616, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-616, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-616, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-616, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-616, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-616, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-616, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-616, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-616, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-616, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-616, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-616, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-616, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-616 { background-image: url("images/cards-types/card-616.png"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-617, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-617, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-617, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-617, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-617, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-617, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-617, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-617, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-617, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-617, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-617, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-617, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-617, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-617, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-617, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-617, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-617, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-617, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-617, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-617, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-617, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-617, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-617, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-617, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-617, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-617, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-617, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-617, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-617, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-617, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-617, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-617, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-617, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-617, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-617, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-617, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-617, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-617, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-617, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-617, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-617, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-617, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-617 { background-image: url("images/cards-types/card-617.png"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-618, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-618, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-618, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-618, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-618, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-618, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-618, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-618, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-618, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-618, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-618, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-618, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-618, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-618, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-618, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-618, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-618, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-618, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-618, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-618, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-618, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-618, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-618, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-618, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-618, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-618, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-618, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-618, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-618, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-618, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-618, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-618, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-618, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-618, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-618, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-618, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-618, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-618, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-618, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-618, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-618, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-618, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-618 { background-image: url("images/cards-types/card-618.png"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-627, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-627, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-627, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-627, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-627, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-627, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-627, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-627, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-627, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-627, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-627, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-627, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-627, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-627, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-627, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-627, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-627, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-627, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-627, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-627, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-627, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-627, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-627, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-627, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-627, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-627, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-627, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-627, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-627, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-627, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-627, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-627, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-627, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-627, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-627, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-627, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-627, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-627, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-627, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-627, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-627, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-627, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-627 { background-image: url("images/cards-types/card-627.png"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-635, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-635, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-635, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-635, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-635, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-635, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-635, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-635, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-635, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-635, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-635, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-635, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-635, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-635, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-635, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-635, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-635, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-635, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-635, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-635, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-635, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-635, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-635, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-635, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-635, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-635, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-635, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-635, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-635, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-635, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-635, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-635, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-635, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-635, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-635, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-635, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-635, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-635, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-635, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-635, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-635, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-635, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-635 { background-image: url("images/cards-types/card-635.png"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-637, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-637, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-637, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-637, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-637, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-637, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-637, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-637, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-637, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-637, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-637, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-637, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-637, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-637, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-637, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-637, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-637, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-637, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-637, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-637, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-637, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-637, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-637, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-637, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-637, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-637, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-637, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-637, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-637, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-637, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-637, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-637, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-637, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-637, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-637, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-637, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-637, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-637, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-637, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-637, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-637, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-637, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-637 { background-image: url("images/cards-types/card-637.png"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-642, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-642, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-642, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-642, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-642, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-642, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-642, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-642, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-642, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-642, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-642, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-642, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-642, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-642, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-642, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-642, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-642, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-642, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-642, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-642, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-642, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-642, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-642, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-642, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-642, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-642, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-642, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-642, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-642, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-642, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-642, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-642, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-642, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-642, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-642, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-642, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-642, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-642, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-642, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-642, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-642, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-642, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-642 { background-image: url("images/cards-types/card-642.png"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-662, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-662, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-662, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-662, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-662, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-662, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-662, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-662, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-662, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-662, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-662, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-662, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-662, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-662, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-662, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-662, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-662, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-662, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-662, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-662, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-662, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-662, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-662, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-662, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-662, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-662, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-662, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-662, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-662, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-662, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-662, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-662, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-662, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-662, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-662, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-662, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-662, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-662, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-662, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-662, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-662, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-662, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-662 { background-image: url("images/cards-types/card-662.png"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-670, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-670, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-670, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-670, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-670, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-670, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-670, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-670, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-670, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-670, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-670, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-670, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-670, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-670, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-670, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-670, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-670, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-670, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-670, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-670, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-670, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-670, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-670, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-670, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-670, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-670, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-670, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-670, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-670, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-670, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-670, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-670, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-670, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-670, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-670, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-670, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-670, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-670, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-670, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-670, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-670, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-670, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-670 { background-image: url("images/cards-types/card-670.png"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-680, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-680, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-680, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-680, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-680, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-680, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-680, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-680, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-680, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-680, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-680, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-680, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-680, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-680, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-680, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-680, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-680, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-680, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-680, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-680, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-680, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-680, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-680, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-680, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-680, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-680, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-680, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-680, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-680, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-680, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-680, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-680, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-680, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-680, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-680, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-680, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-680, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-680, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-680, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-680, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-680, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-680, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-680 { background-image: url("images/cards-types/card-680.png"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-683, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-683, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-683, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-683, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-683, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-683, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-683, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-683, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-683, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-683, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-683, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-683, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-683, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-683, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-683, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-683, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-683, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-683, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-683, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-683, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-683, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-683, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-683, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-683, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-683, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-683, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-683, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-683, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-683, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-683, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-683, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-683, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-683, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-683, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-683, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-683, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-683, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-683, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-683, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-683, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-683, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-683, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-683 { background-image: url("images/cards-types/card-683.png"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-690, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-690, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-690, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-690, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-690, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-690, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-690, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-690, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-690, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-690, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-690, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-690, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-690, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-690, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-690, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-690, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-690, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-690, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-690, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-690, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-690, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-690, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-690, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-690, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-690, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-690, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-690, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-690, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-690, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-690, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-690, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-690, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-690, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-690, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-690, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-690, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-690, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-690, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-690, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-690, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-690, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-690, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-690 { background-image: url("images/cards-types/card-690.png"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-681, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-681, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-681, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-681, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-681, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-681, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-681, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-681, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-681, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-681, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-681, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-681, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-681, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-681, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-681, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-681, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-681, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-681, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-681, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-681, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-681, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-681, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-681, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-681, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-681, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-681, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-681, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-681, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-681, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-681, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-681, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-681, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-681, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-681, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-681, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-681, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-681, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-681, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-681, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-681, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-681, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-681, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-681 { background-image: url("images/cards-types/card-681.png"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-21, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-21, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-21, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-21, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-21, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-21, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-21, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-21, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-21, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-21, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-21, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-21, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-21, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-21, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-21, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-21, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-21, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-21, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-21, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-21, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-21, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-21, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-21, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-21, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-21, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-21, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-21, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-21, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-21, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-21, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-21, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-21, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-21, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-21, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-21, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-21, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-21, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-21, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-21, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-21, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-21, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-21, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-21 { background-image: url("images/cards/Card21.JPG"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-22, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-22, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-22, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-22, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-22, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-22, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-22, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-22, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-22, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-22, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-22, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-22, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-22, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-22, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-22, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-22, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-22, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-22, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-22, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-22, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-22, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-22, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-22, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-22, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-22, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-22, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-22, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-22, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-22, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-22, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-22, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-22, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-22, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-22, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-22, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-22, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-22, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-22, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-22, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-22, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-22, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-22, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-22 { background-image: url("images/cards/Card22.JPG"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-23, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-23, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-23, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-23, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-23, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-23, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-23, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-23, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-23, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-23, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-23, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-23, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-23, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-23, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-23, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-23, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-23, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-23, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-23, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-23, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-23, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-23, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-23, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-23, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-23, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-23, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-23, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-23, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-23, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-23, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-23, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-23, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-23, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-23, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-23, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-23, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-23, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-23, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-23, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-23, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-23, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-23, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-23 { background-image: url("images/cards/Card23.JPG"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-24, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-24, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-24, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-24, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-24, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-24, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-24, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-24, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-24, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-24, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-24, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-24, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-24, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-24, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-24, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-24, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-24, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-24, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-24, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-24, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-24, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-24, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-24, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-24, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-24, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-24, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-24, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-24, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-24, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-24, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-24, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-24, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-24, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-24, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-24, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-24, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-24, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-24, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-24, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-24, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-24, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-24, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-24 { background-image: url("images/cards/Card24.JPG"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-25, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-25, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-25, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-25, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-25, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-25, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-25, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-25, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-25, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-25, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-25, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-25, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-25, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-25, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-25, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-25, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-25, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-25, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-25, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-25, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-25, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-25, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-25, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-25, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-25, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-25, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-25, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-25, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-25, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-25, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-25, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-25, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-25, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-25, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-25, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-25, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-25, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-25, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-25, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-25, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-25, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-25, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-25 { background-image: url("images/cards/Card25.JPG"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-27, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-27, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-27, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-27, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-27, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-27, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-27, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-27, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-27, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-27, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-27, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-27, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-27, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-27, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-27, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-27, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-27, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-27, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-27, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-27, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-27, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-27, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-27, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-27, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-27, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-27, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-27, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-27, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-27, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-27, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-27, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-27, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-27, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-27, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-27, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-27, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-27, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-27, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-27, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-27, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-27, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-27, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-27 { background-image: url("images/cards/Card27.JPG"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-28, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-28, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-28, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-28, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-28, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-28, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-28, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-28, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-28, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-28, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-28, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-28, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-28, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-28, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-28, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-28, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-28, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-28, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-28, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-28, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-28, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-28, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-28, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-28, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-28, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-28, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-28, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-28, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-28, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-28, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-28, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-28, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-28, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-28, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-28, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-28, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-28, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-28, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-28, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-28, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-28, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-28, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-28 { background-image: url("images/cards/Card28.png"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-29, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-29, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-29, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-29, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-29, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-29, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-29, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-29, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-29, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-29, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-29, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-29, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-29, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-29, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-29, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-29, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-29, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-29, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-29, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-29, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-29, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-29, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-29, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-29, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-29, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-29, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-29, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-29, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-29, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-29, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-29, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-29, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-29, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-29, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-29, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-29, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-29, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-29, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-29, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-29, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-29, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-29, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-29 { background-image: url("images/cards/Card29.png"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-41, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-41, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-41, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-41, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-41, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-41, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-41, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-41, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-41, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-41, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-41, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-41, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-41, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-41, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-41, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-41, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-41, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-41, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-41, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-41, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-41, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-41, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-41, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-41, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-41, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-41, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-41, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-41, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-41, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-41, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-41, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-41, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-41, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-41, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-41, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-41, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-41, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-41, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-41, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-41, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-41, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-41, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-41 { background-image: url("images/cards/Card41.JPG"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-411, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-411, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-411, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-411, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-411, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-411, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-411, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-411, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-411, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-411, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-411, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-411, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-411, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-411, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-411, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-411, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-411, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-411, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-411, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-411, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-411, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-411, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-411, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-411, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-411, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-411, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-411, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-411, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-411, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-411, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-411, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-411, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-411, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-411, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-411, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-411, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-411, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-411, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-411, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-411, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-411, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-411, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-411 { background-image: url("images/cards/Card411.JPG"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-413, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-413, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-413, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-413, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-413, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-413, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-413, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-413, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-413, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-413, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-413, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-413, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-413, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-413, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-413, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-413, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-413, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-413, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-413, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-413, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-413, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-413, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-413, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-413, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-413, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-413, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-413, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-413, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-413, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-413, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-413, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-413, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-413, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-413, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-413, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-413, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-413, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-413, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-413, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-413, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-413, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-413, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-413 { background-image: url("images/cards/Card413.JPG"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-414, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-414, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-414, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-414, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-414, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-414, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-414, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-414, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-414, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-414, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-414, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-414, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-414, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-414, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-414, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-414, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-414, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-414, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-414, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-414, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-414, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-414, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-414, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-414, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-414, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-414, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-414, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-414, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-414, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-414, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-414, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-414, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-414, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-414, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-414, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-414, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-414, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-414, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-414, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-414, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-414, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-414, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-414 { background-image: url("images/cards/Card414.JPG"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-42, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-42, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-42, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-42, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-42, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-42, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-42, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-42, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-42, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-42, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-42, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-42, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-42, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-42, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-42, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-42, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-42, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-42, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-42, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-42, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-42, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-42, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-42, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-42, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-42, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-42, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-42, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-42, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-42, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-42, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-42, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-42, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-42, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-42, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-42, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-42, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-42, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-42, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-42, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-42, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-42, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-42, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-42 { background-image: url("images/cards/Card42.JPG"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-43, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-43, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-43, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-43, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-43, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-43, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-43, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-43, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-43, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-43, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-43, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-43, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-43, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-43, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-43, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-43, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-43, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-43, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-43, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-43, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-43, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-43, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-43, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-43, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-43, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-43, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-43, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-43, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-43, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-43, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-43, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-43, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-43, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-43, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-43, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-43, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-43, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-43, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-43, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-43, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-43, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-43, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-43 { background-image: url("images/cards/Card43.JPG"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-44, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-44, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-44, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-44, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-44, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-44, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-44, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-44, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-44, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-44, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-44, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-44, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-44, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-44, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-44, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-44, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-44, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-44, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-44, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-44, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-44, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-44, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-44, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-44, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-44, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-44, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-44, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-44, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-44, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-44, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-44, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-44, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-44, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-44, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-44, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-44, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-44, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-44, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-44, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-44, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-44, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-44, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-44 { background-image: url("images/cards/Card44.JPG"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-45, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-45, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-45, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-45, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-45, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-45, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-45, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-45, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-45, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-45, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-45, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-45, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-45, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-45, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-45, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-45, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-45, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-45, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-45, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-45, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-45, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-45, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-45, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-45, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-45, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-45, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-45, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-45, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-45, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-45, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-45, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-45, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-45, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-45, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-45, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-45, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-45, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-45, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-45, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-45, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-45, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-45, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-45 { background-image: url("images/cards/Card45.png"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-46, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-46, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-46, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-46, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-46, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-46, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-46, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-46, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-46, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-46, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-46, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-46, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-46, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-46, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-46, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-46, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-46, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-46, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-46, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-46, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-46, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-46, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-46, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-46, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-46, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-46, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-46, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-46, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-46, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-46, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-46, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-46, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-46, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-46, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-46, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-46, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-46, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-46, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-46, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-46, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-46, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-46, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-46 { background-image: url("images/cards/Card46.JPG"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-47, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-47, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-47, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-47, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-47, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-47, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-47, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-47, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-47, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-47, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-47, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-47, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-47, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-47, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-47, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-47, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-47, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-47, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-47, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-47, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-47, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-47, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-47, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-47, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-47, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-47, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-47, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-47, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-47, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-47, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-47, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-47, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-47, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-47, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-47, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-47, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-47, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-47, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-47, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-47, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-47, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-47, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-47 { background-image: url("images/cards/Card47.JPG"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-48, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-48, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-48, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-48, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-48, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-48, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-48, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-48, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-48, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-48, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-48, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-48, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-48, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-48, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-48, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-48, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-48, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-48, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-48, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-48, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-48, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-48, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-48, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-48, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-48, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-48, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-48, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-48, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-48, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-48, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-48, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-48, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-48, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-48, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-48, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-48, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-48, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-48, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-48, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-48, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-48, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-48, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-48 { background-image: url("images/cards/Card48.JPG"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-49, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-49, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-49, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-49, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-49, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-49, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-49, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-49, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-49, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-49, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-49, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-49, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-49, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-49, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-49, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-49, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-49, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-49, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-49, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-49, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-49, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-49, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-49, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-49, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-49, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-49, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-49, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-49, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-49, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-49, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-49, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-49, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-49, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-49, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-49, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-49, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-49, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-49, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-49, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-49, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-49, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-49, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-49 { background-image: url("images/cards/Card49.JPG"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-91, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-91, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-91, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-91, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-91, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-91, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-91, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-91, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-91, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-91, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-91, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-91, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-91, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-91, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-91, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-91, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-91, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-91, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-91, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-91, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-91, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-91, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-91, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-91, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-91, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-91, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-91, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-91, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-91, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-91, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-91, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-91, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-91, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-91, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-91, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-91, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-91, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-91, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-91, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-91, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-91, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-91, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-91 { background-image: url("images/cards/Card91.JPG"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-211, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-211, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-211, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-211, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-211, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-211, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-211, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-211, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-211, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-211, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-211, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-211, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-211, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-211, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-211, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-211, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-211, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-211, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-211, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-211, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-211, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-211, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-211, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-211, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-211, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-211, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-211, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-211, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-211, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-211, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-211, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-211, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-211, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-211, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-211, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-211, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-211, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-211, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-211, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-211, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-211, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-211, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-211 { background-image: url("images/cards/Card211.JPG"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-212, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-212, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-212, .accountTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico.card-212, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-212, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-212, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-212, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-212, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-212, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-212, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-212, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-212, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-212, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-212, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-212, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-212, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-212, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-212, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-212, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-212, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-212, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-212, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-212, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-212, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-212, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-212, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-212, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-212, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-212, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-212, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-212, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-212, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-212, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-212, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-212, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-212, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-212, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-212, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-212, .changePassword .popup-ammount-wrapper .card-detail-popup-ico.card-212, .loanAnnuityDetail .popup-ammount-wrapper .card-detail-popup-ico.card-212, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-detail-popup-ico.card-212, .paymentToMobile .popup-ammount-wrapper .card-detail-popup-ico.card-212 { background-image: url("images/cards/Card212.JPG"); } .unusedCheques .popup-ammount-wrapper .card-turnover-detail-ico, .accountDetailsPopup .popup-ammount-wrapper .card-turnover-detail-ico, .cardDetailsPopup .popup-ammount-wrapper .card-turnover-detail-ico, .accountTurnoverDetail .popup-ammount-wrapper .card-turnover-detail-ico, .cardTurnoverDetails .popup-ammount-wrapper .card-turnover-detail-ico, .loanDetailsPopup .popup-ammount-wrapper .card-turnover-detail-ico, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-turnover-detail-ico, .orderSendingDetailsPopup .popup-ammount-wrapper .card-turnover-detail-ico, .repaymentDetails .popup-ammount-wrapper .card-turnover-detail-ico, .reservedFundsCard .popup-ammount-wrapper .card-turnover-detail-ico, .depositBalance .popup-ammount-wrapper .card-turnover-detail-ico, .newMessageDialog .popup-ammount-wrapper .card-turnover-detail-ico, .accountsList .popup-ammount-wrapper .card-turnover-detail-ico, .annuityDetails .popup-ammount-wrapper .card-turnover-detail-ico, .reservedFundsSlider .popup-ammount-wrapper .card-turnover-detail-ico, .read-messages-list .popup-ammount-wrapper .card-turnover-detail-ico, .reservedFunds .popup-ammount-wrapper .card-turnover-detail-ico, .installmentsList .popup-ammount-wrapper .card-turnover-detail-ico, .TransactionDetails .popup-ammount-wrapper .card-turnover-detail-ico, .paymentOverviewDetails .popup-ammount-wrapper .card-turnover-detail-ico, .fastPaymentDialog .popup-ammount-wrapper .card-turnover-detail-ico, .exchangeDetailsPopup .popup-ammount-wrapper .card-turnover-detail-ico, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-turnover-detail-ico, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-turnover-detail-ico, .crontoDialog .popup-ammount-wrapper .card-turnover-detail-ico, .inflowsManaging .popup-ammount-wrapper .card-turnover-detail-ico, .createUserAccountDialog .popup-ammount-wrapper .card-turnover-detail-ico, .creditorTemplateDialog .popup-ammount-wrapper .card-turnover-detail-ico, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-turnover-detail-ico, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-turnover-detail-ico, .packageSelectDialog .popup-ammount-wrapper .card-turnover-detail-ico, .languageSelectDialog .popup-ammount-wrapper .card-turnover-detail-ico, .debitAccountSelectDialog .popup-ammount-wrapper .card-turnover-detail-ico, .domesticDialog .popup-ammount-wrapper .card-turnover-detail-ico, .domesticPublicDialog .popup-ammount-wrapper .card-turnover-detail-ico, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-turnover-detail-ico, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-turnover-detail-ico, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-turnover-detail-ico, .depositDetailPopup .popup-ammount-wrapper .card-turnover-detail-ico, .changePassword .popup-ammount-wrapper .card-turnover-detail-ico, .loanAnnuityDetail .popup-ammount-wrapper .card-turnover-detail-ico, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-turnover-detail-ico, .paymentToMobile .popup-ammount-wrapper .card-turnover-detail-ico { width: 60px; height: 60px; border-radius: 20px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); margin: auto; margin-bottom: 20px; } .unusedCheques .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .accountDetailsPopup .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .cardDetailsPopup .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .accountTurnoverDetail .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .cardTurnoverDetails .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .loanDetailsPopup .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .orderSendingDetailsPopup .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .repaymentDetails .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .reservedFundsCard .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .depositBalance .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .newMessageDialog .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .accountsList .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .annuityDetails .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .reservedFundsSlider .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .read-messages-list .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .reservedFunds .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .installmentsList .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .TransactionDetails .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .paymentOverviewDetails .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .fastPaymentDialog .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .exchangeDetailsPopup .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .crontoDialog .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .inflowsManaging .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .createUserAccountDialog .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .creditorTemplateDialog .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .packageSelectDialog .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .languageSelectDialog .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .debitAccountSelectDialog .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .domesticDialog .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .domesticPublicDialog .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .depositDetailPopup .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .changePassword .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .loanAnnuityDetail .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .p2pPaymentCommissionDialog .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico, .paymentToMobile .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico { position: absolute; width: 28px; height: 28px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .unusedCheques .popup-ammount-wrapper .turnover-detail-ico, .accountDetailsPopup .popup-ammount-wrapper .turnover-detail-ico, .cardDetailsPopup .popup-ammount-wrapper .turnover-detail-ico, .accountTurnoverDetail .popup-ammount-wrapper .turnover-detail-ico, .cardTurnoverDetails .popup-ammount-wrapper .turnover-detail-ico, .loanDetailsPopup .popup-ammount-wrapper .turnover-detail-ico, .domesticOrderDetailsPopup .popup-ammount-wrapper .turnover-detail-ico, .orderSendingDetailsPopup .popup-ammount-wrapper .turnover-detail-ico, .repaymentDetails .popup-ammount-wrapper .turnover-detail-ico, .reservedFundsCard .popup-ammount-wrapper .turnover-detail-ico, .depositBalance .popup-ammount-wrapper .turnover-detail-ico, .newMessageDialog .popup-ammount-wrapper .turnover-detail-ico, .accountsList .popup-ammount-wrapper .turnover-detail-ico, .annuityDetails .popup-ammount-wrapper .turnover-detail-ico, .reservedFundsSlider .popup-ammount-wrapper .turnover-detail-ico, .read-messages-list .popup-ammount-wrapper .turnover-detail-ico, .reservedFunds .popup-ammount-wrapper .turnover-detail-ico, .installmentsList .popup-ammount-wrapper .turnover-detail-ico, .TransactionDetails .popup-ammount-wrapper .turnover-detail-ico, .paymentOverviewDetails .popup-ammount-wrapper .turnover-detail-ico, .fastPaymentDialog .popup-ammount-wrapper .turnover-detail-ico, .exchangeDetailsPopup .popup-ammount-wrapper .turnover-detail-ico, .exchangeDetailsServerPopup .popup-ammount-wrapper .turnover-detail-ico, .signatureCommissionDialogPopup .popup-ammount-wrapper .turnover-detail-ico, .crontoDialog .popup-ammount-wrapper .turnover-detail-ico, .inflowsManaging .popup-ammount-wrapper .turnover-detail-ico, .createUserAccountDialog .popup-ammount-wrapper .turnover-detail-ico, .creditorTemplateDialog .popup-ammount-wrapper .turnover-detail-ico, .creditorTemplateForeignDialog .popup-ammount-wrapper .turnover-detail-ico, .creditorTemplateDialogPublic .popup-ammount-wrapper .turnover-detail-ico, .packageSelectDialog .popup-ammount-wrapper .turnover-detail-ico, .languageSelectDialog .popup-ammount-wrapper .turnover-detail-ico, .debitAccountSelectDialog .popup-ammount-wrapper .turnover-detail-ico, .domesticDialog .popup-ammount-wrapper .turnover-detail-ico, .domesticPublicDialog .popup-ammount-wrapper .turnover-detail-ico, .creditorTemplateDialogPopup .popup-ammount-wrapper .turnover-detail-ico, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .turnover-detail-ico, .exchangeConfirmationViewPopup .popup-ammount-wrapper .turnover-detail-ico, .depositDetailPopup .popup-ammount-wrapper .turnover-detail-ico, .changePassword .popup-ammount-wrapper .turnover-detail-ico, .loanAnnuityDetail .popup-ammount-wrapper .turnover-detail-ico, .p2pPaymentCommissionDialog .popup-ammount-wrapper .turnover-detail-ico, .paymentToMobile .popup-ammount-wrapper .turnover-detail-ico { width: 60px; height: 60px; border-radius: 20px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); margin: auto; margin-bottom: 20px; } .unusedCheques .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .accountDetailsPopup .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .cardDetailsPopup .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .accountTurnoverDetail .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .cardTurnoverDetails .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .loanDetailsPopup .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .domesticOrderDetailsPopup .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .orderSendingDetailsPopup .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .repaymentDetails .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .reservedFundsCard .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .depositBalance .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .newMessageDialog .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .accountsList .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .annuityDetails .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .reservedFundsSlider .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .read-messages-list .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .reservedFunds .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .installmentsList .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .TransactionDetails .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .paymentOverviewDetails .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .fastPaymentDialog .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .exchangeDetailsPopup .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .exchangeDetailsServerPopup .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .signatureCommissionDialogPopup .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .crontoDialog .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .inflowsManaging .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .createUserAccountDialog .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .creditorTemplateDialog .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .creditorTemplateForeignDialog .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .creditorTemplateDialogPublic .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .packageSelectDialog .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .languageSelectDialog .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .debitAccountSelectDialog .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .domesticDialog .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .domesticPublicDialog .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .creditorTemplateDialogPopup .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .exchangeConfirmationViewPopup .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .depositDetailPopup .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .changePassword .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .loanAnnuityDetail .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .p2pPaymentCommissionDialog .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico, .paymentToMobile .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico { position: absolute; width: 28px; height: 28px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .unusedCheques .popup-ammount-wrapper h3, .accountDetailsPopup .popup-ammount-wrapper h3, .cardDetailsPopup .popup-ammount-wrapper h3, .accountTurnoverDetail .popup-ammount-wrapper h3, .cardTurnoverDetails .popup-ammount-wrapper h3, .loanDetailsPopup .popup-ammount-wrapper h3, .domesticOrderDetailsPopup .popup-ammount-wrapper h3, .orderSendingDetailsPopup .popup-ammount-wrapper h3, .repaymentDetails .popup-ammount-wrapper h3, .reservedFundsCard .popup-ammount-wrapper h3, .depositBalance .popup-ammount-wrapper h3, .newMessageDialog .popup-ammount-wrapper h3, .accountsList .popup-ammount-wrapper h3, .annuityDetails .popup-ammount-wrapper h3, .reservedFundsSlider .popup-ammount-wrapper h3, .read-messages-list .popup-ammount-wrapper h3, .reservedFunds .popup-ammount-wrapper h3, .installmentsList .popup-ammount-wrapper h3, .TransactionDetails .popup-ammount-wrapper h3, .paymentOverviewDetails .popup-ammount-wrapper h3, .fastPaymentDialog .popup-ammount-wrapper h3, .exchangeDetailsPopup .popup-ammount-wrapper h3, .exchangeDetailsServerPopup .popup-ammount-wrapper h3, .signatureCommissionDialogPopup .popup-ammount-wrapper h3, .crontoDialog .popup-ammount-wrapper h3, .inflowsManaging .popup-ammount-wrapper h3, .createUserAccountDialog .popup-ammount-wrapper h3, .creditorTemplateDialog .popup-ammount-wrapper h3, .creditorTemplateForeignDialog .popup-ammount-wrapper h3, .creditorTemplateDialogPublic .popup-ammount-wrapper h3, .packageSelectDialog .popup-ammount-wrapper h3, .languageSelectDialog .popup-ammount-wrapper h3, .debitAccountSelectDialog .popup-ammount-wrapper h3, .domesticDialog .popup-ammount-wrapper h3, .domesticPublicDialog .popup-ammount-wrapper h3, .creditorTemplateDialogPopup .popup-ammount-wrapper h3, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper h3, .exchangeConfirmationViewPopup .popup-ammount-wrapper h3, .depositDetailPopup .popup-ammount-wrapper h3, .changePassword .popup-ammount-wrapper h3, .loanAnnuityDetail .popup-ammount-wrapper h3, .p2pPaymentCommissionDialog .popup-ammount-wrapper h3, .paymentToMobile .popup-ammount-wrapper h3 { font-size: 30px; margin-bottom: 0; font-weight: bold; } .unusedCheques .transaction-popup-detail, .accountDetailsPopup .transaction-popup-detail, .cardDetailsPopup .transaction-popup-detail, .accountTurnoverDetail .transaction-popup-detail, .cardTurnoverDetails .transaction-popup-detail, .loanDetailsPopup .transaction-popup-detail, .domesticOrderDetailsPopup .transaction-popup-detail, .orderSendingDetailsPopup .transaction-popup-detail, .repaymentDetails .transaction-popup-detail, .reservedFundsCard .transaction-popup-detail, .depositBalance .transaction-popup-detail, .newMessageDialog .transaction-popup-detail, .accountsList .transaction-popup-detail, .annuityDetails .transaction-popup-detail, .reservedFundsSlider .transaction-popup-detail, .read-messages-list .transaction-popup-detail, .reservedFunds .transaction-popup-detail, .installmentsList .transaction-popup-detail, .TransactionDetails .transaction-popup-detail, .paymentOverviewDetails .transaction-popup-detail, .fastPaymentDialog .transaction-popup-detail, .exchangeDetailsPopup .transaction-popup-detail, .exchangeDetailsServerPopup .transaction-popup-detail, .signatureCommissionDialogPopup .transaction-popup-detail, .crontoDialog .transaction-popup-detail, .inflowsManaging .transaction-popup-detail, .createUserAccountDialog .transaction-popup-detail, .creditorTemplateDialog .transaction-popup-detail, .creditorTemplateForeignDialog .transaction-popup-detail, .creditorTemplateDialogPublic .transaction-popup-detail, .packageSelectDialog .transaction-popup-detail, .languageSelectDialog .transaction-popup-detail, .debitAccountSelectDialog .transaction-popup-detail, .domesticDialog .transaction-popup-detail, .domesticPublicDialog .transaction-popup-detail, .creditorTemplateDialogPopup .transaction-popup-detail, .exchangeConfirmationServerViewPopup .transaction-popup-detail, .exchangeConfirmationViewPopup .transaction-popup-detail, .depositDetailPopup .transaction-popup-detail, .changePassword .transaction-popup-detail, .loanAnnuityDetail .transaction-popup-detail, .p2pPaymentCommissionDialog .transaction-popup-detail, .paymentToMobile .transaction-popup-detail { position: relative; padding-right: 60px; } .unusedCheques .transaction-popup-detail .detail-border-3, .accountDetailsPopup .transaction-popup-detail .detail-border-3, .cardDetailsPopup .transaction-popup-detail .detail-border-3, .accountTurnoverDetail .transaction-popup-detail .detail-border-3, .cardTurnoverDetails .transaction-popup-detail .detail-border-3, .loanDetailsPopup .transaction-popup-detail .detail-border-3, .domesticOrderDetailsPopup .transaction-popup-detail .detail-border-3, .orderSendingDetailsPopup .transaction-popup-detail .detail-border-3, .repaymentDetails .transaction-popup-detail .detail-border-3, .reservedFundsCard .transaction-popup-detail .detail-border-3, .depositBalance .transaction-popup-detail .detail-border-3, .newMessageDialog .transaction-popup-detail .detail-border-3, .accountsList .transaction-popup-detail .detail-border-3, .annuityDetails .transaction-popup-detail .detail-border-3, .reservedFundsSlider .transaction-popup-detail .detail-border-3, .read-messages-list .transaction-popup-detail .detail-border-3, .reservedFunds .transaction-popup-detail .detail-border-3, .installmentsList .transaction-popup-detail .detail-border-3, .TransactionDetails .transaction-popup-detail .detail-border-3, .paymentOverviewDetails .transaction-popup-detail .detail-border-3, .fastPaymentDialog .transaction-popup-detail .detail-border-3, .exchangeDetailsPopup .transaction-popup-detail .detail-border-3, .exchangeDetailsServerPopup .transaction-popup-detail .detail-border-3, .signatureCommissionDialogPopup .transaction-popup-detail .detail-border-3, .crontoDialog .transaction-popup-detail .detail-border-3, .inflowsManaging .transaction-popup-detail .detail-border-3, .createUserAccountDialog .transaction-popup-detail .detail-border-3, .creditorTemplateDialog .transaction-popup-detail .detail-border-3, .creditorTemplateForeignDialog .transaction-popup-detail .detail-border-3, .creditorTemplateDialogPublic .transaction-popup-detail .detail-border-3, .packageSelectDialog .transaction-popup-detail .detail-border-3, .languageSelectDialog .transaction-popup-detail .detail-border-3, .debitAccountSelectDialog .transaction-popup-detail .detail-border-3, .domesticDialog .transaction-popup-detail .detail-border-3, .domesticPublicDialog .transaction-popup-detail .detail-border-3, .creditorTemplateDialogPopup .transaction-popup-detail .detail-border-3, .exchangeConfirmationServerViewPopup .transaction-popup-detail .detail-border-3, .exchangeConfirmationViewPopup .transaction-popup-detail .detail-border-3, .depositDetailPopup .transaction-popup-detail .detail-border-3, .changePassword .transaction-popup-detail .detail-border-3, .loanAnnuityDetail .transaction-popup-detail .detail-border-3, .p2pPaymentCommissionDialog .transaction-popup-detail .detail-border-3, .paymentToMobile .transaction-popup-detail .detail-border-3 { transition: all .5; border-radius: 20px; } .unusedCheques .transaction-popup-detail:hover .detail-border-3, .accountDetailsPopup .transaction-popup-detail:hover .detail-border-3, .cardDetailsPopup .transaction-popup-detail:hover .detail-border-3, .accountTurnoverDetail .transaction-popup-detail:hover .detail-border-3, .cardTurnoverDetails .transaction-popup-detail:hover .detail-border-3, .loanDetailsPopup .transaction-popup-detail:hover .detail-border-3, .domesticOrderDetailsPopup .transaction-popup-detail:hover .detail-border-3, .orderSendingDetailsPopup .transaction-popup-detail:hover .detail-border-3, .repaymentDetails .transaction-popup-detail:hover .detail-border-3, .reservedFundsCard .transaction-popup-detail:hover .detail-border-3, .depositBalance .transaction-popup-detail:hover .detail-border-3, .newMessageDialog .transaction-popup-detail:hover .detail-border-3, .accountsList .transaction-popup-detail:hover .detail-border-3, .annuityDetails .transaction-popup-detail:hover .detail-border-3, .reservedFundsSlider .transaction-popup-detail:hover .detail-border-3, .read-messages-list .transaction-popup-detail:hover .detail-border-3, .reservedFunds .transaction-popup-detail:hover .detail-border-3, .installmentsList .transaction-popup-detail:hover .detail-border-3, .TransactionDetails .transaction-popup-detail:hover .detail-border-3, .paymentOverviewDetails .transaction-popup-detail:hover .detail-border-3, .fastPaymentDialog .transaction-popup-detail:hover .detail-border-3, .exchangeDetailsPopup .transaction-popup-detail:hover .detail-border-3, .exchangeDetailsServerPopup .transaction-popup-detail:hover .detail-border-3, .signatureCommissionDialogPopup .transaction-popup-detail:hover .detail-border-3, .crontoDialog .transaction-popup-detail:hover .detail-border-3, .inflowsManaging .transaction-popup-detail:hover .detail-border-3, .createUserAccountDialog .transaction-popup-detail:hover .detail-border-3, .creditorTemplateDialog .transaction-popup-detail:hover .detail-border-3, .creditorTemplateForeignDialog .transaction-popup-detail:hover .detail-border-3, .creditorTemplateDialogPublic .transaction-popup-detail:hover .detail-border-3, .packageSelectDialog .transaction-popup-detail:hover .detail-border-3, .languageSelectDialog .transaction-popup-detail:hover .detail-border-3, .debitAccountSelectDialog .transaction-popup-detail:hover .detail-border-3, .domesticDialog .transaction-popup-detail:hover .detail-border-3, .domesticPublicDialog .transaction-popup-detail:hover .detail-border-3, .creditorTemplateDialogPopup .transaction-popup-detail:hover .detail-border-3, .exchangeConfirmationServerViewPopup .transaction-popup-detail:hover .detail-border-3, .exchangeConfirmationViewPopup .transaction-popup-detail:hover .detail-border-3, .depositDetailPopup .transaction-popup-detail:hover .detail-border-3, .changePassword .transaction-popup-detail:hover .detail-border-3, .loanAnnuityDetail .transaction-popup-detail:hover .detail-border-3, .p2pPaymentCommissionDialog .transaction-popup-detail:hover .detail-border-3, .paymentToMobile .transaction-popup-detail:hover .detail-border-3 { background-color: #52ae30; } .unusedCheques .transaction-popup-detail:hover .main-nav-link-ico-svg, .accountDetailsPopup .transaction-popup-detail:hover .main-nav-link-ico-svg, .cardDetailsPopup .transaction-popup-detail:hover .main-nav-link-ico-svg, .accountTurnoverDetail .transaction-popup-detail:hover .main-nav-link-ico-svg, .cardTurnoverDetails .transaction-popup-detail:hover .main-nav-link-ico-svg, .loanDetailsPopup .transaction-popup-detail:hover .main-nav-link-ico-svg, .domesticOrderDetailsPopup .transaction-popup-detail:hover .main-nav-link-ico-svg, .orderSendingDetailsPopup .transaction-popup-detail:hover .main-nav-link-ico-svg, .repaymentDetails .transaction-popup-detail:hover .main-nav-link-ico-svg, .reservedFundsCard .transaction-popup-detail:hover .main-nav-link-ico-svg, .depositBalance .transaction-popup-detail:hover .main-nav-link-ico-svg, .newMessageDialog .transaction-popup-detail:hover .main-nav-link-ico-svg, .accountsList .transaction-popup-detail:hover .main-nav-link-ico-svg, .annuityDetails .transaction-popup-detail:hover .main-nav-link-ico-svg, .reservedFundsSlider .transaction-popup-detail:hover .main-nav-link-ico-svg, .read-messages-list .transaction-popup-detail:hover .main-nav-link-ico-svg, .reservedFunds .transaction-popup-detail:hover .main-nav-link-ico-svg, .installmentsList .transaction-popup-detail:hover .main-nav-link-ico-svg, .TransactionDetails .transaction-popup-detail:hover .main-nav-link-ico-svg, .paymentOverviewDetails .transaction-popup-detail:hover .main-nav-link-ico-svg, .fastPaymentDialog .transaction-popup-detail:hover .main-nav-link-ico-svg, .exchangeDetailsPopup .transaction-popup-detail:hover .main-nav-link-ico-svg, .exchangeDetailsServerPopup .transaction-popup-detail:hover .main-nav-link-ico-svg, .signatureCommissionDialogPopup .transaction-popup-detail:hover .main-nav-link-ico-svg, .crontoDialog .transaction-popup-detail:hover .main-nav-link-ico-svg, .inflowsManaging .transaction-popup-detail:hover .main-nav-link-ico-svg, .createUserAccountDialog .transaction-popup-detail:hover .main-nav-link-ico-svg, .creditorTemplateDialog .transaction-popup-detail:hover .main-nav-link-ico-svg, .creditorTemplateForeignDialog .transaction-popup-detail:hover .main-nav-link-ico-svg, .creditorTemplateDialogPublic .transaction-popup-detail:hover .main-nav-link-ico-svg, .packageSelectDialog .transaction-popup-detail:hover .main-nav-link-ico-svg, .languageSelectDialog .transaction-popup-detail:hover .main-nav-link-ico-svg, .debitAccountSelectDialog .transaction-popup-detail:hover .main-nav-link-ico-svg, .domesticDialog .transaction-popup-detail:hover .main-nav-link-ico-svg, .domesticPublicDialog .transaction-popup-detail:hover .main-nav-link-ico-svg, .creditorTemplateDialogPopup .transaction-popup-detail:hover .main-nav-link-ico-svg, .exchangeConfirmationServerViewPopup .transaction-popup-detail:hover .main-nav-link-ico-svg, .exchangeConfirmationViewPopup .transaction-popup-detail:hover .main-nav-link-ico-svg, .depositDetailPopup .transaction-popup-detail:hover .main-nav-link-ico-svg, .changePassword .transaction-popup-detail:hover .main-nav-link-ico-svg, .loanAnnuityDetail .transaction-popup-detail:hover .main-nav-link-ico-svg, .p2pPaymentCommissionDialog .transaction-popup-detail:hover .main-nav-link-ico-svg, .paymentToMobile .transaction-popup-detail:hover .main-nav-link-ico-svg { transition: all .5; stroke: white; } .unusedCheques .transaction-popup-detail .dot-menu, .accountDetailsPopup .transaction-popup-detail .dot-menu, .cardDetailsPopup .transaction-popup-detail .dot-menu, .accountTurnoverDetail .transaction-popup-detail .dot-menu, .cardTurnoverDetails .transaction-popup-detail .dot-menu, .loanDetailsPopup .transaction-popup-detail .dot-menu, .domesticOrderDetailsPopup .transaction-popup-detail .dot-menu, .orderSendingDetailsPopup .transaction-popup-detail .dot-menu, .repaymentDetails .transaction-popup-detail .dot-menu, .reservedFundsCard .transaction-popup-detail .dot-menu, .depositBalance .transaction-popup-detail .dot-menu, .newMessageDialog .transaction-popup-detail .dot-menu, .accountsList .transaction-popup-detail .dot-menu, .annuityDetails .transaction-popup-detail .dot-menu, .reservedFundsSlider .transaction-popup-detail .dot-menu, .read-messages-list .transaction-popup-detail .dot-menu, .reservedFunds .transaction-popup-detail .dot-menu, .installmentsList .transaction-popup-detail .dot-menu, .TransactionDetails .transaction-popup-detail .dot-menu, .paymentOverviewDetails .transaction-popup-detail .dot-menu, .fastPaymentDialog .transaction-popup-detail .dot-menu, .exchangeDetailsPopup .transaction-popup-detail .dot-menu, .exchangeDetailsServerPopup .transaction-popup-detail .dot-menu, .signatureCommissionDialogPopup .transaction-popup-detail .dot-menu, .crontoDialog .transaction-popup-detail .dot-menu, .inflowsManaging .transaction-popup-detail .dot-menu, .createUserAccountDialog .transaction-popup-detail .dot-menu, .creditorTemplateDialog .transaction-popup-detail .dot-menu, .creditorTemplateForeignDialog .transaction-popup-detail .dot-menu, .creditorTemplateDialogPublic .transaction-popup-detail .dot-menu, .packageSelectDialog .transaction-popup-detail .dot-menu, .languageSelectDialog .transaction-popup-detail .dot-menu, .debitAccountSelectDialog .transaction-popup-detail .dot-menu, .domesticDialog .transaction-popup-detail .dot-menu, .domesticPublicDialog .transaction-popup-detail .dot-menu, .creditorTemplateDialogPopup .transaction-popup-detail .dot-menu, .exchangeConfirmationServerViewPopup .transaction-popup-detail .dot-menu, .exchangeConfirmationViewPopup .transaction-popup-detail .dot-menu, .depositDetailPopup .transaction-popup-detail .dot-menu, .changePassword .transaction-popup-detail .dot-menu, .loanAnnuityDetail .transaction-popup-detail .dot-menu, .p2pPaymentCommissionDialog .transaction-popup-detail .dot-menu, .paymentToMobile .transaction-popup-detail .dot-menu { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .unusedCheques .transaction-popup-detail .dot-menu.installmentsList, .unusedCheques .transaction-popup-detail .dot-menu.reservedFunds, .accountDetailsPopup .transaction-popup-detail .dot-menu.installmentsList, .accountDetailsPopup .transaction-popup-detail .dot-menu.reservedFunds, .cardDetailsPopup .transaction-popup-detail .dot-menu.installmentsList, .cardDetailsPopup .transaction-popup-detail .dot-menu.reservedFunds, .accountTurnoverDetail .transaction-popup-detail .dot-menu.installmentsList, .accountTurnoverDetail .transaction-popup-detail .dot-menu.reservedFunds, .cardTurnoverDetails .transaction-popup-detail .dot-menu.installmentsList, .cardTurnoverDetails .transaction-popup-detail .dot-menu.reservedFunds, .loanDetailsPopup .transaction-popup-detail .dot-menu.installmentsList, .loanDetailsPopup .transaction-popup-detail .dot-menu.reservedFunds, .domesticOrderDetailsPopup .transaction-popup-detail .dot-menu.installmentsList, .domesticOrderDetailsPopup .transaction-popup-detail .dot-menu.reservedFunds, .orderSendingDetailsPopup .transaction-popup-detail .dot-menu.installmentsList, .orderSendingDetailsPopup .transaction-popup-detail .dot-menu.reservedFunds, .repaymentDetails .transaction-popup-detail .dot-menu.installmentsList, .repaymentDetails .transaction-popup-detail .dot-menu.reservedFunds, .reservedFundsCard .transaction-popup-detail .dot-menu.installmentsList, .reservedFundsCard .transaction-popup-detail .dot-menu.reservedFunds, .depositBalance .transaction-popup-detail .dot-menu.installmentsList, .depositBalance .transaction-popup-detail .dot-menu.reservedFunds, .newMessageDialog .transaction-popup-detail .dot-menu.installmentsList, .newMessageDialog .transaction-popup-detail .dot-menu.reservedFunds, .accountsList .transaction-popup-detail .dot-menu.installmentsList, .accountsList .transaction-popup-detail .dot-menu.reservedFunds, .annuityDetails .transaction-popup-detail .dot-menu.installmentsList, .annuityDetails .transaction-popup-detail .dot-menu.reservedFunds, .reservedFundsSlider .transaction-popup-detail .dot-menu.installmentsList, .reservedFundsSlider .transaction-popup-detail .dot-menu.reservedFunds, .read-messages-list .transaction-popup-detail .dot-menu.installmentsList, .read-messages-list .transaction-popup-detail .dot-menu.reservedFunds, .reservedFunds .transaction-popup-detail .dot-menu.installmentsList, .reservedFunds .transaction-popup-detail .dot-menu.reservedFunds, .installmentsList .transaction-popup-detail .dot-menu.installmentsList, .installmentsList .transaction-popup-detail .dot-menu.reservedFunds, .TransactionDetails .transaction-popup-detail .dot-menu.installmentsList, .TransactionDetails .transaction-popup-detail .dot-menu.reservedFunds, .paymentOverviewDetails .transaction-popup-detail .dot-menu.installmentsList, .paymentOverviewDetails .transaction-popup-detail .dot-menu.reservedFunds, .fastPaymentDialog .transaction-popup-detail .dot-menu.installmentsList, .fastPaymentDialog .transaction-popup-detail .dot-menu.reservedFunds, .exchangeDetailsPopup .transaction-popup-detail .dot-menu.installmentsList, .exchangeDetailsPopup .transaction-popup-detail .dot-menu.reservedFunds, .exchangeDetailsServerPopup .transaction-popup-detail .dot-menu.installmentsList, .exchangeDetailsServerPopup .transaction-popup-detail .dot-menu.reservedFunds, .signatureCommissionDialogPopup .transaction-popup-detail .dot-menu.installmentsList, .signatureCommissionDialogPopup .transaction-popup-detail .dot-menu.reservedFunds, .crontoDialog .transaction-popup-detail .dot-menu.installmentsList, .crontoDialog .transaction-popup-detail .dot-menu.reservedFunds, .inflowsManaging .transaction-popup-detail .dot-menu.installmentsList, .inflowsManaging .transaction-popup-detail .dot-menu.reservedFunds, .createUserAccountDialog .transaction-popup-detail .dot-menu.installmentsList, .createUserAccountDialog .transaction-popup-detail .dot-menu.reservedFunds, .creditorTemplateDialog .transaction-popup-detail .dot-menu.installmentsList, .creditorTemplateDialog .transaction-popup-detail .dot-menu.reservedFunds, .creditorTemplateForeignDialog .transaction-popup-detail .dot-menu.installmentsList, .creditorTemplateForeignDialog .transaction-popup-detail .dot-menu.reservedFunds, .creditorTemplateDialogPublic .transaction-popup-detail .dot-menu.installmentsList, .creditorTemplateDialogPublic .transaction-popup-detail .dot-menu.reservedFunds, .packageSelectDialog .transaction-popup-detail .dot-menu.installmentsList, .packageSelectDialog .transaction-popup-detail .dot-menu.reservedFunds, .languageSelectDialog .transaction-popup-detail .dot-menu.installmentsList, .languageSelectDialog .transaction-popup-detail .dot-menu.reservedFunds, .debitAccountSelectDialog .transaction-popup-detail .dot-menu.installmentsList, .debitAccountSelectDialog .transaction-popup-detail .dot-menu.reservedFunds, .domesticDialog .transaction-popup-detail .dot-menu.installmentsList, .domesticDialog .transaction-popup-detail .dot-menu.reservedFunds, .domesticPublicDialog .transaction-popup-detail .dot-menu.installmentsList, .domesticPublicDialog .transaction-popup-detail .dot-menu.reservedFunds, .creditorTemplateDialogPopup .transaction-popup-detail .dot-menu.installmentsList, .creditorTemplateDialogPopup .transaction-popup-detail .dot-menu.reservedFunds, .exchangeConfirmationServerViewPopup .transaction-popup-detail .dot-menu.installmentsList, .exchangeConfirmationServerViewPopup .transaction-popup-detail .dot-menu.reservedFunds, .exchangeConfirmationViewPopup .transaction-popup-detail .dot-menu.installmentsList, .exchangeConfirmationViewPopup .transaction-popup-detail .dot-menu.reservedFunds, .depositDetailPopup .transaction-popup-detail .dot-menu.installmentsList, .depositDetailPopup .transaction-popup-detail .dot-menu.reservedFunds, .changePassword .transaction-popup-detail .dot-menu.installmentsList, .changePassword .transaction-popup-detail .dot-menu.reservedFunds, .loanAnnuityDetail .transaction-popup-detail .dot-menu.installmentsList, .loanAnnuityDetail .transaction-popup-detail .dot-menu.reservedFunds, .p2pPaymentCommissionDialog .transaction-popup-detail .dot-menu.installmentsList, .p2pPaymentCommissionDialog .transaction-popup-detail .dot-menu.reservedFunds, .paymentToMobile .transaction-popup-detail .dot-menu.installmentsList, .paymentToMobile .transaction-popup-detail .dot-menu.reservedFunds { border: none; padding: 0; padding-top: 5px !important; } .unusedCheques .transaction-popup-detail .page-text.Blocked, .accountDetailsPopup .transaction-popup-detail .page-text.Blocked, .cardDetailsPopup .transaction-popup-detail .page-text.Blocked, .accountTurnoverDetail .transaction-popup-detail .page-text.Blocked, .cardTurnoverDetails .transaction-popup-detail .page-text.Blocked, .loanDetailsPopup .transaction-popup-detail .page-text.Blocked, .domesticOrderDetailsPopup .transaction-popup-detail .page-text.Blocked, .orderSendingDetailsPopup .transaction-popup-detail .page-text.Blocked, .repaymentDetails .transaction-popup-detail .page-text.Blocked, .reservedFundsCard .transaction-popup-detail .page-text.Blocked, .depositBalance .transaction-popup-detail .page-text.Blocked, .newMessageDialog .transaction-popup-detail .page-text.Blocked, .accountsList .transaction-popup-detail .page-text.Blocked, .annuityDetails .transaction-popup-detail .page-text.Blocked, .reservedFundsSlider .transaction-popup-detail .page-text.Blocked, .read-messages-list .transaction-popup-detail .page-text.Blocked, .reservedFunds .transaction-popup-detail .page-text.Blocked, .installmentsList .transaction-popup-detail .page-text.Blocked, .TransactionDetails .transaction-popup-detail .page-text.Blocked, .paymentOverviewDetails .transaction-popup-detail .page-text.Blocked, .fastPaymentDialog .transaction-popup-detail .page-text.Blocked, .exchangeDetailsPopup .transaction-popup-detail .page-text.Blocked, .exchangeDetailsServerPopup .transaction-popup-detail .page-text.Blocked, .signatureCommissionDialogPopup .transaction-popup-detail .page-text.Blocked, .crontoDialog .transaction-popup-detail .page-text.Blocked, .inflowsManaging .transaction-popup-detail .page-text.Blocked, .createUserAccountDialog .transaction-popup-detail .page-text.Blocked, .creditorTemplateDialog .transaction-popup-detail .page-text.Blocked, .creditorTemplateForeignDialog .transaction-popup-detail .page-text.Blocked, .creditorTemplateDialogPublic .transaction-popup-detail .page-text.Blocked, .packageSelectDialog .transaction-popup-detail .page-text.Blocked, .languageSelectDialog .transaction-popup-detail .page-text.Blocked, .debitAccountSelectDialog .transaction-popup-detail .page-text.Blocked, .domesticDialog .transaction-popup-detail .page-text.Blocked, .domesticPublicDialog .transaction-popup-detail .page-text.Blocked, .creditorTemplateDialogPopup .transaction-popup-detail .page-text.Blocked, .exchangeConfirmationServerViewPopup .transaction-popup-detail .page-text.Blocked, .exchangeConfirmationViewPopup .transaction-popup-detail .page-text.Blocked, .depositDetailPopup .transaction-popup-detail .page-text.Blocked, .changePassword .transaction-popup-detail .page-text.Blocked, .loanAnnuityDetail .transaction-popup-detail .page-text.Blocked, .p2pPaymentCommissionDialog .transaction-popup-detail .page-text.Blocked, .paymentToMobile .transaction-popup-detail .page-text.Blocked { color: red !important; } .unusedCheques .main-nav-link-ico-svg, .accountDetailsPopup .main-nav-link-ico-svg, .cardDetailsPopup .main-nav-link-ico-svg, .accountTurnoverDetail .main-nav-link-ico-svg, .cardTurnoverDetails .main-nav-link-ico-svg, .loanDetailsPopup .main-nav-link-ico-svg, .domesticOrderDetailsPopup .main-nav-link-ico-svg, .orderSendingDetailsPopup .main-nav-link-ico-svg, .repaymentDetails .main-nav-link-ico-svg, .reservedFundsCard .main-nav-link-ico-svg, .depositBalance .main-nav-link-ico-svg, .newMessageDialog .main-nav-link-ico-svg, .accountsList .main-nav-link-ico-svg, .annuityDetails .main-nav-link-ico-svg, .reservedFundsSlider .main-nav-link-ico-svg, .read-messages-list .main-nav-link-ico-svg, .reservedFunds .main-nav-link-ico-svg, .installmentsList .main-nav-link-ico-svg, .TransactionDetails .main-nav-link-ico-svg, .paymentOverviewDetails .main-nav-link-ico-svg, .fastPaymentDialog .main-nav-link-ico-svg, .exchangeDetailsPopup .main-nav-link-ico-svg, .exchangeDetailsServerPopup .main-nav-link-ico-svg, .signatureCommissionDialogPopup .main-nav-link-ico-svg, .crontoDialog .main-nav-link-ico-svg, .inflowsManaging .main-nav-link-ico-svg, .createUserAccountDialog .main-nav-link-ico-svg, .creditorTemplateDialog .main-nav-link-ico-svg, .creditorTemplateForeignDialog .main-nav-link-ico-svg, .creditorTemplateDialogPublic .main-nav-link-ico-svg, .packageSelectDialog .main-nav-link-ico-svg, .languageSelectDialog .main-nav-link-ico-svg, .debitAccountSelectDialog .main-nav-link-ico-svg, .domesticDialog .main-nav-link-ico-svg, .domesticPublicDialog .main-nav-link-ico-svg, .creditorTemplateDialogPopup .main-nav-link-ico-svg, .exchangeConfirmationServerViewPopup .main-nav-link-ico-svg, .exchangeConfirmationViewPopup .main-nav-link-ico-svg, .depositDetailPopup .main-nav-link-ico-svg, .changePassword .main-nav-link-ico-svg, .loanAnnuityDetail .main-nav-link-ico-svg, .p2pPaymentCommissionDialog .main-nav-link-ico-svg, .paymentToMobile .main-nav-link-ico-svg { position: absolute; color: rgba(0, 0, 0, 0.87); width: 26px; height: 24px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .unusedCheques .transaction-popup-option:hover .profile-text-arrow, .accountDetailsPopup .transaction-popup-option:hover .profile-text-arrow, .cardDetailsPopup .transaction-popup-option:hover .profile-text-arrow, .accountTurnoverDetail .transaction-popup-option:hover .profile-text-arrow, .cardTurnoverDetails .transaction-popup-option:hover .profile-text-arrow, .loanDetailsPopup .transaction-popup-option:hover .profile-text-arrow, .domesticOrderDetailsPopup .transaction-popup-option:hover .profile-text-arrow, .orderSendingDetailsPopup .transaction-popup-option:hover .profile-text-arrow, .repaymentDetails .transaction-popup-option:hover .profile-text-arrow, .reservedFundsCard .transaction-popup-option:hover .profile-text-arrow, .depositBalance .transaction-popup-option:hover .profile-text-arrow, .newMessageDialog .transaction-popup-option:hover .profile-text-arrow, .accountsList .transaction-popup-option:hover .profile-text-arrow, .annuityDetails .transaction-popup-option:hover .profile-text-arrow, .reservedFundsSlider .transaction-popup-option:hover .profile-text-arrow, .read-messages-list .transaction-popup-option:hover .profile-text-arrow, .reservedFunds .transaction-popup-option:hover .profile-text-arrow, .installmentsList .transaction-popup-option:hover .profile-text-arrow, .TransactionDetails .transaction-popup-option:hover .profile-text-arrow, .paymentOverviewDetails .transaction-popup-option:hover .profile-text-arrow, .fastPaymentDialog .transaction-popup-option:hover .profile-text-arrow, .exchangeDetailsPopup .transaction-popup-option:hover .profile-text-arrow, .exchangeDetailsServerPopup .transaction-popup-option:hover .profile-text-arrow, .signatureCommissionDialogPopup .transaction-popup-option:hover .profile-text-arrow, .crontoDialog .transaction-popup-option:hover .profile-text-arrow, .inflowsManaging .transaction-popup-option:hover .profile-text-arrow, .createUserAccountDialog .transaction-popup-option:hover .profile-text-arrow, .creditorTemplateDialog .transaction-popup-option:hover .profile-text-arrow, .creditorTemplateForeignDialog .transaction-popup-option:hover .profile-text-arrow, .creditorTemplateDialogPublic .transaction-popup-option:hover .profile-text-arrow, .packageSelectDialog .transaction-popup-option:hover .profile-text-arrow, .languageSelectDialog .transaction-popup-option:hover .profile-text-arrow, .debitAccountSelectDialog .transaction-popup-option:hover .profile-text-arrow, .domesticDialog .transaction-popup-option:hover .profile-text-arrow, .domesticPublicDialog .transaction-popup-option:hover .profile-text-arrow, .creditorTemplateDialogPopup .transaction-popup-option:hover .profile-text-arrow, .exchangeConfirmationServerViewPopup .transaction-popup-option:hover .profile-text-arrow, .exchangeConfirmationViewPopup .transaction-popup-option:hover .profile-text-arrow, .depositDetailPopup .transaction-popup-option:hover .profile-text-arrow, .changePassword .transaction-popup-option:hover .profile-text-arrow, .loanAnnuityDetail .transaction-popup-option:hover .profile-text-arrow, .p2pPaymentCommissionDialog .transaction-popup-option:hover .profile-text-arrow, .paymentToMobile .transaction-popup-option:hover .profile-text-arrow { -webkit-transform: translate(10px); transform: translate(10px); } .unusedCheques .transaction-popup-option .page-text, .accountDetailsPopup .transaction-popup-option .page-text, .cardDetailsPopup .transaction-popup-option .page-text, .accountTurnoverDetail .transaction-popup-option .page-text, .cardTurnoverDetails .transaction-popup-option .page-text, .loanDetailsPopup .transaction-popup-option .page-text, .domesticOrderDetailsPopup .transaction-popup-option .page-text, .orderSendingDetailsPopup .transaction-popup-option .page-text, .repaymentDetails .transaction-popup-option .page-text, .reservedFundsCard .transaction-popup-option .page-text, .depositBalance .transaction-popup-option .page-text, .newMessageDialog .transaction-popup-option .page-text, .accountsList .transaction-popup-option .page-text, .annuityDetails .transaction-popup-option .page-text, .reservedFundsSlider .transaction-popup-option .page-text, .read-messages-list .transaction-popup-option .page-text, .reservedFunds .transaction-popup-option .page-text, .installmentsList .transaction-popup-option .page-text, .TransactionDetails .transaction-popup-option .page-text, .paymentOverviewDetails .transaction-popup-option .page-text, .fastPaymentDialog .transaction-popup-option .page-text, .exchangeDetailsPopup .transaction-popup-option .page-text, .exchangeDetailsServerPopup .transaction-popup-option .page-text, .signatureCommissionDialogPopup .transaction-popup-option .page-text, .crontoDialog .transaction-popup-option .page-text, .inflowsManaging .transaction-popup-option .page-text, .createUserAccountDialog .transaction-popup-option .page-text, .creditorTemplateDialog .transaction-popup-option .page-text, .creditorTemplateForeignDialog .transaction-popup-option .page-text, .creditorTemplateDialogPublic .transaction-popup-option .page-text, .packageSelectDialog .transaction-popup-option .page-text, .languageSelectDialog .transaction-popup-option .page-text, .debitAccountSelectDialog .transaction-popup-option .page-text, .domesticDialog .transaction-popup-option .page-text, .domesticPublicDialog .transaction-popup-option .page-text, .creditorTemplateDialogPopup .transaction-popup-option .page-text, .exchangeConfirmationServerViewPopup .transaction-popup-option .page-text, .exchangeConfirmationViewPopup .transaction-popup-option .page-text, .depositDetailPopup .transaction-popup-option .page-text, .changePassword .transaction-popup-option .page-text, .loanAnnuityDetail .transaction-popup-option .page-text, .p2pPaymentCommissionDialog .transaction-popup-option .page-text, .paymentToMobile .transaction-popup-option .page-text { width: -webkit-calc(100% - 100px); width: calc(100% - 100px); padding: 0 25px 0 16px; } .accountsList .account-item-inner { height: calc(100% - 140px) !important; top: 0 !important; } @media only screen and (max-width: 1300px) { .accountsList .account-item-inner { height: calc(100% - 140px) !important; top: 0 !important; } } .p2pPaymentCommissionDialog .all-account-popup-title { padding: 0 85px; } .read-messages-list .all-account-popup-title h3 { text-align: left; } .read-messages-list .all-account-popup-title .all-account-close { box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); } .depositDetailPopup .account-inter-inner-scroll .transaction-popup-details-wrapper { height: 70vh; } .cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper { height: 60vh; } #changePasswordDialog .all-account-close { position: absolute; right: 40px; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); } #changePasswordDialog .all-account-close svg { position: absolute; width: 12px; height: 12px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .accountDetailsPopup .transaction-popup-option .page-text { width: 77% !important; font-weight: bold; } .cardDetailsPopup .transaction-popup-option .block-deblock-card-details { background-image: url(images/icons/block-deblock-details.png); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); background-repeat: no-repeat; width: 22px; height: 22px; position: absolute; background-position: 50% 50%; transition: all .5; } .cardDetailsPopup .transaction-popup-option:hover .block-deblock-card-details { filter: invert(1); } #confirmationDialog.accountDetailsPopup .account-item-inner { height: 75vh !important; overflow-y: hidden !important; padding: 0; } #confirmationDialog.accountDetailsPopup .account-item-inner .mCSB_container { height: 100%; overflow: hidden; } .cardDetailsPopup .account-item-inner, .accountDetailsPopup .account-item-inner, .accountTurnoverDetails .account-item-inner, .cardTurnoverDetails .account-item-inner, .repaymentDetails .account-item-inner, .loanDetailsPopup .account-item-inner, .domesticOrderDetailsPopup .account-item-inner, .orderSendingDetailsPopup .account-item-inner, .paymentOverviewDetails .account-item-inner, .creditorTemplateDialogList .account-item-inner { height: 75vh !important; overflow-y: hidden !important; } .accountDetailsPopup.unsuccessfulLogin .account-item-inner { height: 69vh !important; overflow-y: hidden !important; } @media only screen and (max-width: 1600px) { .accountDetailsPopup.unsuccessfulLogin .account-item-inner { height: 50vh !important; } } .turnover-icon { width: 40px; height: 40px; border-radius: 50%; background-color: #FFFFFF; position: relative; float: left; margin-left: 13px; } .turnover-icon svg { width: 20px; height: 20px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); fill: rgba(0, 0, 0, 0.87); position: absolute; margin-right: 15px; } .Forms_ActiveWorkflowListSOG .transaction-filter-inner .dk-select-options .dk-option:first-child { border-top: 1px solid #0a79b8; } .DepositTurnoverCorporate { margin-bottom: 60px !important; } .AccountPosTrasactionCorporate { padding-bottom: 20px; } .AccountPosTrasactionCorporate .filter-error-text { margin-top: 40px; } .CardInstallmentsV2 .s-widget-header.nochrome, .CardTurnoverCorporate .s-widget-header.nochrome, .CardTurnover .s-widget-header.nochrome, .CardStatementsCorporate .s-widget-header.nochrome, .CardStatements .s-widget-header.nochrome, .CardSpendings .s-widget-header.nochrome, .AccountTurnover .s-widget-header.nochrome, .AccountPosTrasactionCorporate .s-widget-header.nochrome, .AccountStatements .s-widget-header.nochrome, .PaymentToMobileTemplates .s-widget-header.nochrome, .CreditorTemplateManagingV3 .s-widget-header.nochrome, .CrontoTokenList .s-widget-header.nochrome, .CreditorTemplateManagingV3Public .s-widget-header.nochrome, .CreditorTemplateManagingForeignV2 .s-widget-header.nochrome, .DepositTurnoverCorporate .s-widget-header.nochrome, .DepositStatementsCorporate .s-widget-header.nochrome { display: block; } .CardInstallmentsV2 .tableFilter .transaction-filter-inner .filterButton, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton, .CardTurnover .tableFilter .transaction-filter-inner .filterButton, .CardStatementsCorporate .tableFilter .transaction-filter-inner .filterButton, .CardStatements .tableFilter .transaction-filter-inner .filterButton, .CardSpendings .tableFilter .transaction-filter-inner .filterButton, .AccountTurnover .tableFilter .transaction-filter-inner .filterButton, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .filterButton, .AccountStatements .tableFilter .transaction-filter-inner .filterButton, .PaymentToMobileTemplates .tableFilter .transaction-filter-inner .filterButton, .CreditorTemplateManagingV3 .tableFilter .transaction-filter-inner .filterButton, .CrontoTokenList .tableFilter .transaction-filter-inner .filterButton, .CreditorTemplateManagingV3Public .tableFilter .transaction-filter-inner .filterButton, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .filterButton, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .filterButton { box-shadow: none !important; } .CardInstallmentsV2 .tableFilter .transaction-filter-inner .filterButton:hover, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton:hover, .CardTurnover .tableFilter .transaction-filter-inner .filterButton:hover, .CardStatementsCorporate .tableFilter .transaction-filter-inner .filterButton:hover, .CardStatements .tableFilter .transaction-filter-inner .filterButton:hover, .CardSpendings .tableFilter .transaction-filter-inner .filterButton:hover, .AccountTurnover .tableFilter .transaction-filter-inner .filterButton:hover, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .filterButton:hover, .AccountStatements .tableFilter .transaction-filter-inner .filterButton:hover, .PaymentToMobileTemplates .tableFilter .transaction-filter-inner .filterButton:hover, .CreditorTemplateManagingV3 .tableFilter .transaction-filter-inner .filterButton:hover, .CrontoTokenList .tableFilter .transaction-filter-inner .filterButton:hover, .CreditorTemplateManagingV3Public .tableFilter .transaction-filter-inner .filterButton:hover, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .filterButton:hover, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton:hover, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .filterButton:hover { box-shadow: none !important; } .CardInstallmentsV2 .tableFilter .transaction-filter-inner .dk-selected, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .dk-selected, .CardTurnover .tableFilter .transaction-filter-inner .dk-selected, .CardStatementsCorporate .tableFilter .transaction-filter-inner .dk-selected, .CardStatements .tableFilter .transaction-filter-inner .dk-selected, .CardSpendings .tableFilter .transaction-filter-inner .dk-selected, .AccountTurnover .tableFilter .transaction-filter-inner .dk-selected, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .dk-selected, .AccountStatements .tableFilter .transaction-filter-inner .dk-selected, .PaymentToMobileTemplates .tableFilter .transaction-filter-inner .dk-selected, .CreditorTemplateManagingV3 .tableFilter .transaction-filter-inner .dk-selected, .CrontoTokenList .tableFilter .transaction-filter-inner .dk-selected, .CreditorTemplateManagingV3Public .tableFilter .transaction-filter-inner .dk-selected, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .dk-selected, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .dk-selected, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .dk-selected { transform: none !important; } .CardInstallmentsV2 .input-wrap .search, .CardTurnoverCorporate .input-wrap .search, .CardTurnover .input-wrap .search, .CardStatementsCorporate .input-wrap .search, .CardStatements .input-wrap .search, .CardSpendings .input-wrap .search, .AccountTurnover .input-wrap .search, .AccountPosTrasactionCorporate .input-wrap .search, .AccountStatements .input-wrap .search, .PaymentToMobileTemplates .input-wrap .search, .CreditorTemplateManagingV3 .input-wrap .search, .CrontoTokenList .input-wrap .search, .CreditorTemplateManagingV3Public .input-wrap .search, .CreditorTemplateManagingForeignV2 .input-wrap .search, .DepositTurnoverCorporate .input-wrap .search, .DepositStatementsCorporate .input-wrap .search { fill: #C7C7C7; } .CardInstallmentsV2 .input-wrap svg, .CardTurnoverCorporate .input-wrap svg, .CardTurnover .input-wrap svg, .CardStatementsCorporate .input-wrap svg, .CardStatements .input-wrap svg, .CardSpendings .input-wrap svg, .AccountTurnover .input-wrap svg, .AccountPosTrasactionCorporate .input-wrap svg, .AccountStatements .input-wrap svg, .PaymentToMobileTemplates .input-wrap svg, .CreditorTemplateManagingV3 .input-wrap svg, .CrontoTokenList .input-wrap svg, .CreditorTemplateManagingV3Public .input-wrap svg, .CreditorTemplateManagingForeignV2 .input-wrap svg, .DepositTurnoverCorporate .input-wrap svg, .DepositStatementsCorporate .input-wrap svg { width: 18px; height: 18px; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); } .CardInstallmentsV2 .mCSB_scrollTools.mCSB_scrollTools_horizontal, .CardTurnoverCorporate .mCSB_scrollTools.mCSB_scrollTools_horizontal, .CardTurnover .mCSB_scrollTools.mCSB_scrollTools_horizontal, .CardStatementsCorporate .mCSB_scrollTools.mCSB_scrollTools_horizontal, .CardStatements .mCSB_scrollTools.mCSB_scrollTools_horizontal, .CardSpendings .mCSB_scrollTools.mCSB_scrollTools_horizontal, .AccountTurnover .mCSB_scrollTools.mCSB_scrollTools_horizontal, .AccountPosTrasactionCorporate .mCSB_scrollTools.mCSB_scrollTools_horizontal, .AccountStatements .mCSB_scrollTools.mCSB_scrollTools_horizontal, .PaymentToMobileTemplates .mCSB_scrollTools.mCSB_scrollTools_horizontal, .CreditorTemplateManagingV3 .mCSB_scrollTools.mCSB_scrollTools_horizontal, .CrontoTokenList .mCSB_scrollTools.mCSB_scrollTools_horizontal, .CreditorTemplateManagingV3Public .mCSB_scrollTools.mCSB_scrollTools_horizontal, .CreditorTemplateManagingForeignV2 .mCSB_scrollTools.mCSB_scrollTools_horizontal, .DepositTurnoverCorporate .mCSB_scrollTools.mCSB_scrollTools_horizontal, .DepositStatementsCorporate .mCSB_scrollTools.mCSB_scrollTools_horizontal { display: none !important; } .CardTurnover .tableHeader { display: none !important; } .separator-line { position: relative; top: 0px; height: 42px; width: 1px; background-color: #8294a8; margin: 0 18px; } .Forms_ActiveWorkflowListSOG, .AccountTurnover, .AccountPosTrasactionCorporate, .AccountStatements, .CreditorTemplateManagingV3, .CreditorTemplateManagingForeignV2, .CrontoTokenList, .CreditorTemplateManagingV3Public, .CardTurnoverCorporate, .CardTurnover, .CardStatementsCorporate, .CardStatements, .CardSpendingCorporate, .CardSpendings, .CardInstallmentsV2, .DepositTurnoverCorporate, .DepositStatementsCorporate, .LoanRepayments, .MessageHubNotificationList, .ForeignPaymentOverviewV2, .PaymentOverviewV3, .PaymentOverviewV2, .LoanAnnuityPlan, .CurrencyExchangeV2, .SalariesPaymentOverview, .ExchangeOfficeOverviewCorporateV2, .OrderPackageReportCorporateV3, .OrdersFromOrderPackagesListCorporateV3, .DomesticOrderReportCorporateV3, .ForeignOrderReportCorporateV3, .SalariesOverviewCorporateV2, .DomesticOrderCorporateV3, .ForeignPaymentOrderV2, .domesticDialog, .foreignDialog, .salaryDialog, .InflowsCorporateV2, .domesticPublicDialog, .PaymentToMobileOverview, .P2PPaymentOverview, .PersonalDataV2, .PaymentOrderV3Mk, .PaymentOrderV4Mk, .PaymentOrderV4Public { margin-bottom: 20px; } .Forms_ActiveWorkflowListSOG .date, .AccountTurnover .date, .AccountPosTrasactionCorporate .date, .AccountStatements .date, .CreditorTemplateManagingV3 .date, .CreditorTemplateManagingForeignV2 .date, .CrontoTokenList .date, .CreditorTemplateManagingV3Public .date, .CardTurnoverCorporate .date, .CardTurnover .date, .CardStatementsCorporate .date, .CardStatements .date, .CardSpendingCorporate .date, .CardSpendings .date, .CardInstallmentsV2 .date, .DepositTurnoverCorporate .date, .DepositStatementsCorporate .date, .LoanRepayments .date, .MessageHubNotificationList .date, .ForeignPaymentOverviewV2 .date, .PaymentOverviewV3 .date, .PaymentOverviewV2 .date, .LoanAnnuityPlan .date, .CurrencyExchangeV2 .date, .SalariesPaymentOverview .date, .ExchangeOfficeOverviewCorporateV2 .date, .OrderPackageReportCorporateV3 .date, .OrdersFromOrderPackagesListCorporateV3 .date, .DomesticOrderReportCorporateV3 .date, .ForeignOrderReportCorporateV3 .date, .SalariesOverviewCorporateV2 .date, .DomesticOrderCorporateV3 .date, .ForeignPaymentOrderV2 .date, .domesticDialog .date, .foreignDialog .date, .salaryDialog .date, .InflowsCorporateV2 .date, .domesticPublicDialog .date, .PaymentToMobileOverview .date, .P2PPaymentOverview .date, .PersonalDataV2 .date, .PaymentOrderV3Mk .date, .PaymentOrderV4Mk .date, .PaymentOrderV4Public .date { display: inline; float: left; padding-left: 15px; } .Forms_ActiveWorkflowListSOG .currencyTurnover, .AccountTurnover .currencyTurnover, .AccountPosTrasactionCorporate .currencyTurnover, .AccountStatements .currencyTurnover, .CreditorTemplateManagingV3 .currencyTurnover, .CreditorTemplateManagingForeignV2 .currencyTurnover, .CrontoTokenList .currencyTurnover, .CreditorTemplateManagingV3Public .currencyTurnover, .CardTurnoverCorporate .currencyTurnover, .CardTurnover .currencyTurnover, .CardStatementsCorporate .currencyTurnover, .CardStatements .currencyTurnover, .CardSpendingCorporate .currencyTurnover, .CardSpendings .currencyTurnover, .CardInstallmentsV2 .currencyTurnover, .DepositTurnoverCorporate .currencyTurnover, .DepositStatementsCorporate .currencyTurnover, .LoanRepayments .currencyTurnover, .MessageHubNotificationList .currencyTurnover, .ForeignPaymentOverviewV2 .currencyTurnover, .PaymentOverviewV3 .currencyTurnover, .PaymentOverviewV2 .currencyTurnover, .LoanAnnuityPlan .currencyTurnover, .CurrencyExchangeV2 .currencyTurnover, .SalariesPaymentOverview .currencyTurnover, .ExchangeOfficeOverviewCorporateV2 .currencyTurnover, .OrderPackageReportCorporateV3 .currencyTurnover, .OrdersFromOrderPackagesListCorporateV3 .currencyTurnover, .DomesticOrderReportCorporateV3 .currencyTurnover, .ForeignOrderReportCorporateV3 .currencyTurnover, .SalariesOverviewCorporateV2 .currencyTurnover, .DomesticOrderCorporateV3 .currencyTurnover, .ForeignPaymentOrderV2 .currencyTurnover, .domesticDialog .currencyTurnover, .foreignDialog .currencyTurnover, .salaryDialog .currencyTurnover, .InflowsCorporateV2 .currencyTurnover, .domesticPublicDialog .currencyTurnover, .PaymentToMobileOverview .currencyTurnover, .P2PPaymentOverview .currencyTurnover, .PersonalDataV2 .currencyTurnover, .PaymentOrderV3Mk .currencyTurnover, .PaymentOrderV4Mk .currencyTurnover, .PaymentOrderV4Public .currencyTurnover { display: inline; margin: 0 5px; color: #C7C7C7; } .Forms_ActiveWorkflowListSOG .s-widget-title, .AccountTurnover .s-widget-title, .AccountPosTrasactionCorporate .s-widget-title, .AccountStatements .s-widget-title, .CreditorTemplateManagingV3 .s-widget-title, .CreditorTemplateManagingForeignV2 .s-widget-title, .CrontoTokenList .s-widget-title, .CreditorTemplateManagingV3Public .s-widget-title, .CardTurnoverCorporate .s-widget-title, .CardTurnover .s-widget-title, .CardStatementsCorporate .s-widget-title, .CardStatements .s-widget-title, .CardSpendingCorporate .s-widget-title, .CardSpendings .s-widget-title, .CardInstallmentsV2 .s-widget-title, .DepositTurnoverCorporate .s-widget-title, .DepositStatementsCorporate .s-widget-title, .LoanRepayments .s-widget-title, .MessageHubNotificationList .s-widget-title, .ForeignPaymentOverviewV2 .s-widget-title, .PaymentOverviewV3 .s-widget-title, .PaymentOverviewV2 .s-widget-title, .LoanAnnuityPlan .s-widget-title, .CurrencyExchangeV2 .s-widget-title, .SalariesPaymentOverview .s-widget-title, .ExchangeOfficeOverviewCorporateV2 .s-widget-title, .OrderPackageReportCorporateV3 .s-widget-title, .OrdersFromOrderPackagesListCorporateV3 .s-widget-title, .DomesticOrderReportCorporateV3 .s-widget-title, .ForeignOrderReportCorporateV3 .s-widget-title, .SalariesOverviewCorporateV2 .s-widget-title, .DomesticOrderCorporateV3 .s-widget-title, .ForeignPaymentOrderV2 .s-widget-title, .domesticDialog .s-widget-title, .foreignDialog .s-widget-title, .salaryDialog .s-widget-title, .InflowsCorporateV2 .s-widget-title, .domesticPublicDialog .s-widget-title, .PaymentToMobileOverview .s-widget-title, .P2PPaymentOverview .s-widget-title, .PersonalDataV2 .s-widget-title, .PaymentOrderV3Mk .s-widget-title, .PaymentOrderV4Mk .s-widget-title, .PaymentOrderV4Public .s-widget-title { margin-bottom: 22px; font-weight: bold; } .Forms_ActiveWorkflowListSOG .s-widget-body, .AccountTurnover .s-widget-body, .AccountPosTrasactionCorporate .s-widget-body, .AccountStatements .s-widget-body, .CreditorTemplateManagingV3 .s-widget-body, .CreditorTemplateManagingForeignV2 .s-widget-body, .CrontoTokenList .s-widget-body, .CreditorTemplateManagingV3Public .s-widget-body, .CardTurnoverCorporate .s-widget-body, .CardTurnover .s-widget-body, .CardStatementsCorporate .s-widget-body, .CardStatements .s-widget-body, .CardSpendingCorporate .s-widget-body, .CardSpendings .s-widget-body, .CardInstallmentsV2 .s-widget-body, .DepositTurnoverCorporate .s-widget-body, .DepositStatementsCorporate .s-widget-body, .LoanRepayments .s-widget-body, .MessageHubNotificationList .s-widget-body, .ForeignPaymentOverviewV2 .s-widget-body, .PaymentOverviewV3 .s-widget-body, .PaymentOverviewV2 .s-widget-body, .LoanAnnuityPlan .s-widget-body, .CurrencyExchangeV2 .s-widget-body, .SalariesPaymentOverview .s-widget-body, .ExchangeOfficeOverviewCorporateV2 .s-widget-body, .OrderPackageReportCorporateV3 .s-widget-body, .OrdersFromOrderPackagesListCorporateV3 .s-widget-body, .DomesticOrderReportCorporateV3 .s-widget-body, .ForeignOrderReportCorporateV3 .s-widget-body, .SalariesOverviewCorporateV2 .s-widget-body, .DomesticOrderCorporateV3 .s-widget-body, .ForeignPaymentOrderV2 .s-widget-body, .domesticDialog .s-widget-body, .foreignDialog .s-widget-body, .salaryDialog .s-widget-body, .InflowsCorporateV2 .s-widget-body, .domesticPublicDialog .s-widget-body, .PaymentToMobileOverview .s-widget-body, .P2PPaymentOverview .s-widget-body, .PersonalDataV2 .s-widget-body, .PaymentOrderV3Mk .s-widget-body, .PaymentOrderV4Mk .s-widget-body, .PaymentOrderV4Public .s-widget-body { position: relative; } .Forms_ActiveWorkflowListSOG .s-widget-body-header, .AccountTurnover .s-widget-body-header, .AccountPosTrasactionCorporate .s-widget-body-header, .AccountStatements .s-widget-body-header, .CreditorTemplateManagingV3 .s-widget-body-header, .CreditorTemplateManagingForeignV2 .s-widget-body-header, .CrontoTokenList .s-widget-body-header, .CreditorTemplateManagingV3Public .s-widget-body-header, .CardTurnoverCorporate .s-widget-body-header, .CardTurnover .s-widget-body-header, .CardStatementsCorporate .s-widget-body-header, .CardStatements .s-widget-body-header, .CardSpendingCorporate .s-widget-body-header, .CardSpendings .s-widget-body-header, .CardInstallmentsV2 .s-widget-body-header, .DepositTurnoverCorporate .s-widget-body-header, .DepositStatementsCorporate .s-widget-body-header, .LoanRepayments .s-widget-body-header, .MessageHubNotificationList .s-widget-body-header, .ForeignPaymentOverviewV2 .s-widget-body-header, .PaymentOverviewV3 .s-widget-body-header, .PaymentOverviewV2 .s-widget-body-header, .LoanAnnuityPlan .s-widget-body-header, .CurrencyExchangeV2 .s-widget-body-header, .SalariesPaymentOverview .s-widget-body-header, .ExchangeOfficeOverviewCorporateV2 .s-widget-body-header, .OrderPackageReportCorporateV3 .s-widget-body-header, .OrdersFromOrderPackagesListCorporateV3 .s-widget-body-header, .DomesticOrderReportCorporateV3 .s-widget-body-header, .ForeignOrderReportCorporateV3 .s-widget-body-header, .SalariesOverviewCorporateV2 .s-widget-body-header, .DomesticOrderCorporateV3 .s-widget-body-header, .ForeignPaymentOrderV2 .s-widget-body-header, .domesticDialog .s-widget-body-header, .foreignDialog .s-widget-body-header, .salaryDialog .s-widget-body-header, .InflowsCorporateV2 .s-widget-body-header, .domesticPublicDialog .s-widget-body-header, .PaymentToMobileOverview .s-widget-body-header, .P2PPaymentOverview .s-widget-body-header, .PersonalDataV2 .s-widget-body-header, .PaymentOrderV3Mk .s-widget-body-header, .PaymentOrderV4Mk .s-widget-body-header, .PaymentOrderV4Public .s-widget-body-header { display: none !important; } .Forms_ActiveWorkflowListSOG .s-widget-button, .AccountTurnover .s-widget-button, .AccountPosTrasactionCorporate .s-widget-button, .AccountStatements .s-widget-button, .CreditorTemplateManagingV3 .s-widget-button, .CreditorTemplateManagingForeignV2 .s-widget-button, .CrontoTokenList .s-widget-button, .CreditorTemplateManagingV3Public .s-widget-button, .CardTurnoverCorporate .s-widget-button, .CardTurnover .s-widget-button, .CardStatementsCorporate .s-widget-button, .CardStatements .s-widget-button, .CardSpendingCorporate .s-widget-button, .CardSpendings .s-widget-button, .CardInstallmentsV2 .s-widget-button, .DepositTurnoverCorporate .s-widget-button, .DepositStatementsCorporate .s-widget-button, .LoanRepayments .s-widget-button, .MessageHubNotificationList .s-widget-button, .ForeignPaymentOverviewV2 .s-widget-button, .PaymentOverviewV3 .s-widget-button, .PaymentOverviewV2 .s-widget-button, .LoanAnnuityPlan .s-widget-button, .CurrencyExchangeV2 .s-widget-button, .SalariesPaymentOverview .s-widget-button, .ExchangeOfficeOverviewCorporateV2 .s-widget-button, .OrderPackageReportCorporateV3 .s-widget-button, .OrdersFromOrderPackagesListCorporateV3 .s-widget-button, .DomesticOrderReportCorporateV3 .s-widget-button, .ForeignOrderReportCorporateV3 .s-widget-button, .SalariesOverviewCorporateV2 .s-widget-button, .DomesticOrderCorporateV3 .s-widget-button, .ForeignPaymentOrderV2 .s-widget-button, .domesticDialog .s-widget-button, .foreignDialog .s-widget-button, .salaryDialog .s-widget-button, .InflowsCorporateV2 .s-widget-button, .domesticPublicDialog .s-widget-button, .PaymentToMobileOverview .s-widget-button, .P2PPaymentOverview .s-widget-button, .PersonalDataV2 .s-widget-button, .PaymentOrderV3Mk .s-widget-button, .PaymentOrderV4Mk .s-widget-button, .PaymentOrderV4Public .s-widget-button { display: none; } .Forms_ActiveWorkflowListSOG .dot-menu-text-wrapper.messages, .AccountTurnover .dot-menu-text-wrapper.messages, .AccountPosTrasactionCorporate .dot-menu-text-wrapper.messages, .AccountStatements .dot-menu-text-wrapper.messages, .CreditorTemplateManagingV3 .dot-menu-text-wrapper.messages, .CreditorTemplateManagingForeignV2 .dot-menu-text-wrapper.messages, .CrontoTokenList .dot-menu-text-wrapper.messages, .CreditorTemplateManagingV3Public .dot-menu-text-wrapper.messages, .CardTurnoverCorporate .dot-menu-text-wrapper.messages, .CardTurnover .dot-menu-text-wrapper.messages, .CardStatementsCorporate .dot-menu-text-wrapper.messages, .CardStatements .dot-menu-text-wrapper.messages, .CardSpendingCorporate .dot-menu-text-wrapper.messages, .CardSpendings .dot-menu-text-wrapper.messages, .CardInstallmentsV2 .dot-menu-text-wrapper.messages, .DepositTurnoverCorporate .dot-menu-text-wrapper.messages, .DepositStatementsCorporate .dot-menu-text-wrapper.messages, .LoanRepayments .dot-menu-text-wrapper.messages, .MessageHubNotificationList .dot-menu-text-wrapper.messages, .ForeignPaymentOverviewV2 .dot-menu-text-wrapper.messages, .PaymentOverviewV3 .dot-menu-text-wrapper.messages, .PaymentOverviewV2 .dot-menu-text-wrapper.messages, .LoanAnnuityPlan .dot-menu-text-wrapper.messages, .CurrencyExchangeV2 .dot-menu-text-wrapper.messages, .SalariesPaymentOverview .dot-menu-text-wrapper.messages, .ExchangeOfficeOverviewCorporateV2 .dot-menu-text-wrapper.messages, .OrderPackageReportCorporateV3 .dot-menu-text-wrapper.messages, .OrdersFromOrderPackagesListCorporateV3 .dot-menu-text-wrapper.messages, .DomesticOrderReportCorporateV3 .dot-menu-text-wrapper.messages, .ForeignOrderReportCorporateV3 .dot-menu-text-wrapper.messages, .SalariesOverviewCorporateV2 .dot-menu-text-wrapper.messages, .DomesticOrderCorporateV3 .dot-menu-text-wrapper.messages, .ForeignPaymentOrderV2 .dot-menu-text-wrapper.messages, .domesticDialog .dot-menu-text-wrapper.messages, .foreignDialog .dot-menu-text-wrapper.messages, .salaryDialog .dot-menu-text-wrapper.messages, .InflowsCorporateV2 .dot-menu-text-wrapper.messages, .domesticPublicDialog .dot-menu-text-wrapper.messages, .PaymentToMobileOverview .dot-menu-text-wrapper.messages, .P2PPaymentOverview .dot-menu-text-wrapper.messages, .PersonalDataV2 .dot-menu-text-wrapper.messages, .PaymentOrderV3Mk .dot-menu-text-wrapper.messages, .PaymentOrderV4Mk .dot-menu-text-wrapper.messages, .PaymentOrderV4Public .dot-menu-text-wrapper.messages { transform: translateY(-125px); } .Forms_ActiveWorkflowListSOG .tableFilter, .AccountTurnover .tableFilter, .AccountPosTrasactionCorporate .tableFilter, .AccountStatements .tableFilter, .CreditorTemplateManagingV3 .tableFilter, .CreditorTemplateManagingForeignV2 .tableFilter, .CrontoTokenList .tableFilter, .CreditorTemplateManagingV3Public .tableFilter, .CardTurnoverCorporate .tableFilter, .CardTurnover .tableFilter, .CardStatementsCorporate .tableFilter, .CardStatements .tableFilter, .CardSpendingCorporate .tableFilter, .CardSpendings .tableFilter, .CardInstallmentsV2 .tableFilter, .DepositTurnoverCorporate .tableFilter, .DepositStatementsCorporate .tableFilter, .LoanRepayments .tableFilter, .MessageHubNotificationList .tableFilter, .ForeignPaymentOverviewV2 .tableFilter, .PaymentOverviewV3 .tableFilter, .PaymentOverviewV2 .tableFilter, .LoanAnnuityPlan .tableFilter, .CurrencyExchangeV2 .tableFilter, .SalariesPaymentOverview .tableFilter, .ExchangeOfficeOverviewCorporateV2 .tableFilter, .OrderPackageReportCorporateV3 .tableFilter, .OrdersFromOrderPackagesListCorporateV3 .tableFilter, .DomesticOrderReportCorporateV3 .tableFilter, .ForeignOrderReportCorporateV3 .tableFilter, .SalariesOverviewCorporateV2 .tableFilter, .DomesticOrderCorporateV3 .tableFilter, .ForeignPaymentOrderV2 .tableFilter, .domesticDialog .tableFilter, .foreignDialog .tableFilter, .salaryDialog .tableFilter, .InflowsCorporateV2 .tableFilter, .domesticPublicDialog .tableFilter, .PaymentToMobileOverview .tableFilter, .P2PPaymentOverview .tableFilter, .PersonalDataV2 .tableFilter, .PaymentOrderV3Mk .tableFilter, .PaymentOrderV4Mk .tableFilter, .PaymentOrderV4Public .tableFilter { margin: 0 -8px 14px; float: none; border: none; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner, .AccountTurnover .tableFilter .transaction-filter-inner, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner, .AccountStatements .tableFilter .transaction-filter-inner, .CreditorTemplateManagingV3 .tableFilter .transaction-filter-inner, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner, .CrontoTokenList .tableFilter .transaction-filter-inner, .CreditorTemplateManagingV3Public .tableFilter .transaction-filter-inner, .CardTurnoverCorporate .tableFilter .transaction-filter-inner, .CardTurnover .tableFilter .transaction-filter-inner, .CardStatementsCorporate .tableFilter .transaction-filter-inner, .CardStatements .tableFilter .transaction-filter-inner, .CardSpendingCorporate .tableFilter .transaction-filter-inner, .CardSpendings .tableFilter .transaction-filter-inner, .CardInstallmentsV2 .tableFilter .transaction-filter-inner, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner, .DepositStatementsCorporate .tableFilter .transaction-filter-inner, .LoanRepayments .tableFilter .transaction-filter-inner, .MessageHubNotificationList .tableFilter .transaction-filter-inner, .ForeignPaymentOverviewV2 .tableFilter .transaction-filter-inner, .PaymentOverviewV3 .tableFilter .transaction-filter-inner, .PaymentOverviewV2 .tableFilter .transaction-filter-inner, .LoanAnnuityPlan .tableFilter .transaction-filter-inner, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner, .SalariesPaymentOverview .tableFilter .transaction-filter-inner, .ExchangeOfficeOverviewCorporateV2 .tableFilter .transaction-filter-inner, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner, .DomesticOrderCorporateV3 .tableFilter .transaction-filter-inner, .ForeignPaymentOrderV2 .tableFilter .transaction-filter-inner, .domesticDialog .tableFilter .transaction-filter-inner, .foreignDialog .tableFilter .transaction-filter-inner, .salaryDialog .tableFilter .transaction-filter-inner, .InflowsCorporateV2 .tableFilter .transaction-filter-inner, .domesticPublicDialog .tableFilter .transaction-filter-inner, .PaymentToMobileOverview .tableFilter .transaction-filter-inner, .P2PPaymentOverview .tableFilter .transaction-filter-inner, .PersonalDataV2 .tableFilter .transaction-filter-inner, .PaymentOrderV3Mk .tableFilter .transaction-filter-inner, .PaymentOrderV4Mk .tableFilter .transaction-filter-inner, .PaymentOrderV4Public .tableFilter .transaction-filter-inner { width: calc(100% - 40px); position: relative; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .radio-wrap, .AccountTurnover .tableFilter .transaction-filter-inner .radio-wrap, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .radio-wrap, .AccountStatements .tableFilter .transaction-filter-inner .radio-wrap, .CreditorTemplateManagingV3 .tableFilter .transaction-filter-inner .radio-wrap, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .radio-wrap, .CrontoTokenList .tableFilter .transaction-filter-inner .radio-wrap, .CreditorTemplateManagingV3Public .tableFilter .transaction-filter-inner .radio-wrap, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .radio-wrap, .CardTurnover .tableFilter .transaction-filter-inner .radio-wrap, .CardStatementsCorporate .tableFilter .transaction-filter-inner .radio-wrap, .CardStatements .tableFilter .transaction-filter-inner .radio-wrap, .CardSpendingCorporate .tableFilter .transaction-filter-inner .radio-wrap, .CardSpendings .tableFilter .transaction-filter-inner .radio-wrap, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .radio-wrap, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .radio-wrap, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .radio-wrap, .LoanRepayments .tableFilter .transaction-filter-inner .radio-wrap, .MessageHubNotificationList .tableFilter .transaction-filter-inner .radio-wrap, .ForeignPaymentOverviewV2 .tableFilter .transaction-filter-inner .radio-wrap, .PaymentOverviewV3 .tableFilter .transaction-filter-inner .radio-wrap, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .radio-wrap, .LoanAnnuityPlan .tableFilter .transaction-filter-inner .radio-wrap, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .radio-wrap, .SalariesPaymentOverview .tableFilter .transaction-filter-inner .radio-wrap, .ExchangeOfficeOverviewCorporateV2 .tableFilter .transaction-filter-inner .radio-wrap, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .radio-wrap, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .radio-wrap, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .radio-wrap, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .radio-wrap, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .radio-wrap, .DomesticOrderCorporateV3 .tableFilter .transaction-filter-inner .radio-wrap, .ForeignPaymentOrderV2 .tableFilter .transaction-filter-inner .radio-wrap, .domesticDialog .tableFilter .transaction-filter-inner .radio-wrap, .foreignDialog .tableFilter .transaction-filter-inner .radio-wrap, .salaryDialog .tableFilter .transaction-filter-inner .radio-wrap, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .radio-wrap, .domesticPublicDialog .tableFilter .transaction-filter-inner .radio-wrap, .PaymentToMobileOverview .tableFilter .transaction-filter-inner .radio-wrap, .P2PPaymentOverview .tableFilter .transaction-filter-inner .radio-wrap, .PersonalDataV2 .tableFilter .transaction-filter-inner .radio-wrap, .PaymentOrderV3Mk .tableFilter .transaction-filter-inner .radio-wrap, .PaymentOrderV4Mk .tableFilter .transaction-filter-inner .radio-wrap, .PaymentOrderV4Public .tableFilter .transaction-filter-inner .radio-wrap { margin-bottom: 10px; margin-right: 20px; padding-left: 25px; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .radio-wrap input, .AccountTurnover .tableFilter .transaction-filter-inner .radio-wrap input, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .radio-wrap input, .AccountStatements .tableFilter .transaction-filter-inner .radio-wrap input, .CreditorTemplateManagingV3 .tableFilter .transaction-filter-inner .radio-wrap input, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .radio-wrap input, .CrontoTokenList .tableFilter .transaction-filter-inner .radio-wrap input, .CreditorTemplateManagingV3Public .tableFilter .transaction-filter-inner .radio-wrap input, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .radio-wrap input, .CardTurnover .tableFilter .transaction-filter-inner .radio-wrap input, .CardStatementsCorporate .tableFilter .transaction-filter-inner .radio-wrap input, .CardStatements .tableFilter .transaction-filter-inner .radio-wrap input, .CardSpendingCorporate .tableFilter .transaction-filter-inner .radio-wrap input, .CardSpendings .tableFilter .transaction-filter-inner .radio-wrap input, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .radio-wrap input, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .radio-wrap input, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .radio-wrap input, .LoanRepayments .tableFilter .transaction-filter-inner .radio-wrap input, .MessageHubNotificationList .tableFilter .transaction-filter-inner .radio-wrap input, .ForeignPaymentOverviewV2 .tableFilter .transaction-filter-inner .radio-wrap input, .PaymentOverviewV3 .tableFilter .transaction-filter-inner .radio-wrap input, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .radio-wrap input, .LoanAnnuityPlan .tableFilter .transaction-filter-inner .radio-wrap input, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .radio-wrap input, .SalariesPaymentOverview .tableFilter .transaction-filter-inner .radio-wrap input, .ExchangeOfficeOverviewCorporateV2 .tableFilter .transaction-filter-inner .radio-wrap input, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .radio-wrap input, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .radio-wrap input, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .radio-wrap input, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .radio-wrap input, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .radio-wrap input, .DomesticOrderCorporateV3 .tableFilter .transaction-filter-inner .radio-wrap input, .ForeignPaymentOrderV2 .tableFilter .transaction-filter-inner .radio-wrap input, .domesticDialog .tableFilter .transaction-filter-inner .radio-wrap input, .foreignDialog .tableFilter .transaction-filter-inner .radio-wrap input, .salaryDialog .tableFilter .transaction-filter-inner .radio-wrap input, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .radio-wrap input, .domesticPublicDialog .tableFilter .transaction-filter-inner .radio-wrap input, .PaymentToMobileOverview .tableFilter .transaction-filter-inner .radio-wrap input, .P2PPaymentOverview .tableFilter .transaction-filter-inner .radio-wrap input, .PersonalDataV2 .tableFilter .transaction-filter-inner .radio-wrap input, .PaymentOrderV3Mk .tableFilter .transaction-filter-inner .radio-wrap input, .PaymentOrderV4Mk .tableFilter .transaction-filter-inner .radio-wrap input, .PaymentOrderV4Public .tableFilter .transaction-filter-inner .radio-wrap input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .AccountTurnover .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .AccountStatements .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .CreditorTemplateManagingV3 .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .CrontoTokenList .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .CreditorTemplateManagingV3Public .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .CardTurnover .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .CardStatementsCorporate .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .CardStatements .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .CardSpendingCorporate .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .CardSpendings .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .LoanRepayments .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .MessageHubNotificationList .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .ForeignPaymentOverviewV2 .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .PaymentOverviewV3 .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .LoanAnnuityPlan .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .SalariesPaymentOverview .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .ExchangeOfficeOverviewCorporateV2 .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .DomesticOrderCorporateV3 .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .ForeignPaymentOrderV2 .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .domesticDialog .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .foreignDialog .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .salaryDialog .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .domesticPublicDialog .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .PaymentToMobileOverview .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .P2PPaymentOverview .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .PersonalDataV2 .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .PaymentOrderV3Mk .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .PaymentOrderV4Mk .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .PaymentOrderV4Public .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after { opacity: 1; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .AccountTurnover .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .AccountStatements .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .CreditorTemplateManagingV3 .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .CrontoTokenList .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .CreditorTemplateManagingV3Public .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .CardTurnover .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .CardStatementsCorporate .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .CardStatements .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .CardSpendingCorporate .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .CardSpendings .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .LoanRepayments .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .MessageHubNotificationList .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .ForeignPaymentOverviewV2 .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .PaymentOverviewV3 .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .LoanAnnuityPlan .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .SalariesPaymentOverview .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .ExchangeOfficeOverviewCorporateV2 .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .DomesticOrderCorporateV3 .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .ForeignPaymentOrderV2 .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .domesticDialog .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .foreignDialog .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .salaryDialog .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .domesticPublicDialog .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .PaymentToMobileOverview .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .P2PPaymentOverview .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .PersonalDataV2 .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .PaymentOrderV3Mk .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .PaymentOrderV4Mk .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .PaymentOrderV4Public .tableFilter .transaction-filter-inner .radio-wrap .checkmark { position: absolute; top: 0; left: 0; height: 16px; width: 16px; border-radius: 50%; background: #fff; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .AccountTurnover .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .AccountStatements .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .CreditorTemplateManagingV3 .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .CrontoTokenList .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .CreditorTemplateManagingV3Public .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .CardTurnover .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .CardStatementsCorporate .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .CardStatements .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .CardSpendingCorporate .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .CardSpendings .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .LoanRepayments .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .MessageHubNotificationList .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .ForeignPaymentOverviewV2 .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .PaymentOverviewV3 .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .LoanAnnuityPlan .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .SalariesPaymentOverview .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .ExchangeOfficeOverviewCorporateV2 .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .DomesticOrderCorporateV3 .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .ForeignPaymentOrderV2 .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .domesticDialog .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .foreignDialog .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .salaryDialog .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .domesticPublicDialog .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .PaymentToMobileOverview .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .P2PPaymentOverview .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .PersonalDataV2 .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .PaymentOrderV3Mk .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .PaymentOrderV4Mk .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .PaymentOrderV4Public .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after { content: ""; width: 8px; height: 8px; position: absolute; top: 4px; left: 4px; background: #0a79b8; border-radius: 50%; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .AccountTurnover .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .AccountStatements .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .CreditorTemplateManagingV3 .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .CrontoTokenList .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .CreditorTemplateManagingV3Public .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .CardTurnover .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .CardStatementsCorporate .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .CardStatements .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .CardSpendingCorporate .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .CardSpendings .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .LoanRepayments .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .MessageHubNotificationList .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .ForeignPaymentOverviewV2 .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .PaymentOverviewV3 .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .LoanAnnuityPlan .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .SalariesPaymentOverview .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .ExchangeOfficeOverviewCorporateV2 .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .DomesticOrderCorporateV3 .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .ForeignPaymentOrderV2 .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .domesticDialog .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .foreignDialog .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .salaryDialog .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .domesticPublicDialog .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .PaymentToMobileOverview .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .P2PPaymentOverview .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .PersonalDataV2 .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .PaymentOrderV3Mk .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .PaymentOrderV4Mk .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .PaymentOrderV4Public .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after { opacity: 1; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box, .AccountTurnover .tableFilter .transaction-filter-inner .transaction-filter-box, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .AccountStatements .tableFilter .transaction-filter-inner .transaction-filter-box, .CreditorTemplateManagingV3 .tableFilter .transaction-filter-inner .transaction-filter-box, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .CrontoTokenList .tableFilter .transaction-filter-inner .transaction-filter-box, .CreditorTemplateManagingV3Public .tableFilter .transaction-filter-inner .transaction-filter-box, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .CardTurnover .tableFilter .transaction-filter-inner .transaction-filter-box, .CardStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .CardStatements .tableFilter .transaction-filter-inner .transaction-filter-box, .CardSpendingCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .CardSpendings .tableFilter .transaction-filter-inner .transaction-filter-box, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .LoanRepayments .tableFilter .transaction-filter-inner .transaction-filter-box, .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box, .ForeignPaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .PaymentOverviewV3 .tableFilter .transaction-filter-inner .transaction-filter-box, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .LoanAnnuityPlan .tableFilter .transaction-filter-inner .transaction-filter-box, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .SalariesPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box, .ExchangeOfficeOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .DomesticOrderCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box, .ForeignPaymentOrderV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .domesticDialog .tableFilter .transaction-filter-inner .transaction-filter-box, .foreignDialog .tableFilter .transaction-filter-inner .transaction-filter-box, .salaryDialog .tableFilter .transaction-filter-inner .transaction-filter-box, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .domesticPublicDialog .tableFilter .transaction-filter-inner .transaction-filter-box, .PaymentToMobileOverview .tableFilter .transaction-filter-inner .transaction-filter-box, .P2PPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box, .PersonalDataV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .PaymentOrderV3Mk .tableFilter .transaction-filter-inner .transaction-filter-box, .PaymentOrderV4Mk .tableFilter .transaction-filter-inner .transaction-filter-box, .PaymentOrderV4Public .tableFilter .transaction-filter-inner .transaction-filter-box { width: -webkit-calc(16.66666666666667% - 17px); width: calc(16.66666666666667% - 17px); margin: 0 8px; } @media only screen and (max-width: 1600px) { .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box, .AccountTurnover .tableFilter .transaction-filter-inner .transaction-filter-box, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .AccountStatements .tableFilter .transaction-filter-inner .transaction-filter-box, .CreditorTemplateManagingV3 .tableFilter .transaction-filter-inner .transaction-filter-box, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .CrontoTokenList .tableFilter .transaction-filter-inner .transaction-filter-box, .CreditorTemplateManagingV3Public .tableFilter .transaction-filter-inner .transaction-filter-box, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .CardTurnover .tableFilter .transaction-filter-inner .transaction-filter-box, .CardStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .CardStatements .tableFilter .transaction-filter-inner .transaction-filter-box, .CardSpendingCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .CardSpendings .tableFilter .transaction-filter-inner .transaction-filter-box, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .LoanRepayments .tableFilter .transaction-filter-inner .transaction-filter-box, .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box, .ForeignPaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .PaymentOverviewV3 .tableFilter .transaction-filter-inner .transaction-filter-box, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .LoanAnnuityPlan .tableFilter .transaction-filter-inner .transaction-filter-box, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .SalariesPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box, .ExchangeOfficeOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .DomesticOrderCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box, .ForeignPaymentOrderV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .domesticDialog .tableFilter .transaction-filter-inner .transaction-filter-box, .foreignDialog .tableFilter .transaction-filter-inner .transaction-filter-box, .salaryDialog .tableFilter .transaction-filter-inner .transaction-filter-box, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .domesticPublicDialog .tableFilter .transaction-filter-inner .transaction-filter-box, .PaymentToMobileOverview .tableFilter .transaction-filter-inner .transaction-filter-box, .P2PPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box, .PersonalDataV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .PaymentOrderV3Mk .tableFilter .transaction-filter-inner .transaction-filter-box, .PaymentOrderV4Mk .tableFilter .transaction-filter-inner .transaction-filter-box, .PaymentOrderV4Public .tableFilter .transaction-filter-inner .transaction-filter-box { width: -webkit-calc(23% - 17px); width: calc(23% - 17px); } } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .AccountTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .AccountStatements .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .CreditorTemplateManagingV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .CrontoTokenList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .CreditorTemplateManagingV3Public .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .CardTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .CardStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .CardStatements .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .CardSpendingCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .CardSpendings .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .LoanRepayments .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .ForeignPaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .PaymentOverviewV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .LoanAnnuityPlan .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .SalariesPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .ExchangeOfficeOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .DomesticOrderCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .ForeignPaymentOrderV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .domesticDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .foreignDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .salaryDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .domesticPublicDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .PaymentToMobileOverview .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .P2PPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .PersonalDataV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .PaymentOrderV3Mk .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .PaymentOrderV4Mk .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .PaymentOrderV4Public .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter { position: relative; border: 1px solid #b4bfcb; padding: 11px 0px !important; border-radius: 8px; height: 18px; cursor: pointer; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .AccountTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .AccountStatements .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .CreditorTemplateManagingV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .CrontoTokenList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .CreditorTemplateManagingV3Public .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .CardTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .CardStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .CardStatements .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .CardSpendingCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .CardSpendings .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .LoanRepayments .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .ForeignPaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .PaymentOverviewV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .LoanAnnuityPlan .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .SalariesPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .ExchangeOfficeOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .DomesticOrderCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .ForeignPaymentOrderV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .domesticDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .foreignDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .salaryDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .domesticPublicDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .PaymentToMobileOverview .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .P2PPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .PersonalDataV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .PaymentOrderV3Mk .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .PaymentOrderV4Mk .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .PaymentOrderV4Public .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select { width: 100%; padding: 11px 16px; border-radius: 6px; border-color: #b4bfcb; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .AccountTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .AccountStatements .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .CreditorTemplateManagingV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .CrontoTokenList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .CreditorTemplateManagingV3Public .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .CardTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .CardStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .CardStatements .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .CardSpendingCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .CardSpendings .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .LoanRepayments .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .ForeignPaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .PaymentOverviewV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .LoanAnnuityPlan .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .SalariesPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .ExchangeOfficeOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .DomesticOrderCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .ForeignPaymentOrderV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .domesticDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .foreignDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .salaryDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .domesticPublicDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .PaymentToMobileOverview .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .P2PPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .PersonalDataV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .PaymentOrderV3Mk .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .PaymentOrderV4Mk .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .PaymentOrderV4Public .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar { padding: 0; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .AccountTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .AccountStatements .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .CreditorTemplateManagingV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .CrontoTokenList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .CreditorTemplateManagingV3Public .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .CardTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .CardStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .CardStatements .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .CardSpendingCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .CardSpendings .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .LoanRepayments .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .ForeignPaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .PaymentOverviewV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .LoanAnnuityPlan .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .SalariesPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .ExchangeOfficeOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .DomesticOrderCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .ForeignPaymentOrderV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .domesticDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .foreignDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .salaryDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .domesticPublicDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .PaymentToMobileOverview .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .P2PPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .PersonalDataV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .PaymentOrderV3Mk .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .PaymentOrderV4Mk .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .PaymentOrderV4Public .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input { border: none; width: 100%; font-family: "Source-Sans-Pro", sans-serif; font-size: 15px; padding: 0; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .AccountTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .AccountTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .AccountTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .AccountTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .AccountTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .AccountStatements .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .AccountStatements .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .AccountStatements .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .AccountStatements .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .AccountStatements .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .CreditorTemplateManagingV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .CreditorTemplateManagingV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .CreditorTemplateManagingV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .CreditorTemplateManagingV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .CreditorTemplateManagingV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .CrontoTokenList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .CrontoTokenList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .CrontoTokenList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .CrontoTokenList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .CrontoTokenList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .CreditorTemplateManagingV3Public .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .CreditorTemplateManagingV3Public .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .CreditorTemplateManagingV3Public .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .CreditorTemplateManagingV3Public .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .CreditorTemplateManagingV3Public .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .CardTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .CardTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .CardTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .CardTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .CardTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .CardStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .CardStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .CardStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .CardStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .CardStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .CardStatements .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .CardStatements .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .CardStatements .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .CardStatements .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .CardStatements .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .CardSpendingCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .CardSpendingCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .CardSpendingCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .CardSpendingCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .CardSpendingCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .CardSpendings .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .CardSpendings .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .CardSpendings .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .CardSpendings .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .CardSpendings .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .LoanRepayments .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .LoanRepayments .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .LoanRepayments .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .LoanRepayments .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .LoanRepayments .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .ForeignPaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .ForeignPaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .ForeignPaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .ForeignPaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .ForeignPaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .PaymentOverviewV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .PaymentOverviewV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .PaymentOverviewV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .PaymentOverviewV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .PaymentOverviewV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .LoanAnnuityPlan .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .LoanAnnuityPlan .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .LoanAnnuityPlan .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .LoanAnnuityPlan .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .LoanAnnuityPlan .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .SalariesPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .SalariesPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .SalariesPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .SalariesPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .SalariesPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .ExchangeOfficeOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .ExchangeOfficeOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .ExchangeOfficeOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .ExchangeOfficeOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .ExchangeOfficeOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .DomesticOrderCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .DomesticOrderCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .DomesticOrderCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .DomesticOrderCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .DomesticOrderCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .ForeignPaymentOrderV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .ForeignPaymentOrderV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .ForeignPaymentOrderV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .ForeignPaymentOrderV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .ForeignPaymentOrderV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .domesticDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .domesticDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .domesticDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .domesticDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .domesticDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .foreignDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .foreignDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .foreignDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .foreignDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .foreignDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .salaryDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .salaryDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .salaryDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .salaryDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .salaryDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .domesticPublicDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .domesticPublicDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .domesticPublicDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .domesticPublicDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .domesticPublicDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .PaymentToMobileOverview .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .PaymentToMobileOverview .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .PaymentToMobileOverview .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .PaymentToMobileOverview .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .PaymentToMobileOverview .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .P2PPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .P2PPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .P2PPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .P2PPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .P2PPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .PersonalDataV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .PersonalDataV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .PersonalDataV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .PersonalDataV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .PersonalDataV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .PaymentOrderV3Mk .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .PaymentOrderV3Mk .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .PaymentOrderV3Mk .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .PaymentOrderV3Mk .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .PaymentOrderV3Mk .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .PaymentOrderV4Mk .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .PaymentOrderV4Mk .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .PaymentOrderV4Mk .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .PaymentOrderV4Mk .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .PaymentOrderV4Mk .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date, .PaymentOrderV4Public .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .PaymentOrderV4Public .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .PaymentOrderV4Public .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .PaymentOrderV4Public .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .PaymentOrderV4Public .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.date { position: relative; z-index: 1; padding: 11px 34px 11px 16px; border-radius: 8px; background-color: transparent; cursor: pointer; font-family: "pt_sansregular", sans-serif !important; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .AccountTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .AccountStatements .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .CreditorTemplateManagingV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .CrontoTokenList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .CreditorTemplateManagingV3Public .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .CardTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .CardStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .CardStatements .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .CardSpendingCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .CardSpendings .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .LoanRepayments .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .ForeignPaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .PaymentOverviewV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .LoanAnnuityPlan .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .SalariesPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .ExchangeOfficeOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .DomesticOrderCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .ForeignPaymentOrderV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .domesticDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .foreignDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .salaryDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .domesticPublicDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .PaymentToMobileOverview .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .P2PPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .PersonalDataV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .PaymentOrderV3Mk .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .PaymentOrderV4Mk .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .PaymentOrderV4Public .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img { display: none; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .AccountTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .AccountStatements .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .CreditorTemplateManagingV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .CrontoTokenList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .CreditorTemplateManagingV3Public .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .CardTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .CardStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .CardStatements .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .CardSpendingCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .CardSpendings .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .LoanRepayments .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .ForeignPaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .PaymentOverviewV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .LoanAnnuityPlan .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .SalariesPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .ExchangeOfficeOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .DomesticOrderCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .ForeignPaymentOrderV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .domesticDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .foreignDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .salaryDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .domesticPublicDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .PaymentToMobileOverview .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .P2PPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .PersonalDataV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .PaymentOrderV3Mk .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .PaymentOrderV4Mk .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .PaymentOrderV4Public .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico { position: absolute; right: 16px; width: 18px; height: 18px; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .AccountTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .AccountStatements .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .CreditorTemplateManagingV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .CrontoTokenList .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .CreditorTemplateManagingV3Public .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .CardTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .CardStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .CardStatements .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .CardSpendingCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .CardSpendings .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .LoanRepayments .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .ForeignPaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .PaymentOverviewV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .LoanAnnuityPlan .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .SalariesPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .ExchangeOfficeOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .DomesticOrderCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .ForeignPaymentOrderV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .domesticDialog .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .foreignDialog .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .salaryDialog .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .domesticPublicDialog .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .PaymentToMobileOverview .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .P2PPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .PersonalDataV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .PaymentOrderV3Mk .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .PaymentOrderV4Mk .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .PaymentOrderV4Public .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap { padding-left: 10px; border: 1px solid #b4bfcb; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .AccountTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .AccountTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .AccountTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .AccountTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .AccountStatements .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .AccountStatements .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .AccountStatements .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .AccountStatements .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .CreditorTemplateManagingV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .CreditorTemplateManagingV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .CreditorTemplateManagingV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .CreditorTemplateManagingV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .CrontoTokenList .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .CrontoTokenList .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .CrontoTokenList .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .CrontoTokenList .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .CreditorTemplateManagingV3Public .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .CreditorTemplateManagingV3Public .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .CreditorTemplateManagingV3Public .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .CreditorTemplateManagingV3Public .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .CardTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .CardTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .CardTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .CardTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .CardStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .CardStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .CardStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .CardStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .CardStatements .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .CardStatements .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .CardStatements .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .CardStatements .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .CardSpendingCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .CardSpendingCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .CardSpendingCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .CardSpendingCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .CardSpendings .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .CardSpendings .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .CardSpendings .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .CardSpendings .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .LoanRepayments .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .LoanRepayments .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .LoanRepayments .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .LoanRepayments .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .ForeignPaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .ForeignPaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .ForeignPaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .ForeignPaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .PaymentOverviewV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .PaymentOverviewV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .PaymentOverviewV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .PaymentOverviewV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .LoanAnnuityPlan .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .LoanAnnuityPlan .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .LoanAnnuityPlan .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .LoanAnnuityPlan .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .SalariesPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .SalariesPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .SalariesPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .SalariesPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .ExchangeOfficeOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .ExchangeOfficeOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .ExchangeOfficeOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .ExchangeOfficeOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .DomesticOrderCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .DomesticOrderCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .DomesticOrderCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .DomesticOrderCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .ForeignPaymentOrderV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .ForeignPaymentOrderV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .ForeignPaymentOrderV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .ForeignPaymentOrderV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .domesticDialog .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .domesticDialog .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .domesticDialog .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .domesticDialog .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .foreignDialog .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .foreignDialog .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .foreignDialog .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .foreignDialog .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .salaryDialog .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .salaryDialog .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .salaryDialog .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .salaryDialog .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .domesticPublicDialog .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .domesticPublicDialog .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .domesticPublicDialog .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .domesticPublicDialog .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .PaymentToMobileOverview .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .PaymentToMobileOverview .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .PaymentToMobileOverview .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .PaymentToMobileOverview .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .P2PPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .P2PPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .P2PPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .P2PPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .PersonalDataV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .PersonalDataV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .PersonalDataV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .PersonalDataV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .PaymentOrderV3Mk .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .PaymentOrderV3Mk .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .PaymentOrderV3Mk .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .PaymentOrderV3Mk .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .PaymentOrderV4Mk .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .PaymentOrderV4Mk .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .PaymentOrderV4Mk .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .PaymentOrderV4Mk .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .PaymentOrderV4Public .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .PaymentOrderV4Public .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .PaymentOrderV4Public .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .PaymentOrderV4Public .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin { border: 1px solid #0a79b8 !important; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .AccountTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .AccountStatements .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .CreditorTemplateManagingV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .CrontoTokenList .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .CreditorTemplateManagingV3Public .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .CardTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .CardStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .CardStatements .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .CardSpendingCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .CardSpendings .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .LoanRepayments .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .ForeignPaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .PaymentOverviewV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .LoanAnnuityPlan .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .SalariesPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .ExchangeOfficeOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .DomesticOrderCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .ForeignPaymentOrderV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .domesticDialog .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .foreignDialog .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .salaryDialog .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .domesticPublicDialog .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .PaymentToMobileOverview .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .P2PPaymentOverview .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .PersonalDataV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .PaymentOrderV3Mk .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .PaymentOrderV4Mk .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .PaymentOrderV4Public .tableFilter .transaction-filter-inner .transaction-filter-box .input-1 { height: 40px; padding: 0; border: none; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .dk-select, .AccountTurnover .tableFilter .transaction-filter-inner .dk-select, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .dk-select, .AccountStatements .tableFilter .transaction-filter-inner .dk-select, .CreditorTemplateManagingV3 .tableFilter .transaction-filter-inner .dk-select, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .dk-select, .CrontoTokenList .tableFilter .transaction-filter-inner .dk-select, .CreditorTemplateManagingV3Public .tableFilter .transaction-filter-inner .dk-select, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .dk-select, .CardTurnover .tableFilter .transaction-filter-inner .dk-select, .CardStatementsCorporate .tableFilter .transaction-filter-inner .dk-select, .CardStatements .tableFilter .transaction-filter-inner .dk-select, .CardSpendingCorporate .tableFilter .transaction-filter-inner .dk-select, .CardSpendings .tableFilter .transaction-filter-inner .dk-select, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .dk-select, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .dk-select, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .dk-select, .LoanRepayments .tableFilter .transaction-filter-inner .dk-select, .MessageHubNotificationList .tableFilter .transaction-filter-inner .dk-select, .ForeignPaymentOverviewV2 .tableFilter .transaction-filter-inner .dk-select, .PaymentOverviewV3 .tableFilter .transaction-filter-inner .dk-select, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .dk-select, .LoanAnnuityPlan .tableFilter .transaction-filter-inner .dk-select, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .dk-select, .SalariesPaymentOverview .tableFilter .transaction-filter-inner .dk-select, .ExchangeOfficeOverviewCorporateV2 .tableFilter .transaction-filter-inner .dk-select, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .dk-select, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .dk-select, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .dk-select, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .dk-select, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .dk-select, .DomesticOrderCorporateV3 .tableFilter .transaction-filter-inner .dk-select, .ForeignPaymentOrderV2 .tableFilter .transaction-filter-inner .dk-select, .domesticDialog .tableFilter .transaction-filter-inner .dk-select, .foreignDialog .tableFilter .transaction-filter-inner .dk-select, .salaryDialog .tableFilter .transaction-filter-inner .dk-select, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .dk-select, .domesticPublicDialog .tableFilter .transaction-filter-inner .dk-select, .PaymentToMobileOverview .tableFilter .transaction-filter-inner .dk-select, .P2PPaymentOverview .tableFilter .transaction-filter-inner .dk-select, .PersonalDataV2 .tableFilter .transaction-filter-inner .dk-select, .PaymentOrderV3Mk .tableFilter .transaction-filter-inner .dk-select, .PaymentOrderV4Mk .tableFilter .transaction-filter-inner .dk-select, .PaymentOrderV4Public .tableFilter .transaction-filter-inner .dk-select { font-size: 15px; cursor: pointer; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .filterButton, .AccountTurnover .tableFilter .transaction-filter-inner .filterButton, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .filterButton, .AccountStatements .tableFilter .transaction-filter-inner .filterButton, .CreditorTemplateManagingV3 .tableFilter .transaction-filter-inner .filterButton, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .filterButton, .CrontoTokenList .tableFilter .transaction-filter-inner .filterButton, .CreditorTemplateManagingV3Public .tableFilter .transaction-filter-inner .filterButton, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton, .CardTurnover .tableFilter .transaction-filter-inner .filterButton, .CardStatementsCorporate .tableFilter .transaction-filter-inner .filterButton, .CardStatements .tableFilter .transaction-filter-inner .filterButton, .CardSpendingCorporate .tableFilter .transaction-filter-inner .filterButton, .CardSpendings .tableFilter .transaction-filter-inner .filterButton, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .filterButton, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .filterButton, .LoanRepayments .tableFilter .transaction-filter-inner .filterButton, .MessageHubNotificationList .tableFilter .transaction-filter-inner .filterButton, .ForeignPaymentOverviewV2 .tableFilter .transaction-filter-inner .filterButton, .PaymentOverviewV3 .tableFilter .transaction-filter-inner .filterButton, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .filterButton, .LoanAnnuityPlan .tableFilter .transaction-filter-inner .filterButton, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .filterButton, .SalariesPaymentOverview .tableFilter .transaction-filter-inner .filterButton, .ExchangeOfficeOverviewCorporateV2 .tableFilter .transaction-filter-inner .filterButton, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .filterButton, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .filterButton, .DomesticOrderCorporateV3 .tableFilter .transaction-filter-inner .filterButton, .ForeignPaymentOrderV2 .tableFilter .transaction-filter-inner .filterButton, .domesticDialog .tableFilter .transaction-filter-inner .filterButton, .foreignDialog .tableFilter .transaction-filter-inner .filterButton, .salaryDialog .tableFilter .transaction-filter-inner .filterButton, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .filterButton, .domesticPublicDialog .tableFilter .transaction-filter-inner .filterButton, .PaymentToMobileOverview .tableFilter .transaction-filter-inner .filterButton, .P2PPaymentOverview .tableFilter .transaction-filter-inner .filterButton, .PersonalDataV2 .tableFilter .transaction-filter-inner .filterButton, .PaymentOrderV3Mk .tableFilter .transaction-filter-inner .filterButton, .PaymentOrderV4Mk .tableFilter .transaction-filter-inner .filterButton, .PaymentOrderV4Public .tableFilter .transaction-filter-inner .filterButton { right: -40px; bottom: 3px; width: 40px; height: 40px; background: none; border-radius: 12px; transition: box-shadow .5s; cursor: pointer; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .filterButton button, .AccountTurnover .tableFilter .transaction-filter-inner .filterButton button, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .filterButton button, .AccountStatements .tableFilter .transaction-filter-inner .filterButton button, .CreditorTemplateManagingV3 .tableFilter .transaction-filter-inner .filterButton button, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .filterButton button, .CrontoTokenList .tableFilter .transaction-filter-inner .filterButton button, .CreditorTemplateManagingV3Public .tableFilter .transaction-filter-inner .filterButton button, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton button, .CardTurnover .tableFilter .transaction-filter-inner .filterButton button, .CardStatementsCorporate .tableFilter .transaction-filter-inner .filterButton button, .CardStatements .tableFilter .transaction-filter-inner .filterButton button, .CardSpendingCorporate .tableFilter .transaction-filter-inner .filterButton button, .CardSpendings .tableFilter .transaction-filter-inner .filterButton button, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .filterButton button, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton button, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .filterButton button, .LoanRepayments .tableFilter .transaction-filter-inner .filterButton button, .MessageHubNotificationList .tableFilter .transaction-filter-inner .filterButton button, .ForeignPaymentOverviewV2 .tableFilter .transaction-filter-inner .filterButton button, .PaymentOverviewV3 .tableFilter .transaction-filter-inner .filterButton button, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .filterButton button, .LoanAnnuityPlan .tableFilter .transaction-filter-inner .filterButton button, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .filterButton button, .SalariesPaymentOverview .tableFilter .transaction-filter-inner .filterButton button, .ExchangeOfficeOverviewCorporateV2 .tableFilter .transaction-filter-inner .filterButton button, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton button, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .filterButton button, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton button, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton button, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .filterButton button, .DomesticOrderCorporateV3 .tableFilter .transaction-filter-inner .filterButton button, .ForeignPaymentOrderV2 .tableFilter .transaction-filter-inner .filterButton button, .domesticDialog .tableFilter .transaction-filter-inner .filterButton button, .foreignDialog .tableFilter .transaction-filter-inner .filterButton button, .salaryDialog .tableFilter .transaction-filter-inner .filterButton button, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .filterButton button, .domesticPublicDialog .tableFilter .transaction-filter-inner .filterButton button, .PaymentToMobileOverview .tableFilter .transaction-filter-inner .filterButton button, .P2PPaymentOverview .tableFilter .transaction-filter-inner .filterButton button, .PersonalDataV2 .tableFilter .transaction-filter-inner .filterButton button, .PaymentOrderV3Mk .tableFilter .transaction-filter-inner .filterButton button, .PaymentOrderV4Mk .tableFilter .transaction-filter-inner .filterButton button, .PaymentOrderV4Public .tableFilter .transaction-filter-inner .filterButton button { padding: 0px; background: linear-gradient(45deg, #0079ff, #00c6ff); border-radius: 6px; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08) !important; transition: box-shadow .5s; font-family: "Source-Sans-Pro-bold", sans-serif; color: #FFFFFF; width: 40px; height: 40px; font-size: 14px; cursor: pointer; border: none; position: relative; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .filterButton button:hover, .AccountTurnover .tableFilter .transaction-filter-inner .filterButton button:hover, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .filterButton button:hover, .AccountStatements .tableFilter .transaction-filter-inner .filterButton button:hover, .CreditorTemplateManagingV3 .tableFilter .transaction-filter-inner .filterButton button:hover, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .filterButton button:hover, .CrontoTokenList .tableFilter .transaction-filter-inner .filterButton button:hover, .CreditorTemplateManagingV3Public .tableFilter .transaction-filter-inner .filterButton button:hover, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton button:hover, .CardTurnover .tableFilter .transaction-filter-inner .filterButton button:hover, .CardStatementsCorporate .tableFilter .transaction-filter-inner .filterButton button:hover, .CardStatements .tableFilter .transaction-filter-inner .filterButton button:hover, .CardSpendingCorporate .tableFilter .transaction-filter-inner .filterButton button:hover, .CardSpendings .tableFilter .transaction-filter-inner .filterButton button:hover, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .filterButton button:hover, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton button:hover, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .filterButton button:hover, .LoanRepayments .tableFilter .transaction-filter-inner .filterButton button:hover, .MessageHubNotificationList .tableFilter .transaction-filter-inner .filterButton button:hover, .ForeignPaymentOverviewV2 .tableFilter .transaction-filter-inner .filterButton button:hover, .PaymentOverviewV3 .tableFilter .transaction-filter-inner .filterButton button:hover, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .filterButton button:hover, .LoanAnnuityPlan .tableFilter .transaction-filter-inner .filterButton button:hover, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .filterButton button:hover, .SalariesPaymentOverview .tableFilter .transaction-filter-inner .filterButton button:hover, .ExchangeOfficeOverviewCorporateV2 .tableFilter .transaction-filter-inner .filterButton button:hover, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton button:hover, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .filterButton button:hover, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton button:hover, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton button:hover, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .filterButton button:hover, .DomesticOrderCorporateV3 .tableFilter .transaction-filter-inner .filterButton button:hover, .ForeignPaymentOrderV2 .tableFilter .transaction-filter-inner .filterButton button:hover, .domesticDialog .tableFilter .transaction-filter-inner .filterButton button:hover, .foreignDialog .tableFilter .transaction-filter-inner .filterButton button:hover, .salaryDialog .tableFilter .transaction-filter-inner .filterButton button:hover, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .filterButton button:hover, .domesticPublicDialog .tableFilter .transaction-filter-inner .filterButton button:hover, .PaymentToMobileOverview .tableFilter .transaction-filter-inner .filterButton button:hover, .P2PPaymentOverview .tableFilter .transaction-filter-inner .filterButton button:hover, .PersonalDataV2 .tableFilter .transaction-filter-inner .filterButton button:hover, .PaymentOrderV3Mk .tableFilter .transaction-filter-inner .filterButton button:hover, .PaymentOrderV4Mk .tableFilter .transaction-filter-inner .filterButton button:hover, .PaymentOrderV4Public .tableFilter .transaction-filter-inner .filterButton button:hover { background: linear-gradient(45deg, #006de6, #00b2e6); transition: background-color .5s; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .AccountTurnover .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .AccountStatements .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .CreditorTemplateManagingV3 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .CrontoTokenList .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .CreditorTemplateManagingV3Public .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .CardTurnover .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .CardStatementsCorporate .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .CardStatements .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .CardSpendingCorporate .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .CardSpendings .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .LoanRepayments .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .MessageHubNotificationList .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .ForeignPaymentOverviewV2 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .PaymentOverviewV3 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .LoanAnnuityPlan .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .SalariesPaymentOverview .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .ExchangeOfficeOverviewCorporateV2 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .DomesticOrderCorporateV3 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .ForeignPaymentOrderV2 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .domesticDialog .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .foreignDialog .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .salaryDialog .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .domesticPublicDialog .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .PaymentToMobileOverview .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .P2PPaymentOverview .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .PersonalDataV2 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .PaymentOrderV3Mk .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .PaymentOrderV4Mk .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .PaymentOrderV4Public .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow { top: 50%; left: 50%; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .filterButton button svg, .AccountTurnover .tableFilter .transaction-filter-inner .filterButton button svg, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .filterButton button svg, .AccountStatements .tableFilter .transaction-filter-inner .filterButton button svg, .CreditorTemplateManagingV3 .tableFilter .transaction-filter-inner .filterButton button svg, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .filterButton button svg, .CrontoTokenList .tableFilter .transaction-filter-inner .filterButton button svg, .CreditorTemplateManagingV3Public .tableFilter .transaction-filter-inner .filterButton button svg, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton button svg, .CardTurnover .tableFilter .transaction-filter-inner .filterButton button svg, .CardStatementsCorporate .tableFilter .transaction-filter-inner .filterButton button svg, .CardStatements .tableFilter .transaction-filter-inner .filterButton button svg, .CardSpendingCorporate .tableFilter .transaction-filter-inner .filterButton button svg, .CardSpendings .tableFilter .transaction-filter-inner .filterButton button svg, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .filterButton button svg, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton button svg, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .filterButton button svg, .LoanRepayments .tableFilter .transaction-filter-inner .filterButton button svg, .MessageHubNotificationList .tableFilter .transaction-filter-inner .filterButton button svg, .ForeignPaymentOverviewV2 .tableFilter .transaction-filter-inner .filterButton button svg, .PaymentOverviewV3 .tableFilter .transaction-filter-inner .filterButton button svg, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .filterButton button svg, .LoanAnnuityPlan .tableFilter .transaction-filter-inner .filterButton button svg, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .filterButton button svg, .SalariesPaymentOverview .tableFilter .transaction-filter-inner .filterButton button svg, .ExchangeOfficeOverviewCorporateV2 .tableFilter .transaction-filter-inner .filterButton button svg, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton button svg, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .filterButton button svg, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton button svg, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton button svg, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .filterButton button svg, .DomesticOrderCorporateV3 .tableFilter .transaction-filter-inner .filterButton button svg, .ForeignPaymentOrderV2 .tableFilter .transaction-filter-inner .filterButton button svg, .domesticDialog .tableFilter .transaction-filter-inner .filterButton button svg, .foreignDialog .tableFilter .transaction-filter-inner .filterButton button svg, .salaryDialog .tableFilter .transaction-filter-inner .filterButton button svg, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .filterButton button svg, .domesticPublicDialog .tableFilter .transaction-filter-inner .filterButton button svg, .PaymentToMobileOverview .tableFilter .transaction-filter-inner .filterButton button svg, .P2PPaymentOverview .tableFilter .transaction-filter-inner .filterButton button svg, .PersonalDataV2 .tableFilter .transaction-filter-inner .filterButton button svg, .PaymentOrderV3Mk .tableFilter .transaction-filter-inner .filterButton button svg, .PaymentOrderV4Mk .tableFilter .transaction-filter-inner .filterButton button svg, .PaymentOrderV4Public .tableFilter .transaction-filter-inner .filterButton button svg { width: 6px; height: 12px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); fill: #FFFFFF; } .Forms_ActiveWorkflowListSOG .gvCardTurnover, .AccountTurnover .gvCardTurnover, .AccountPosTrasactionCorporate .gvCardTurnover, .AccountStatements .gvCardTurnover, .CreditorTemplateManagingV3 .gvCardTurnover, .CreditorTemplateManagingForeignV2 .gvCardTurnover, .CrontoTokenList .gvCardTurnover, .CreditorTemplateManagingV3Public .gvCardTurnover, .CardTurnoverCorporate .gvCardTurnover, .CardTurnover .gvCardTurnover, .CardStatementsCorporate .gvCardTurnover, .CardStatements .gvCardTurnover, .CardSpendingCorporate .gvCardTurnover, .CardSpendings .gvCardTurnover, .CardInstallmentsV2 .gvCardTurnover, .DepositTurnoverCorporate .gvCardTurnover, .DepositStatementsCorporate .gvCardTurnover, .LoanRepayments .gvCardTurnover, .MessageHubNotificationList .gvCardTurnover, .ForeignPaymentOverviewV2 .gvCardTurnover, .PaymentOverviewV3 .gvCardTurnover, .PaymentOverviewV2 .gvCardTurnover, .LoanAnnuityPlan .gvCardTurnover, .CurrencyExchangeV2 .gvCardTurnover, .SalariesPaymentOverview .gvCardTurnover, .ExchangeOfficeOverviewCorporateV2 .gvCardTurnover, .OrderPackageReportCorporateV3 .gvCardTurnover, .OrdersFromOrderPackagesListCorporateV3 .gvCardTurnover, .DomesticOrderReportCorporateV3 .gvCardTurnover, .ForeignOrderReportCorporateV3 .gvCardTurnover, .SalariesOverviewCorporateV2 .gvCardTurnover, .DomesticOrderCorporateV3 .gvCardTurnover, .ForeignPaymentOrderV2 .gvCardTurnover, .domesticDialog .gvCardTurnover, .foreignDialog .gvCardTurnover, .salaryDialog .gvCardTurnover, .InflowsCorporateV2 .gvCardTurnover, .domesticPublicDialog .gvCardTurnover, .PaymentToMobileOverview .gvCardTurnover, .P2PPaymentOverview .gvCardTurnover, .PersonalDataV2 .gvCardTurnover, .PaymentOrderV3Mk .gvCardTurnover, .PaymentOrderV4Mk .gvCardTurnover, .PaymentOrderV4Public .gvCardTurnover { /* .clientGridPager { display: flex; } table { thead { tr { th { &:nth-child(2) { width: 8.33333%; } &:nth-child(3), &:nth-child(4) { width: 16.66667%; } &:nth-child(5) { width: 25%; } &:nth-child(6), &:nth-child(7) { width: 8.33333%; text-align: right; } &:last-child { width: 11.11111%; text-align: right; } } } } tbody { tr { &:hover { background-color: $color-10; } td { line-height: unset; &:nth-child(2) { width: 8.33333%; border-top-left-radius: 12px; border-bottom-left-radius: 12px; span { border-top-left-radius: 12px; border-bottom-left-radius: 12px; } } &:nth-child(3), &:nth-child(4) { width: 16.66667%; } &:nth-child(5) { width: 25%; span { justify-content: flex-start !important; } } &:nth-child(6), &:nth-child(7) { width: 11.11111%; span { justify-content: flex-end; } } &:last-child { width: 11.11111%; border-top-right-radius: 12px; border-bottom-right-radius: 12px; .tablesaw-cell-content { justify-content: end !important; } } .date { font-size: 15px; } .tablesaw-cell-content { font-size: 15px; } } } } }*/ } .Forms_ActiveWorkflowListSOG .gvCardTurnover thead, .AccountTurnover .gvCardTurnover thead, .AccountPosTrasactionCorporate .gvCardTurnover thead, .AccountStatements .gvCardTurnover thead, .CreditorTemplateManagingV3 .gvCardTurnover thead, .CreditorTemplateManagingForeignV2 .gvCardTurnover thead, .CrontoTokenList .gvCardTurnover thead, .CreditorTemplateManagingV3Public .gvCardTurnover thead, .CardTurnoverCorporate .gvCardTurnover thead, .CardTurnover .gvCardTurnover thead, .CardStatementsCorporate .gvCardTurnover thead, .CardStatements .gvCardTurnover thead, .CardSpendingCorporate .gvCardTurnover thead, .CardSpendings .gvCardTurnover thead, .CardInstallmentsV2 .gvCardTurnover thead, .DepositTurnoverCorporate .gvCardTurnover thead, .DepositStatementsCorporate .gvCardTurnover thead, .LoanRepayments .gvCardTurnover thead, .MessageHubNotificationList .gvCardTurnover thead, .ForeignPaymentOverviewV2 .gvCardTurnover thead, .PaymentOverviewV3 .gvCardTurnover thead, .PaymentOverviewV2 .gvCardTurnover thead, .LoanAnnuityPlan .gvCardTurnover thead, .CurrencyExchangeV2 .gvCardTurnover thead, .SalariesPaymentOverview .gvCardTurnover thead, .ExchangeOfficeOverviewCorporateV2 .gvCardTurnover thead, .OrderPackageReportCorporateV3 .gvCardTurnover thead, .OrdersFromOrderPackagesListCorporateV3 .gvCardTurnover thead, .DomesticOrderReportCorporateV3 .gvCardTurnover thead, .ForeignOrderReportCorporateV3 .gvCardTurnover thead, .SalariesOverviewCorporateV2 .gvCardTurnover thead, .DomesticOrderCorporateV3 .gvCardTurnover thead, .ForeignPaymentOrderV2 .gvCardTurnover thead, .domesticDialog .gvCardTurnover thead, .foreignDialog .gvCardTurnover thead, .salaryDialog .gvCardTurnover thead, .InflowsCorporateV2 .gvCardTurnover thead, .domesticPublicDialog .gvCardTurnover thead, .PaymentToMobileOverview .gvCardTurnover thead, .P2PPaymentOverview .gvCardTurnover thead, .PersonalDataV2 .gvCardTurnover thead, .PaymentOrderV3Mk .gvCardTurnover thead, .PaymentOrderV4Mk .gvCardTurnover thead, .PaymentOrderV4Public .gvCardTurnover thead { border-bottom: 1px solid #8294a8 !important; } .Forms_ActiveWorkflowListSOG .gvCardTurnover tbody, .AccountTurnover .gvCardTurnover tbody, .AccountPosTrasactionCorporate .gvCardTurnover tbody, .AccountStatements .gvCardTurnover tbody, .CreditorTemplateManagingV3 .gvCardTurnover tbody, .CreditorTemplateManagingForeignV2 .gvCardTurnover tbody, .CrontoTokenList .gvCardTurnover tbody, .CreditorTemplateManagingV3Public .gvCardTurnover tbody, .CardTurnoverCorporate .gvCardTurnover tbody, .CardTurnover .gvCardTurnover tbody, .CardStatementsCorporate .gvCardTurnover tbody, .CardStatements .gvCardTurnover tbody, .CardSpendingCorporate .gvCardTurnover tbody, .CardSpendings .gvCardTurnover tbody, .CardInstallmentsV2 .gvCardTurnover tbody, .DepositTurnoverCorporate .gvCardTurnover tbody, .DepositStatementsCorporate .gvCardTurnover tbody, .LoanRepayments .gvCardTurnover tbody, .MessageHubNotificationList .gvCardTurnover tbody, .ForeignPaymentOverviewV2 .gvCardTurnover tbody, .PaymentOverviewV3 .gvCardTurnover tbody, .PaymentOverviewV2 .gvCardTurnover tbody, .LoanAnnuityPlan .gvCardTurnover tbody, .CurrencyExchangeV2 .gvCardTurnover tbody, .SalariesPaymentOverview .gvCardTurnover tbody, .ExchangeOfficeOverviewCorporateV2 .gvCardTurnover tbody, .OrderPackageReportCorporateV3 .gvCardTurnover tbody, .OrdersFromOrderPackagesListCorporateV3 .gvCardTurnover tbody, .DomesticOrderReportCorporateV3 .gvCardTurnover tbody, .ForeignOrderReportCorporateV3 .gvCardTurnover tbody, .SalariesOverviewCorporateV2 .gvCardTurnover tbody, .DomesticOrderCorporateV3 .gvCardTurnover tbody, .ForeignPaymentOrderV2 .gvCardTurnover tbody, .domesticDialog .gvCardTurnover tbody, .foreignDialog .gvCardTurnover tbody, .salaryDialog .gvCardTurnover tbody, .InflowsCorporateV2 .gvCardTurnover tbody, .domesticPublicDialog .gvCardTurnover tbody, .PaymentToMobileOverview .gvCardTurnover tbody, .P2PPaymentOverview .gvCardTurnover tbody, .PersonalDataV2 .gvCardTurnover tbody, .PaymentOrderV3Mk .gvCardTurnover tbody, .PaymentOrderV4Mk .gvCardTurnover tbody, .PaymentOrderV4Public .gvCardTurnover tbody { margin-bottom: 20px; } .Forms_ActiveWorkflowListSOG .gvCardTurnover tbody:before, .AccountTurnover .gvCardTurnover tbody:before, .AccountPosTrasactionCorporate .gvCardTurnover tbody:before, .AccountStatements .gvCardTurnover tbody:before, .CreditorTemplateManagingV3 .gvCardTurnover tbody:before, .CreditorTemplateManagingForeignV2 .gvCardTurnover tbody:before, .CrontoTokenList .gvCardTurnover tbody:before, .CreditorTemplateManagingV3Public .gvCardTurnover tbody:before, .CardTurnoverCorporate .gvCardTurnover tbody:before, .CardTurnover .gvCardTurnover tbody:before, .CardStatementsCorporate .gvCardTurnover tbody:before, .CardStatements .gvCardTurnover tbody:before, .CardSpendingCorporate .gvCardTurnover tbody:before, .CardSpendings .gvCardTurnover tbody:before, .CardInstallmentsV2 .gvCardTurnover tbody:before, .DepositTurnoverCorporate .gvCardTurnover tbody:before, .DepositStatementsCorporate .gvCardTurnover tbody:before, .LoanRepayments .gvCardTurnover tbody:before, .MessageHubNotificationList .gvCardTurnover tbody:before, .ForeignPaymentOverviewV2 .gvCardTurnover tbody:before, .PaymentOverviewV3 .gvCardTurnover tbody:before, .PaymentOverviewV2 .gvCardTurnover tbody:before, .LoanAnnuityPlan .gvCardTurnover tbody:before, .CurrencyExchangeV2 .gvCardTurnover tbody:before, .SalariesPaymentOverview .gvCardTurnover tbody:before, .ExchangeOfficeOverviewCorporateV2 .gvCardTurnover tbody:before, .OrderPackageReportCorporateV3 .gvCardTurnover tbody:before, .OrdersFromOrderPackagesListCorporateV3 .gvCardTurnover tbody:before, .DomesticOrderReportCorporateV3 .gvCardTurnover tbody:before, .ForeignOrderReportCorporateV3 .gvCardTurnover tbody:before, .SalariesOverviewCorporateV2 .gvCardTurnover tbody:before, .DomesticOrderCorporateV3 .gvCardTurnover tbody:before, .ForeignPaymentOrderV2 .gvCardTurnover tbody:before, .domesticDialog .gvCardTurnover tbody:before, .foreignDialog .gvCardTurnover tbody:before, .salaryDialog .gvCardTurnover tbody:before, .InflowsCorporateV2 .gvCardTurnover tbody:before, .domesticPublicDialog .gvCardTurnover tbody:before, .PaymentToMobileOverview .gvCardTurnover tbody:before, .P2PPaymentOverview .gvCardTurnover tbody:before, .PersonalDataV2 .gvCardTurnover tbody:before, .PaymentOrderV3Mk .gvCardTurnover tbody:before, .PaymentOrderV4Mk .gvCardTurnover tbody:before, .PaymentOrderV4Public .gvCardTurnover tbody:before { content: "@"; display: block; line-height: 20px; text-indent: -99999px; } .Forms_ActiveWorkflowListSOG .gvCardTurnover tbody tr:first-child, .AccountTurnover .gvCardTurnover tbody tr:first-child, .AccountPosTrasactionCorporate .gvCardTurnover tbody tr:first-child, .AccountStatements .gvCardTurnover tbody tr:first-child, .CreditorTemplateManagingV3 .gvCardTurnover tbody tr:first-child, .CreditorTemplateManagingForeignV2 .gvCardTurnover tbody tr:first-child, .CrontoTokenList .gvCardTurnover tbody tr:first-child, .CreditorTemplateManagingV3Public .gvCardTurnover tbody tr:first-child, .CardTurnoverCorporate .gvCardTurnover tbody tr:first-child, .CardTurnover .gvCardTurnover tbody tr:first-child, .CardStatementsCorporate .gvCardTurnover tbody tr:first-child, .CardStatements .gvCardTurnover tbody tr:first-child, .CardSpendingCorporate .gvCardTurnover tbody tr:first-child, .CardSpendings .gvCardTurnover tbody tr:first-child, .CardInstallmentsV2 .gvCardTurnover tbody tr:first-child, .DepositTurnoverCorporate .gvCardTurnover tbody tr:first-child, .DepositStatementsCorporate .gvCardTurnover tbody tr:first-child, .LoanRepayments .gvCardTurnover tbody tr:first-child, .MessageHubNotificationList .gvCardTurnover tbody tr:first-child, .ForeignPaymentOverviewV2 .gvCardTurnover tbody tr:first-child, .PaymentOverviewV3 .gvCardTurnover tbody tr:first-child, .PaymentOverviewV2 .gvCardTurnover tbody tr:first-child, .LoanAnnuityPlan .gvCardTurnover tbody tr:first-child, .CurrencyExchangeV2 .gvCardTurnover tbody tr:first-child, .SalariesPaymentOverview .gvCardTurnover tbody tr:first-child, .ExchangeOfficeOverviewCorporateV2 .gvCardTurnover tbody tr:first-child, .OrderPackageReportCorporateV3 .gvCardTurnover tbody tr:first-child, .OrdersFromOrderPackagesListCorporateV3 .gvCardTurnover tbody tr:first-child, .DomesticOrderReportCorporateV3 .gvCardTurnover tbody tr:first-child, .ForeignOrderReportCorporateV3 .gvCardTurnover tbody tr:first-child, .SalariesOverviewCorporateV2 .gvCardTurnover tbody tr:first-child, .DomesticOrderCorporateV3 .gvCardTurnover tbody tr:first-child, .ForeignPaymentOrderV2 .gvCardTurnover tbody tr:first-child, .domesticDialog .gvCardTurnover tbody tr:first-child, .foreignDialog .gvCardTurnover tbody tr:first-child, .salaryDialog .gvCardTurnover tbody tr:first-child, .InflowsCorporateV2 .gvCardTurnover tbody tr:first-child, .domesticPublicDialog .gvCardTurnover tbody tr:first-child, .PaymentToMobileOverview .gvCardTurnover tbody tr:first-child, .P2PPaymentOverview .gvCardTurnover tbody tr:first-child, .PersonalDataV2 .gvCardTurnover tbody tr:first-child, .PaymentOrderV3Mk .gvCardTurnover tbody tr:first-child, .PaymentOrderV4Mk .gvCardTurnover tbody tr:first-child, .PaymentOrderV4Public .gvCardTurnover tbody tr:first-child { border-top: none !important; } .Forms_ActiveWorkflowListSOG .gvCardTurnover tbody tr:hover, .AccountTurnover .gvCardTurnover tbody tr:hover, .AccountPosTrasactionCorporate .gvCardTurnover tbody tr:hover, .AccountStatements .gvCardTurnover tbody tr:hover, .CreditorTemplateManagingV3 .gvCardTurnover tbody tr:hover, .CreditorTemplateManagingForeignV2 .gvCardTurnover tbody tr:hover, .CrontoTokenList .gvCardTurnover tbody tr:hover, .CreditorTemplateManagingV3Public .gvCardTurnover tbody tr:hover, .CardTurnoverCorporate .gvCardTurnover tbody tr:hover, .CardTurnover .gvCardTurnover tbody tr:hover, .CardStatementsCorporate .gvCardTurnover tbody tr:hover, .CardStatements .gvCardTurnover tbody tr:hover, .CardSpendingCorporate .gvCardTurnover tbody tr:hover, .CardSpendings .gvCardTurnover tbody tr:hover, .CardInstallmentsV2 .gvCardTurnover tbody tr:hover, .DepositTurnoverCorporate .gvCardTurnover tbody tr:hover, .DepositStatementsCorporate .gvCardTurnover tbody tr:hover, .LoanRepayments .gvCardTurnover tbody tr:hover, .MessageHubNotificationList .gvCardTurnover tbody tr:hover, .ForeignPaymentOverviewV2 .gvCardTurnover tbody tr:hover, .PaymentOverviewV3 .gvCardTurnover tbody tr:hover, .PaymentOverviewV2 .gvCardTurnover tbody tr:hover, .LoanAnnuityPlan .gvCardTurnover tbody tr:hover, .CurrencyExchangeV2 .gvCardTurnover tbody tr:hover, .SalariesPaymentOverview .gvCardTurnover tbody tr:hover, .ExchangeOfficeOverviewCorporateV2 .gvCardTurnover tbody tr:hover, .OrderPackageReportCorporateV3 .gvCardTurnover tbody tr:hover, .OrdersFromOrderPackagesListCorporateV3 .gvCardTurnover tbody tr:hover, .DomesticOrderReportCorporateV3 .gvCardTurnover tbody tr:hover, .ForeignOrderReportCorporateV3 .gvCardTurnover tbody tr:hover, .SalariesOverviewCorporateV2 .gvCardTurnover tbody tr:hover, .DomesticOrderCorporateV3 .gvCardTurnover tbody tr:hover, .ForeignPaymentOrderV2 .gvCardTurnover tbody tr:hover, .domesticDialog .gvCardTurnover tbody tr:hover, .foreignDialog .gvCardTurnover tbody tr:hover, .salaryDialog .gvCardTurnover tbody tr:hover, .InflowsCorporateV2 .gvCardTurnover tbody tr:hover, .domesticPublicDialog .gvCardTurnover tbody tr:hover, .PaymentToMobileOverview .gvCardTurnover tbody tr:hover, .P2PPaymentOverview .gvCardTurnover tbody tr:hover, .PersonalDataV2 .gvCardTurnover tbody tr:hover, .PaymentOrderV3Mk .gvCardTurnover tbody tr:hover, .PaymentOrderV4Mk .gvCardTurnover tbody tr:hover, .PaymentOrderV4Public .gvCardTurnover tbody tr:hover { background-color: #FFFFFF; } .Forms_ActiveWorkflowListSOG .gvCardTurnover tbody tr td:nth-child(2), .AccountTurnover .gvCardTurnover tbody tr td:nth-child(2), .AccountPosTrasactionCorporate .gvCardTurnover tbody tr td:nth-child(2), .AccountStatements .gvCardTurnover tbody tr td:nth-child(2), .CreditorTemplateManagingV3 .gvCardTurnover tbody tr td:nth-child(2), .CreditorTemplateManagingForeignV2 .gvCardTurnover tbody tr td:nth-child(2), .CrontoTokenList .gvCardTurnover tbody tr td:nth-child(2), .CreditorTemplateManagingV3Public .gvCardTurnover tbody tr td:nth-child(2), .CardTurnoverCorporate .gvCardTurnover tbody tr td:nth-child(2), .CardTurnover .gvCardTurnover tbody tr td:nth-child(2), .CardStatementsCorporate .gvCardTurnover tbody tr td:nth-child(2), .CardStatements .gvCardTurnover tbody tr td:nth-child(2), .CardSpendingCorporate .gvCardTurnover tbody tr td:nth-child(2), .CardSpendings .gvCardTurnover tbody tr td:nth-child(2), .CardInstallmentsV2 .gvCardTurnover tbody tr td:nth-child(2), .DepositTurnoverCorporate .gvCardTurnover tbody tr td:nth-child(2), .DepositStatementsCorporate .gvCardTurnover tbody tr td:nth-child(2), .LoanRepayments .gvCardTurnover tbody tr td:nth-child(2), .MessageHubNotificationList .gvCardTurnover tbody tr td:nth-child(2), .ForeignPaymentOverviewV2 .gvCardTurnover tbody tr td:nth-child(2), .PaymentOverviewV3 .gvCardTurnover tbody tr td:nth-child(2), .PaymentOverviewV2 .gvCardTurnover tbody tr td:nth-child(2), .LoanAnnuityPlan .gvCardTurnover tbody tr td:nth-child(2), .CurrencyExchangeV2 .gvCardTurnover tbody tr td:nth-child(2), .SalariesPaymentOverview .gvCardTurnover tbody tr td:nth-child(2), .ExchangeOfficeOverviewCorporateV2 .gvCardTurnover tbody tr td:nth-child(2), .OrderPackageReportCorporateV3 .gvCardTurnover tbody tr td:nth-child(2), .OrdersFromOrderPackagesListCorporateV3 .gvCardTurnover tbody tr td:nth-child(2), .DomesticOrderReportCorporateV3 .gvCardTurnover tbody tr td:nth-child(2), .ForeignOrderReportCorporateV3 .gvCardTurnover tbody tr td:nth-child(2), .SalariesOverviewCorporateV2 .gvCardTurnover tbody tr td:nth-child(2), .DomesticOrderCorporateV3 .gvCardTurnover tbody tr td:nth-child(2), .ForeignPaymentOrderV2 .gvCardTurnover tbody tr td:nth-child(2), .domesticDialog .gvCardTurnover tbody tr td:nth-child(2), .foreignDialog .gvCardTurnover tbody tr td:nth-child(2), .salaryDialog .gvCardTurnover tbody tr td:nth-child(2), .InflowsCorporateV2 .gvCardTurnover tbody tr td:nth-child(2), .domesticPublicDialog .gvCardTurnover tbody tr td:nth-child(2), .PaymentToMobileOverview .gvCardTurnover tbody tr td:nth-child(2), .P2PPaymentOverview .gvCardTurnover tbody tr td:nth-child(2), .PersonalDataV2 .gvCardTurnover tbody tr td:nth-child(2), .PaymentOrderV3Mk .gvCardTurnover tbody tr td:nth-child(2), .PaymentOrderV4Mk .gvCardTurnover tbody tr td:nth-child(2), .PaymentOrderV4Public .gvCardTurnover tbody tr td:nth-child(2) { width: 8.33333%; border-top-left-radius: 12px; border-bottom-left-radius: 12px; } .Forms_ActiveWorkflowListSOG .gvCardTurnover tbody tr td:nth-child(2) span, .AccountTurnover .gvCardTurnover tbody tr td:nth-child(2) span, .AccountPosTrasactionCorporate .gvCardTurnover tbody tr td:nth-child(2) span, .AccountStatements .gvCardTurnover tbody tr td:nth-child(2) span, .CreditorTemplateManagingV3 .gvCardTurnover tbody tr td:nth-child(2) span, .CreditorTemplateManagingForeignV2 .gvCardTurnover tbody tr td:nth-child(2) span, .CrontoTokenList .gvCardTurnover tbody tr td:nth-child(2) span, .CreditorTemplateManagingV3Public .gvCardTurnover tbody tr td:nth-child(2) span, .CardTurnoverCorporate .gvCardTurnover tbody tr td:nth-child(2) span, .CardTurnover .gvCardTurnover tbody tr td:nth-child(2) span, .CardStatementsCorporate .gvCardTurnover tbody tr td:nth-child(2) span, .CardStatements .gvCardTurnover tbody tr td:nth-child(2) span, .CardSpendingCorporate .gvCardTurnover tbody tr td:nth-child(2) span, .CardSpendings .gvCardTurnover tbody tr td:nth-child(2) span, .CardInstallmentsV2 .gvCardTurnover tbody tr td:nth-child(2) span, .DepositTurnoverCorporate .gvCardTurnover tbody tr td:nth-child(2) span, .DepositStatementsCorporate .gvCardTurnover tbody tr td:nth-child(2) span, .LoanRepayments .gvCardTurnover tbody tr td:nth-child(2) span, .MessageHubNotificationList .gvCardTurnover tbody tr td:nth-child(2) span, .ForeignPaymentOverviewV2 .gvCardTurnover tbody tr td:nth-child(2) span, .PaymentOverviewV3 .gvCardTurnover tbody tr td:nth-child(2) span, .PaymentOverviewV2 .gvCardTurnover tbody tr td:nth-child(2) span, .LoanAnnuityPlan .gvCardTurnover tbody tr td:nth-child(2) span, .CurrencyExchangeV2 .gvCardTurnover tbody tr td:nth-child(2) span, .SalariesPaymentOverview .gvCardTurnover tbody tr td:nth-child(2) span, .ExchangeOfficeOverviewCorporateV2 .gvCardTurnover tbody tr td:nth-child(2) span, .OrderPackageReportCorporateV3 .gvCardTurnover tbody tr td:nth-child(2) span, .OrdersFromOrderPackagesListCorporateV3 .gvCardTurnover tbody tr td:nth-child(2) span, .DomesticOrderReportCorporateV3 .gvCardTurnover tbody tr td:nth-child(2) span, .ForeignOrderReportCorporateV3 .gvCardTurnover tbody tr td:nth-child(2) span, .SalariesOverviewCorporateV2 .gvCardTurnover tbody tr td:nth-child(2) span, .DomesticOrderCorporateV3 .gvCardTurnover tbody tr td:nth-child(2) span, .ForeignPaymentOrderV2 .gvCardTurnover tbody tr td:nth-child(2) span, .domesticDialog .gvCardTurnover tbody tr td:nth-child(2) span, .foreignDialog .gvCardTurnover tbody tr td:nth-child(2) span, .salaryDialog .gvCardTurnover tbody tr td:nth-child(2) span, .InflowsCorporateV2 .gvCardTurnover tbody tr td:nth-child(2) span, .domesticPublicDialog .gvCardTurnover tbody tr td:nth-child(2) span, .PaymentToMobileOverview .gvCardTurnover tbody tr td:nth-child(2) span, .P2PPaymentOverview .gvCardTurnover tbody tr td:nth-child(2) span, .PersonalDataV2 .gvCardTurnover tbody tr td:nth-child(2) span, .PaymentOrderV3Mk .gvCardTurnover tbody tr td:nth-child(2) span, .PaymentOrderV4Mk .gvCardTurnover tbody tr td:nth-child(2) span, .PaymentOrderV4Public .gvCardTurnover tbody tr td:nth-child(2) span { border-top-left-radius: 12px; border-bottom-left-radius: 12px; } .Forms_ActiveWorkflowListSOG .gvCardTurnover tbody tr td:last-child, .AccountTurnover .gvCardTurnover tbody tr td:last-child, .AccountPosTrasactionCorporate .gvCardTurnover tbody tr td:last-child, .AccountStatements .gvCardTurnover tbody tr td:last-child, .CreditorTemplateManagingV3 .gvCardTurnover tbody tr td:last-child, .CreditorTemplateManagingForeignV2 .gvCardTurnover tbody tr td:last-child, .CrontoTokenList .gvCardTurnover tbody tr td:last-child, .CreditorTemplateManagingV3Public .gvCardTurnover tbody tr td:last-child, .CardTurnoverCorporate .gvCardTurnover tbody tr td:last-child, .CardTurnover .gvCardTurnover tbody tr td:last-child, .CardStatementsCorporate .gvCardTurnover tbody tr td:last-child, .CardStatements .gvCardTurnover tbody tr td:last-child, .CardSpendingCorporate .gvCardTurnover tbody tr td:last-child, .CardSpendings .gvCardTurnover tbody tr td:last-child, .CardInstallmentsV2 .gvCardTurnover tbody tr td:last-child, .DepositTurnoverCorporate .gvCardTurnover tbody tr td:last-child, .DepositStatementsCorporate .gvCardTurnover tbody tr td:last-child, .LoanRepayments .gvCardTurnover tbody tr td:last-child, .MessageHubNotificationList .gvCardTurnover tbody tr td:last-child, .ForeignPaymentOverviewV2 .gvCardTurnover tbody tr td:last-child, .PaymentOverviewV3 .gvCardTurnover tbody tr td:last-child, .PaymentOverviewV2 .gvCardTurnover tbody tr td:last-child, .LoanAnnuityPlan .gvCardTurnover tbody tr td:last-child, .CurrencyExchangeV2 .gvCardTurnover tbody tr td:last-child, .SalariesPaymentOverview .gvCardTurnover tbody tr td:last-child, .ExchangeOfficeOverviewCorporateV2 .gvCardTurnover tbody tr td:last-child, .OrderPackageReportCorporateV3 .gvCardTurnover tbody tr td:last-child, .OrdersFromOrderPackagesListCorporateV3 .gvCardTurnover tbody tr td:last-child, .DomesticOrderReportCorporateV3 .gvCardTurnover tbody tr td:last-child, .ForeignOrderReportCorporateV3 .gvCardTurnover tbody tr td:last-child, .SalariesOverviewCorporateV2 .gvCardTurnover tbody tr td:last-child, .DomesticOrderCorporateV3 .gvCardTurnover tbody tr td:last-child, .ForeignPaymentOrderV2 .gvCardTurnover tbody tr td:last-child, .domesticDialog .gvCardTurnover tbody tr td:last-child, .foreignDialog .gvCardTurnover tbody tr td:last-child, .salaryDialog .gvCardTurnover tbody tr td:last-child, .InflowsCorporateV2 .gvCardTurnover tbody tr td:last-child, .domesticPublicDialog .gvCardTurnover tbody tr td:last-child, .PaymentToMobileOverview .gvCardTurnover tbody tr td:last-child, .P2PPaymentOverview .gvCardTurnover tbody tr td:last-child, .PersonalDataV2 .gvCardTurnover tbody tr td:last-child, .PaymentOrderV3Mk .gvCardTurnover tbody tr td:last-child, .PaymentOrderV4Mk .gvCardTurnover tbody tr td:last-child, .PaymentOrderV4Public .gvCardTurnover tbody tr td:last-child { width: 11.11111%; border-top-right-radius: 12px; border-bottom-right-radius: 12px; } .Forms_ActiveWorkflowListSOG .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .AccountTurnover .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .AccountPosTrasactionCorporate .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .AccountStatements .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .CreditorTemplateManagingV3 .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .CreditorTemplateManagingForeignV2 .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .CrontoTokenList .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .CreditorTemplateManagingV3Public .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .CardTurnoverCorporate .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .CardTurnover .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .CardStatementsCorporate .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .CardStatements .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .CardSpendingCorporate .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .CardSpendings .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .CardInstallmentsV2 .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .DepositTurnoverCorporate .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .DepositStatementsCorporate .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .LoanRepayments .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .MessageHubNotificationList .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .ForeignPaymentOverviewV2 .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .PaymentOverviewV3 .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .PaymentOverviewV2 .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .LoanAnnuityPlan .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .CurrencyExchangeV2 .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .SalariesPaymentOverview .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .ExchangeOfficeOverviewCorporateV2 .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .OrderPackageReportCorporateV3 .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .OrdersFromOrderPackagesListCorporateV3 .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .DomesticOrderReportCorporateV3 .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .ForeignOrderReportCorporateV3 .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .SalariesOverviewCorporateV2 .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .DomesticOrderCorporateV3 .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .ForeignPaymentOrderV2 .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .domesticDialog .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .foreignDialog .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .salaryDialog .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .InflowsCorporateV2 .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .domesticPublicDialog .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .PaymentToMobileOverview .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .P2PPaymentOverview .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .PersonalDataV2 .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .PaymentOrderV3Mk .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .PaymentOrderV4Mk .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .PaymentOrderV4Public .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content { justify-content: end !important; } .Forms_ActiveWorkflowListSOG .gvCardTurnover tbody tr td .date, .AccountTurnover .gvCardTurnover tbody tr td .date, .AccountPosTrasactionCorporate .gvCardTurnover tbody tr td .date, .AccountStatements .gvCardTurnover tbody tr td .date, .CreditorTemplateManagingV3 .gvCardTurnover tbody tr td .date, .CreditorTemplateManagingForeignV2 .gvCardTurnover tbody tr td .date, .CrontoTokenList .gvCardTurnover tbody tr td .date, .CreditorTemplateManagingV3Public .gvCardTurnover tbody tr td .date, .CardTurnoverCorporate .gvCardTurnover tbody tr td .date, .CardTurnover .gvCardTurnover tbody tr td .date, .CardStatementsCorporate .gvCardTurnover tbody tr td .date, .CardStatements .gvCardTurnover tbody tr td .date, .CardSpendingCorporate .gvCardTurnover tbody tr td .date, .CardSpendings .gvCardTurnover tbody tr td .date, .CardInstallmentsV2 .gvCardTurnover tbody tr td .date, .DepositTurnoverCorporate .gvCardTurnover tbody tr td .date, .DepositStatementsCorporate .gvCardTurnover tbody tr td .date, .LoanRepayments .gvCardTurnover tbody tr td .date, .MessageHubNotificationList .gvCardTurnover tbody tr td .date, .ForeignPaymentOverviewV2 .gvCardTurnover tbody tr td .date, .PaymentOverviewV3 .gvCardTurnover tbody tr td .date, .PaymentOverviewV2 .gvCardTurnover tbody tr td .date, .LoanAnnuityPlan .gvCardTurnover tbody tr td .date, .CurrencyExchangeV2 .gvCardTurnover tbody tr td .date, .SalariesPaymentOverview .gvCardTurnover tbody tr td .date, .ExchangeOfficeOverviewCorporateV2 .gvCardTurnover tbody tr td .date, .OrderPackageReportCorporateV3 .gvCardTurnover tbody tr td .date, .OrdersFromOrderPackagesListCorporateV3 .gvCardTurnover tbody tr td .date, .DomesticOrderReportCorporateV3 .gvCardTurnover tbody tr td .date, .ForeignOrderReportCorporateV3 .gvCardTurnover tbody tr td .date, .SalariesOverviewCorporateV2 .gvCardTurnover tbody tr td .date, .DomesticOrderCorporateV3 .gvCardTurnover tbody tr td .date, .ForeignPaymentOrderV2 .gvCardTurnover tbody tr td .date, .domesticDialog .gvCardTurnover tbody tr td .date, .foreignDialog .gvCardTurnover tbody tr td .date, .salaryDialog .gvCardTurnover tbody tr td .date, .InflowsCorporateV2 .gvCardTurnover tbody tr td .date, .domesticPublicDialog .gvCardTurnover tbody tr td .date, .PaymentToMobileOverview .gvCardTurnover tbody tr td .date, .P2PPaymentOverview .gvCardTurnover tbody tr td .date, .PersonalDataV2 .gvCardTurnover tbody tr td .date, .PaymentOrderV3Mk .gvCardTurnover tbody tr td .date, .PaymentOrderV4Mk .gvCardTurnover tbody tr td .date, .PaymentOrderV4Public .gvCardTurnover tbody tr td .date { font-size: 15px; } .Forms_ActiveWorkflowListSOG .gvCardTurnover tbody tr td .tablesaw-cell-content, .AccountTurnover .gvCardTurnover tbody tr td .tablesaw-cell-content, .AccountPosTrasactionCorporate .gvCardTurnover tbody tr td .tablesaw-cell-content, .AccountStatements .gvCardTurnover tbody tr td .tablesaw-cell-content, .CreditorTemplateManagingV3 .gvCardTurnover tbody tr td .tablesaw-cell-content, .CreditorTemplateManagingForeignV2 .gvCardTurnover tbody tr td .tablesaw-cell-content, .CrontoTokenList .gvCardTurnover tbody tr td .tablesaw-cell-content, .CreditorTemplateManagingV3Public .gvCardTurnover tbody tr td .tablesaw-cell-content, .CardTurnoverCorporate .gvCardTurnover tbody tr td .tablesaw-cell-content, .CardTurnover .gvCardTurnover tbody tr td .tablesaw-cell-content, .CardStatementsCorporate .gvCardTurnover tbody tr td .tablesaw-cell-content, .CardStatements .gvCardTurnover tbody tr td .tablesaw-cell-content, .CardSpendingCorporate .gvCardTurnover tbody tr td .tablesaw-cell-content, .CardSpendings .gvCardTurnover tbody tr td .tablesaw-cell-content, .CardInstallmentsV2 .gvCardTurnover tbody tr td .tablesaw-cell-content, .DepositTurnoverCorporate .gvCardTurnover tbody tr td .tablesaw-cell-content, .DepositStatementsCorporate .gvCardTurnover tbody tr td .tablesaw-cell-content, .LoanRepayments .gvCardTurnover tbody tr td .tablesaw-cell-content, .MessageHubNotificationList .gvCardTurnover tbody tr td .tablesaw-cell-content, .ForeignPaymentOverviewV2 .gvCardTurnover tbody tr td .tablesaw-cell-content, .PaymentOverviewV3 .gvCardTurnover tbody tr td .tablesaw-cell-content, .PaymentOverviewV2 .gvCardTurnover tbody tr td .tablesaw-cell-content, .LoanAnnuityPlan .gvCardTurnover tbody tr td .tablesaw-cell-content, .CurrencyExchangeV2 .gvCardTurnover tbody tr td .tablesaw-cell-content, .SalariesPaymentOverview .gvCardTurnover tbody tr td .tablesaw-cell-content, .ExchangeOfficeOverviewCorporateV2 .gvCardTurnover tbody tr td .tablesaw-cell-content, .OrderPackageReportCorporateV3 .gvCardTurnover tbody tr td .tablesaw-cell-content, .OrdersFromOrderPackagesListCorporateV3 .gvCardTurnover tbody tr td .tablesaw-cell-content, .DomesticOrderReportCorporateV3 .gvCardTurnover tbody tr td .tablesaw-cell-content, .ForeignOrderReportCorporateV3 .gvCardTurnover tbody tr td .tablesaw-cell-content, .SalariesOverviewCorporateV2 .gvCardTurnover tbody tr td .tablesaw-cell-content, .DomesticOrderCorporateV3 .gvCardTurnover tbody tr td .tablesaw-cell-content, .ForeignPaymentOrderV2 .gvCardTurnover tbody tr td .tablesaw-cell-content, .domesticDialog .gvCardTurnover tbody tr td .tablesaw-cell-content, .foreignDialog .gvCardTurnover tbody tr td .tablesaw-cell-content, .salaryDialog .gvCardTurnover tbody tr td .tablesaw-cell-content, .InflowsCorporateV2 .gvCardTurnover tbody tr td .tablesaw-cell-content, .domesticPublicDialog .gvCardTurnover tbody tr td .tablesaw-cell-content, .PaymentToMobileOverview .gvCardTurnover tbody tr td .tablesaw-cell-content, .P2PPaymentOverview .gvCardTurnover tbody tr td .tablesaw-cell-content, .PersonalDataV2 .gvCardTurnover tbody tr td .tablesaw-cell-content, .PaymentOrderV3Mk .gvCardTurnover tbody tr td .tablesaw-cell-content, .PaymentOrderV4Mk .gvCardTurnover tbody tr td .tablesaw-cell-content, .PaymentOrderV4Public .gvCardTurnover tbody tr td .tablesaw-cell-content { font-size: 15px; } .Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlan, .AccountTurnover #gvLoanAnnuityPlan, .AccountPosTrasactionCorporate #gvLoanAnnuityPlan, .AccountStatements #gvLoanAnnuityPlan, .CreditorTemplateManagingV3 #gvLoanAnnuityPlan, .CreditorTemplateManagingForeignV2 #gvLoanAnnuityPlan, .CrontoTokenList #gvLoanAnnuityPlan, .CreditorTemplateManagingV3Public #gvLoanAnnuityPlan, .CardTurnoverCorporate #gvLoanAnnuityPlan, .CardTurnover #gvLoanAnnuityPlan, .CardStatementsCorporate #gvLoanAnnuityPlan, .CardStatements #gvLoanAnnuityPlan, .CardSpendingCorporate #gvLoanAnnuityPlan, .CardSpendings #gvLoanAnnuityPlan, .CardInstallmentsV2 #gvLoanAnnuityPlan, .DepositTurnoverCorporate #gvLoanAnnuityPlan, .DepositStatementsCorporate #gvLoanAnnuityPlan, .LoanRepayments #gvLoanAnnuityPlan, .MessageHubNotificationList #gvLoanAnnuityPlan, .ForeignPaymentOverviewV2 #gvLoanAnnuityPlan, .PaymentOverviewV3 #gvLoanAnnuityPlan, .PaymentOverviewV2 #gvLoanAnnuityPlan, .LoanAnnuityPlan #gvLoanAnnuityPlan, .CurrencyExchangeV2 #gvLoanAnnuityPlan, .SalariesPaymentOverview #gvLoanAnnuityPlan, .ExchangeOfficeOverviewCorporateV2 #gvLoanAnnuityPlan, .OrderPackageReportCorporateV3 #gvLoanAnnuityPlan, .OrdersFromOrderPackagesListCorporateV3 #gvLoanAnnuityPlan, .DomesticOrderReportCorporateV3 #gvLoanAnnuityPlan, .ForeignOrderReportCorporateV3 #gvLoanAnnuityPlan, .SalariesOverviewCorporateV2 #gvLoanAnnuityPlan, .DomesticOrderCorporateV3 #gvLoanAnnuityPlan, .ForeignPaymentOrderV2 #gvLoanAnnuityPlan, .domesticDialog #gvLoanAnnuityPlan, .foreignDialog #gvLoanAnnuityPlan, .salaryDialog #gvLoanAnnuityPlan, .InflowsCorporateV2 #gvLoanAnnuityPlan, .domesticPublicDialog #gvLoanAnnuityPlan, .PaymentToMobileOverview #gvLoanAnnuityPlan, .P2PPaymentOverview #gvLoanAnnuityPlan, .PersonalDataV2 #gvLoanAnnuityPlan, .PaymentOrderV3Mk #gvLoanAnnuityPlan, .PaymentOrderV4Mk #gvLoanAnnuityPlan, .PaymentOrderV4Public #gvLoanAnnuityPlan { /*table { tbody { tr { &:hover { background-color: $color-10; } &:first-child { border-top: none !important; } td { &:nth-child(2) { width: 13%; border-top-left-radius: 12px; border-bottom-left-radius: 12px; span { border-top-left-radius: 12px; border-bottom-left-radius: 12px; } } &:nth-child(6), &:nth-child(8) { width: 13%; } &:nth-child(7) { width: 11%; } &:last-child { width: 14%; border-top-right-radius: 12px; border-bottom-right-radius: 12px; .tablesaw-cell-content { justify-content: end !important; } } .date { font-size: 15px; padding-left: 0px !important; color: $color-3; } .tablesaw-cell-content { font-size: 15px; } } } } }*/ } .Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlan .clientGridPager, .AccountTurnover #gvLoanAnnuityPlan .clientGridPager, .AccountPosTrasactionCorporate #gvLoanAnnuityPlan .clientGridPager, .AccountStatements #gvLoanAnnuityPlan .clientGridPager, .CreditorTemplateManagingV3 #gvLoanAnnuityPlan .clientGridPager, .CreditorTemplateManagingForeignV2 #gvLoanAnnuityPlan .clientGridPager, .CrontoTokenList #gvLoanAnnuityPlan .clientGridPager, .CreditorTemplateManagingV3Public #gvLoanAnnuityPlan .clientGridPager, .CardTurnoverCorporate #gvLoanAnnuityPlan .clientGridPager, .CardTurnover #gvLoanAnnuityPlan .clientGridPager, .CardStatementsCorporate #gvLoanAnnuityPlan .clientGridPager, .CardStatements #gvLoanAnnuityPlan .clientGridPager, .CardSpendingCorporate #gvLoanAnnuityPlan .clientGridPager, .CardSpendings #gvLoanAnnuityPlan .clientGridPager, .CardInstallmentsV2 #gvLoanAnnuityPlan .clientGridPager, .DepositTurnoverCorporate #gvLoanAnnuityPlan .clientGridPager, .DepositStatementsCorporate #gvLoanAnnuityPlan .clientGridPager, .LoanRepayments #gvLoanAnnuityPlan .clientGridPager, .MessageHubNotificationList #gvLoanAnnuityPlan .clientGridPager, .ForeignPaymentOverviewV2 #gvLoanAnnuityPlan .clientGridPager, .PaymentOverviewV3 #gvLoanAnnuityPlan .clientGridPager, .PaymentOverviewV2 #gvLoanAnnuityPlan .clientGridPager, .LoanAnnuityPlan #gvLoanAnnuityPlan .clientGridPager, .CurrencyExchangeV2 #gvLoanAnnuityPlan .clientGridPager, .SalariesPaymentOverview #gvLoanAnnuityPlan .clientGridPager, .ExchangeOfficeOverviewCorporateV2 #gvLoanAnnuityPlan .clientGridPager, .OrderPackageReportCorporateV3 #gvLoanAnnuityPlan .clientGridPager, .OrdersFromOrderPackagesListCorporateV3 #gvLoanAnnuityPlan .clientGridPager, .DomesticOrderReportCorporateV3 #gvLoanAnnuityPlan .clientGridPager, .ForeignOrderReportCorporateV3 #gvLoanAnnuityPlan .clientGridPager, .SalariesOverviewCorporateV2 #gvLoanAnnuityPlan .clientGridPager, .DomesticOrderCorporateV3 #gvLoanAnnuityPlan .clientGridPager, .ForeignPaymentOrderV2 #gvLoanAnnuityPlan .clientGridPager, .domesticDialog #gvLoanAnnuityPlan .clientGridPager, .foreignDialog #gvLoanAnnuityPlan .clientGridPager, .salaryDialog #gvLoanAnnuityPlan .clientGridPager, .InflowsCorporateV2 #gvLoanAnnuityPlan .clientGridPager, .domesticPublicDialog #gvLoanAnnuityPlan .clientGridPager, .PaymentToMobileOverview #gvLoanAnnuityPlan .clientGridPager, .P2PPaymentOverview #gvLoanAnnuityPlan .clientGridPager, .PersonalDataV2 #gvLoanAnnuityPlan .clientGridPager, .PaymentOrderV3Mk #gvLoanAnnuityPlan .clientGridPager, .PaymentOrderV4Mk #gvLoanAnnuityPlan .clientGridPager, .PaymentOrderV4Public #gvLoanAnnuityPlan .clientGridPager { display: flex !important; } .Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlan thead, .AccountTurnover #gvLoanAnnuityPlan thead, .AccountPosTrasactionCorporate #gvLoanAnnuityPlan thead, .AccountStatements #gvLoanAnnuityPlan thead, .CreditorTemplateManagingV3 #gvLoanAnnuityPlan thead, .CreditorTemplateManagingForeignV2 #gvLoanAnnuityPlan thead, .CrontoTokenList #gvLoanAnnuityPlan thead, .CreditorTemplateManagingV3Public #gvLoanAnnuityPlan thead, .CardTurnoverCorporate #gvLoanAnnuityPlan thead, .CardTurnover #gvLoanAnnuityPlan thead, .CardStatementsCorporate #gvLoanAnnuityPlan thead, .CardStatements #gvLoanAnnuityPlan thead, .CardSpendingCorporate #gvLoanAnnuityPlan thead, .CardSpendings #gvLoanAnnuityPlan thead, .CardInstallmentsV2 #gvLoanAnnuityPlan thead, .DepositTurnoverCorporate #gvLoanAnnuityPlan thead, .DepositStatementsCorporate #gvLoanAnnuityPlan thead, .LoanRepayments #gvLoanAnnuityPlan thead, .MessageHubNotificationList #gvLoanAnnuityPlan thead, .ForeignPaymentOverviewV2 #gvLoanAnnuityPlan thead, .PaymentOverviewV3 #gvLoanAnnuityPlan thead, .PaymentOverviewV2 #gvLoanAnnuityPlan thead, .LoanAnnuityPlan #gvLoanAnnuityPlan thead, .CurrencyExchangeV2 #gvLoanAnnuityPlan thead, .SalariesPaymentOverview #gvLoanAnnuityPlan thead, .ExchangeOfficeOverviewCorporateV2 #gvLoanAnnuityPlan thead, .OrderPackageReportCorporateV3 #gvLoanAnnuityPlan thead, .OrdersFromOrderPackagesListCorporateV3 #gvLoanAnnuityPlan thead, .DomesticOrderReportCorporateV3 #gvLoanAnnuityPlan thead, .ForeignOrderReportCorporateV3 #gvLoanAnnuityPlan thead, .SalariesOverviewCorporateV2 #gvLoanAnnuityPlan thead, .DomesticOrderCorporateV3 #gvLoanAnnuityPlan thead, .ForeignPaymentOrderV2 #gvLoanAnnuityPlan thead, .domesticDialog #gvLoanAnnuityPlan thead, .foreignDialog #gvLoanAnnuityPlan thead, .salaryDialog #gvLoanAnnuityPlan thead, .InflowsCorporateV2 #gvLoanAnnuityPlan thead, .domesticPublicDialog #gvLoanAnnuityPlan thead, .PaymentToMobileOverview #gvLoanAnnuityPlan thead, .P2PPaymentOverview #gvLoanAnnuityPlan thead, .PersonalDataV2 #gvLoanAnnuityPlan thead, .PaymentOrderV3Mk #gvLoanAnnuityPlan thead, .PaymentOrderV4Mk #gvLoanAnnuityPlan thead, .PaymentOrderV4Public #gvLoanAnnuityPlan thead { border-bottom: 1px solid #C7C7C7 !important; } .Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlan thead th, .AccountTurnover #gvLoanAnnuityPlan thead th, .AccountPosTrasactionCorporate #gvLoanAnnuityPlan thead th, .AccountStatements #gvLoanAnnuityPlan thead th, .CreditorTemplateManagingV3 #gvLoanAnnuityPlan thead th, .CreditorTemplateManagingForeignV2 #gvLoanAnnuityPlan thead th, .CrontoTokenList #gvLoanAnnuityPlan thead th, .CreditorTemplateManagingV3Public #gvLoanAnnuityPlan thead th, .CardTurnoverCorporate #gvLoanAnnuityPlan thead th, .CardTurnover #gvLoanAnnuityPlan thead th, .CardStatementsCorporate #gvLoanAnnuityPlan thead th, .CardStatements #gvLoanAnnuityPlan thead th, .CardSpendingCorporate #gvLoanAnnuityPlan thead th, .CardSpendings #gvLoanAnnuityPlan thead th, .CardInstallmentsV2 #gvLoanAnnuityPlan thead th, .DepositTurnoverCorporate #gvLoanAnnuityPlan thead th, .DepositStatementsCorporate #gvLoanAnnuityPlan thead th, .LoanRepayments #gvLoanAnnuityPlan thead th, .MessageHubNotificationList #gvLoanAnnuityPlan thead th, .ForeignPaymentOverviewV2 #gvLoanAnnuityPlan thead th, .PaymentOverviewV3 #gvLoanAnnuityPlan thead th, .PaymentOverviewV2 #gvLoanAnnuityPlan thead th, .LoanAnnuityPlan #gvLoanAnnuityPlan thead th, .CurrencyExchangeV2 #gvLoanAnnuityPlan thead th, .SalariesPaymentOverview #gvLoanAnnuityPlan thead th, .ExchangeOfficeOverviewCorporateV2 #gvLoanAnnuityPlan thead th, .OrderPackageReportCorporateV3 #gvLoanAnnuityPlan thead th, .OrdersFromOrderPackagesListCorporateV3 #gvLoanAnnuityPlan thead th, .DomesticOrderReportCorporateV3 #gvLoanAnnuityPlan thead th, .ForeignOrderReportCorporateV3 #gvLoanAnnuityPlan thead th, .SalariesOverviewCorporateV2 #gvLoanAnnuityPlan thead th, .DomesticOrderCorporateV3 #gvLoanAnnuityPlan thead th, .ForeignPaymentOrderV2 #gvLoanAnnuityPlan thead th, .domesticDialog #gvLoanAnnuityPlan thead th, .foreignDialog #gvLoanAnnuityPlan thead th, .salaryDialog #gvLoanAnnuityPlan thead th, .InflowsCorporateV2 #gvLoanAnnuityPlan thead th, .domesticPublicDialog #gvLoanAnnuityPlan thead th, .PaymentToMobileOverview #gvLoanAnnuityPlan thead th, .P2PPaymentOverview #gvLoanAnnuityPlan thead th, .PersonalDataV2 #gvLoanAnnuityPlan thead th, .PaymentOrderV3Mk #gvLoanAnnuityPlan thead th, .PaymentOrderV4Mk #gvLoanAnnuityPlan thead th, .PaymentOrderV4Public #gvLoanAnnuityPlan thead th { text-align: left; } .Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlan thead th.align-right div, .AccountTurnover #gvLoanAnnuityPlan thead th.align-right div, .AccountPosTrasactionCorporate #gvLoanAnnuityPlan thead th.align-right div, .AccountStatements #gvLoanAnnuityPlan thead th.align-right div, .CreditorTemplateManagingV3 #gvLoanAnnuityPlan thead th.align-right div, .CreditorTemplateManagingForeignV2 #gvLoanAnnuityPlan thead th.align-right div, .CrontoTokenList #gvLoanAnnuityPlan thead th.align-right div, .CreditorTemplateManagingV3Public #gvLoanAnnuityPlan thead th.align-right div, .CardTurnoverCorporate #gvLoanAnnuityPlan thead th.align-right div, .CardTurnover #gvLoanAnnuityPlan thead th.align-right div, .CardStatementsCorporate #gvLoanAnnuityPlan thead th.align-right div, .CardStatements #gvLoanAnnuityPlan thead th.align-right div, .CardSpendingCorporate #gvLoanAnnuityPlan thead th.align-right div, .CardSpendings #gvLoanAnnuityPlan thead th.align-right div, .CardInstallmentsV2 #gvLoanAnnuityPlan thead th.align-right div, .DepositTurnoverCorporate #gvLoanAnnuityPlan thead th.align-right div, .DepositStatementsCorporate #gvLoanAnnuityPlan thead th.align-right div, .LoanRepayments #gvLoanAnnuityPlan thead th.align-right div, .MessageHubNotificationList #gvLoanAnnuityPlan thead th.align-right div, .ForeignPaymentOverviewV2 #gvLoanAnnuityPlan thead th.align-right div, .PaymentOverviewV3 #gvLoanAnnuityPlan thead th.align-right div, .PaymentOverviewV2 #gvLoanAnnuityPlan thead th.align-right div, .LoanAnnuityPlan #gvLoanAnnuityPlan thead th.align-right div, .CurrencyExchangeV2 #gvLoanAnnuityPlan thead th.align-right div, .SalariesPaymentOverview #gvLoanAnnuityPlan thead th.align-right div, .ExchangeOfficeOverviewCorporateV2 #gvLoanAnnuityPlan thead th.align-right div, .OrderPackageReportCorporateV3 #gvLoanAnnuityPlan thead th.align-right div, .OrdersFromOrderPackagesListCorporateV3 #gvLoanAnnuityPlan thead th.align-right div, .DomesticOrderReportCorporateV3 #gvLoanAnnuityPlan thead th.align-right div, .ForeignOrderReportCorporateV3 #gvLoanAnnuityPlan thead th.align-right div, .SalariesOverviewCorporateV2 #gvLoanAnnuityPlan thead th.align-right div, .DomesticOrderCorporateV3 #gvLoanAnnuityPlan thead th.align-right div, .ForeignPaymentOrderV2 #gvLoanAnnuityPlan thead th.align-right div, .domesticDialog #gvLoanAnnuityPlan thead th.align-right div, .foreignDialog #gvLoanAnnuityPlan thead th.align-right div, .salaryDialog #gvLoanAnnuityPlan thead th.align-right div, .InflowsCorporateV2 #gvLoanAnnuityPlan thead th.align-right div, .domesticPublicDialog #gvLoanAnnuityPlan thead th.align-right div, .PaymentToMobileOverview #gvLoanAnnuityPlan thead th.align-right div, .P2PPaymentOverview #gvLoanAnnuityPlan thead th.align-right div, .PersonalDataV2 #gvLoanAnnuityPlan thead th.align-right div, .PaymentOrderV3Mk #gvLoanAnnuityPlan thead th.align-right div, .PaymentOrderV4Mk #gvLoanAnnuityPlan thead th.align-right div, .PaymentOrderV4Public #gvLoanAnnuityPlan thead th.align-right div { justify-content: start; } .Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlan .clientGrid tbody:before, .AccountTurnover #gvLoanAnnuityPlan .clientGrid tbody:before, .AccountPosTrasactionCorporate #gvLoanAnnuityPlan .clientGrid tbody:before, .AccountStatements #gvLoanAnnuityPlan .clientGrid tbody:before, .CreditorTemplateManagingV3 #gvLoanAnnuityPlan .clientGrid tbody:before, .CreditorTemplateManagingForeignV2 #gvLoanAnnuityPlan .clientGrid tbody:before, .CrontoTokenList #gvLoanAnnuityPlan .clientGrid tbody:before, .CreditorTemplateManagingV3Public #gvLoanAnnuityPlan .clientGrid tbody:before, .CardTurnoverCorporate #gvLoanAnnuityPlan .clientGrid tbody:before, .CardTurnover #gvLoanAnnuityPlan .clientGrid tbody:before, .CardStatementsCorporate #gvLoanAnnuityPlan .clientGrid tbody:before, .CardStatements #gvLoanAnnuityPlan .clientGrid tbody:before, .CardSpendingCorporate #gvLoanAnnuityPlan .clientGrid tbody:before, .CardSpendings #gvLoanAnnuityPlan .clientGrid tbody:before, .CardInstallmentsV2 #gvLoanAnnuityPlan .clientGrid tbody:before, .DepositTurnoverCorporate #gvLoanAnnuityPlan .clientGrid tbody:before, .DepositStatementsCorporate #gvLoanAnnuityPlan .clientGrid tbody:before, .LoanRepayments #gvLoanAnnuityPlan .clientGrid tbody:before, .MessageHubNotificationList #gvLoanAnnuityPlan .clientGrid tbody:before, .ForeignPaymentOverviewV2 #gvLoanAnnuityPlan .clientGrid tbody:before, .PaymentOverviewV3 #gvLoanAnnuityPlan .clientGrid tbody:before, .PaymentOverviewV2 #gvLoanAnnuityPlan .clientGrid tbody:before, .LoanAnnuityPlan #gvLoanAnnuityPlan .clientGrid tbody:before, .CurrencyExchangeV2 #gvLoanAnnuityPlan .clientGrid tbody:before, .SalariesPaymentOverview #gvLoanAnnuityPlan .clientGrid tbody:before, .ExchangeOfficeOverviewCorporateV2 #gvLoanAnnuityPlan .clientGrid tbody:before, .OrderPackageReportCorporateV3 #gvLoanAnnuityPlan .clientGrid tbody:before, .OrdersFromOrderPackagesListCorporateV3 #gvLoanAnnuityPlan .clientGrid tbody:before, .DomesticOrderReportCorporateV3 #gvLoanAnnuityPlan .clientGrid tbody:before, .ForeignOrderReportCorporateV3 #gvLoanAnnuityPlan .clientGrid tbody:before, .SalariesOverviewCorporateV2 #gvLoanAnnuityPlan .clientGrid tbody:before, .DomesticOrderCorporateV3 #gvLoanAnnuityPlan .clientGrid tbody:before, .ForeignPaymentOrderV2 #gvLoanAnnuityPlan .clientGrid tbody:before, .domesticDialog #gvLoanAnnuityPlan .clientGrid tbody:before, .foreignDialog #gvLoanAnnuityPlan .clientGrid tbody:before, .salaryDialog #gvLoanAnnuityPlan .clientGrid tbody:before, .InflowsCorporateV2 #gvLoanAnnuityPlan .clientGrid tbody:before, .domesticPublicDialog #gvLoanAnnuityPlan .clientGrid tbody:before, .PaymentToMobileOverview #gvLoanAnnuityPlan .clientGrid tbody:before, .P2PPaymentOverview #gvLoanAnnuityPlan .clientGrid tbody:before, .PersonalDataV2 #gvLoanAnnuityPlan .clientGrid tbody:before, .PaymentOrderV3Mk #gvLoanAnnuityPlan .clientGrid tbody:before, .PaymentOrderV4Mk #gvLoanAnnuityPlan .clientGrid tbody:before, .PaymentOrderV4Public #gvLoanAnnuityPlan .clientGrid tbody:before { content: "@"; display: block; line-height: 20px; text-indent: -99999px; } .Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlan table tbody tr:first-child, .AccountTurnover #gvLoanAnnuityPlan table tbody tr:first-child, .AccountPosTrasactionCorporate #gvLoanAnnuityPlan table tbody tr:first-child, .AccountStatements #gvLoanAnnuityPlan table tbody tr:first-child, .CreditorTemplateManagingV3 #gvLoanAnnuityPlan table tbody tr:first-child, .CreditorTemplateManagingForeignV2 #gvLoanAnnuityPlan table tbody tr:first-child, .CrontoTokenList #gvLoanAnnuityPlan table tbody tr:first-child, .CreditorTemplateManagingV3Public #gvLoanAnnuityPlan table tbody tr:first-child, .CardTurnoverCorporate #gvLoanAnnuityPlan table tbody tr:first-child, .CardTurnover #gvLoanAnnuityPlan table tbody tr:first-child, .CardStatementsCorporate #gvLoanAnnuityPlan table tbody tr:first-child, .CardStatements #gvLoanAnnuityPlan table tbody tr:first-child, .CardSpendingCorporate #gvLoanAnnuityPlan table tbody tr:first-child, .CardSpendings #gvLoanAnnuityPlan table tbody tr:first-child, .CardInstallmentsV2 #gvLoanAnnuityPlan table tbody tr:first-child, .DepositTurnoverCorporate #gvLoanAnnuityPlan table tbody tr:first-child, .DepositStatementsCorporate #gvLoanAnnuityPlan table tbody tr:first-child, .LoanRepayments #gvLoanAnnuityPlan table tbody tr:first-child, .MessageHubNotificationList #gvLoanAnnuityPlan table tbody tr:first-child, .ForeignPaymentOverviewV2 #gvLoanAnnuityPlan table tbody tr:first-child, .PaymentOverviewV3 #gvLoanAnnuityPlan table tbody tr:first-child, .PaymentOverviewV2 #gvLoanAnnuityPlan table tbody tr:first-child, .LoanAnnuityPlan #gvLoanAnnuityPlan table tbody tr:first-child, .CurrencyExchangeV2 #gvLoanAnnuityPlan table tbody tr:first-child, .SalariesPaymentOverview #gvLoanAnnuityPlan table tbody tr:first-child, .ExchangeOfficeOverviewCorporateV2 #gvLoanAnnuityPlan table tbody tr:first-child, .OrderPackageReportCorporateV3 #gvLoanAnnuityPlan table tbody tr:first-child, .OrdersFromOrderPackagesListCorporateV3 #gvLoanAnnuityPlan table tbody tr:first-child, .DomesticOrderReportCorporateV3 #gvLoanAnnuityPlan table tbody tr:first-child, .ForeignOrderReportCorporateV3 #gvLoanAnnuityPlan table tbody tr:first-child, .SalariesOverviewCorporateV2 #gvLoanAnnuityPlan table tbody tr:first-child, .DomesticOrderCorporateV3 #gvLoanAnnuityPlan table tbody tr:first-child, .ForeignPaymentOrderV2 #gvLoanAnnuityPlan table tbody tr:first-child, .domesticDialog #gvLoanAnnuityPlan table tbody tr:first-child, .foreignDialog #gvLoanAnnuityPlan table tbody tr:first-child, .salaryDialog #gvLoanAnnuityPlan table tbody tr:first-child, .InflowsCorporateV2 #gvLoanAnnuityPlan table tbody tr:first-child, .domesticPublicDialog #gvLoanAnnuityPlan table tbody tr:first-child, .PaymentToMobileOverview #gvLoanAnnuityPlan table tbody tr:first-child, .P2PPaymentOverview #gvLoanAnnuityPlan table tbody tr:first-child, .PersonalDataV2 #gvLoanAnnuityPlan table tbody tr:first-child, .PaymentOrderV3Mk #gvLoanAnnuityPlan table tbody tr:first-child, .PaymentOrderV4Mk #gvLoanAnnuityPlan table tbody tr:first-child, .PaymentOrderV4Public #gvLoanAnnuityPlan table tbody tr:first-child { border-top: none !important; } .Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlan table tbody tr td, .AccountTurnover #gvLoanAnnuityPlan table tbody tr td, .AccountPosTrasactionCorporate #gvLoanAnnuityPlan table tbody tr td, .AccountStatements #gvLoanAnnuityPlan table tbody tr td, .CreditorTemplateManagingV3 #gvLoanAnnuityPlan table tbody tr td, .CreditorTemplateManagingForeignV2 #gvLoanAnnuityPlan table tbody tr td, .CrontoTokenList #gvLoanAnnuityPlan table tbody tr td, .CreditorTemplateManagingV3Public #gvLoanAnnuityPlan table tbody tr td, .CardTurnoverCorporate #gvLoanAnnuityPlan table tbody tr td, .CardTurnover #gvLoanAnnuityPlan table tbody tr td, .CardStatementsCorporate #gvLoanAnnuityPlan table tbody tr td, .CardStatements #gvLoanAnnuityPlan table tbody tr td, .CardSpendingCorporate #gvLoanAnnuityPlan table tbody tr td, .CardSpendings #gvLoanAnnuityPlan table tbody tr td, .CardInstallmentsV2 #gvLoanAnnuityPlan table tbody tr td, .DepositTurnoverCorporate #gvLoanAnnuityPlan table tbody tr td, .DepositStatementsCorporate #gvLoanAnnuityPlan table tbody tr td, .LoanRepayments #gvLoanAnnuityPlan table tbody tr td, .MessageHubNotificationList #gvLoanAnnuityPlan table tbody tr td, .ForeignPaymentOverviewV2 #gvLoanAnnuityPlan table tbody tr td, .PaymentOverviewV3 #gvLoanAnnuityPlan table tbody tr td, .PaymentOverviewV2 #gvLoanAnnuityPlan table tbody tr td, .LoanAnnuityPlan #gvLoanAnnuityPlan table tbody tr td, .CurrencyExchangeV2 #gvLoanAnnuityPlan table tbody tr td, .SalariesPaymentOverview #gvLoanAnnuityPlan table tbody tr td, .ExchangeOfficeOverviewCorporateV2 #gvLoanAnnuityPlan table tbody tr td, .OrderPackageReportCorporateV3 #gvLoanAnnuityPlan table tbody tr td, .OrdersFromOrderPackagesListCorporateV3 #gvLoanAnnuityPlan table tbody tr td, .DomesticOrderReportCorporateV3 #gvLoanAnnuityPlan table tbody tr td, .ForeignOrderReportCorporateV3 #gvLoanAnnuityPlan table tbody tr td, .SalariesOverviewCorporateV2 #gvLoanAnnuityPlan table tbody tr td, .DomesticOrderCorporateV3 #gvLoanAnnuityPlan table tbody tr td, .ForeignPaymentOrderV2 #gvLoanAnnuityPlan table tbody tr td, .domesticDialog #gvLoanAnnuityPlan table tbody tr td, .foreignDialog #gvLoanAnnuityPlan table tbody tr td, .salaryDialog #gvLoanAnnuityPlan table tbody tr td, .InflowsCorporateV2 #gvLoanAnnuityPlan table tbody tr td, .domesticPublicDialog #gvLoanAnnuityPlan table tbody tr td, .PaymentToMobileOverview #gvLoanAnnuityPlan table tbody tr td, .P2PPaymentOverview #gvLoanAnnuityPlan table tbody tr td, .PersonalDataV2 #gvLoanAnnuityPlan table tbody tr td, .PaymentOrderV3Mk #gvLoanAnnuityPlan table tbody tr td, .PaymentOrderV4Mk #gvLoanAnnuityPlan table tbody tr td, .PaymentOrderV4Public #gvLoanAnnuityPlan table tbody tr td { text-align: left; } .Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .AccountTurnover #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .AccountPosTrasactionCorporate #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .AccountStatements #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .CreditorTemplateManagingV3 #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .CreditorTemplateManagingForeignV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .CrontoTokenList #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .CreditorTemplateManagingV3Public #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .CardTurnoverCorporate #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .CardTurnover #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .CardStatementsCorporate #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .CardStatements #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .CardSpendingCorporate #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .CardSpendings #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .CardInstallmentsV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .DepositTurnoverCorporate #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .DepositStatementsCorporate #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .LoanRepayments #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .MessageHubNotificationList #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .ForeignPaymentOverviewV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .PaymentOverviewV3 #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .PaymentOverviewV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .LoanAnnuityPlan #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .CurrencyExchangeV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .SalariesPaymentOverview #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .ExchangeOfficeOverviewCorporateV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .OrderPackageReportCorporateV3 #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .OrdersFromOrderPackagesListCorporateV3 #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .DomesticOrderReportCorporateV3 #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .ForeignOrderReportCorporateV3 #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .SalariesOverviewCorporateV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .DomesticOrderCorporateV3 #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .ForeignPaymentOrderV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .domesticDialog #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .foreignDialog #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .salaryDialog #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .InflowsCorporateV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .domesticPublicDialog #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .PaymentToMobileOverview #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .P2PPaymentOverview #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .PersonalDataV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .PaymentOrderV3Mk #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .PaymentOrderV4Mk #gvLoanAnnuityPlan table tbody tr td:nth-child(2), .PaymentOrderV4Public #gvLoanAnnuityPlan table tbody tr td:nth-child(2) { border-top-left-radius: 12px; border-bottom-left-radius: 12px; } .Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlan table tbody tr td:last-child, .AccountTurnover #gvLoanAnnuityPlan table tbody tr td:last-child, .AccountPosTrasactionCorporate #gvLoanAnnuityPlan table tbody tr td:last-child, .AccountStatements #gvLoanAnnuityPlan table tbody tr td:last-child, .CreditorTemplateManagingV3 #gvLoanAnnuityPlan table tbody tr td:last-child, .CreditorTemplateManagingForeignV2 #gvLoanAnnuityPlan table tbody tr td:last-child, .CrontoTokenList #gvLoanAnnuityPlan table tbody tr td:last-child, .CreditorTemplateManagingV3Public #gvLoanAnnuityPlan table tbody tr td:last-child, .CardTurnoverCorporate #gvLoanAnnuityPlan table tbody tr td:last-child, .CardTurnover #gvLoanAnnuityPlan table tbody tr td:last-child, .CardStatementsCorporate #gvLoanAnnuityPlan table tbody tr td:last-child, .CardStatements #gvLoanAnnuityPlan table tbody tr td:last-child, .CardSpendingCorporate #gvLoanAnnuityPlan table tbody tr td:last-child, .CardSpendings #gvLoanAnnuityPlan table tbody tr td:last-child, .CardInstallmentsV2 #gvLoanAnnuityPlan table tbody tr td:last-child, .DepositTurnoverCorporate #gvLoanAnnuityPlan table tbody tr td:last-child, .DepositStatementsCorporate #gvLoanAnnuityPlan table tbody tr td:last-child, .LoanRepayments #gvLoanAnnuityPlan table tbody tr td:last-child, .MessageHubNotificationList #gvLoanAnnuityPlan table tbody tr td:last-child, .ForeignPaymentOverviewV2 #gvLoanAnnuityPlan table tbody tr td:last-child, .PaymentOverviewV3 #gvLoanAnnuityPlan table tbody tr td:last-child, .PaymentOverviewV2 #gvLoanAnnuityPlan table tbody tr td:last-child, .LoanAnnuityPlan #gvLoanAnnuityPlan table tbody tr td:last-child, .CurrencyExchangeV2 #gvLoanAnnuityPlan table tbody tr td:last-child, .SalariesPaymentOverview #gvLoanAnnuityPlan table tbody tr td:last-child, .ExchangeOfficeOverviewCorporateV2 #gvLoanAnnuityPlan table tbody tr td:last-child, .OrderPackageReportCorporateV3 #gvLoanAnnuityPlan table tbody tr td:last-child, .OrdersFromOrderPackagesListCorporateV3 #gvLoanAnnuityPlan table tbody tr td:last-child, .DomesticOrderReportCorporateV3 #gvLoanAnnuityPlan table tbody tr td:last-child, .ForeignOrderReportCorporateV3 #gvLoanAnnuityPlan table tbody tr td:last-child, .SalariesOverviewCorporateV2 #gvLoanAnnuityPlan table tbody tr td:last-child, .DomesticOrderCorporateV3 #gvLoanAnnuityPlan table tbody tr td:last-child, .ForeignPaymentOrderV2 #gvLoanAnnuityPlan table tbody tr td:last-child, .domesticDialog #gvLoanAnnuityPlan table tbody tr td:last-child, .foreignDialog #gvLoanAnnuityPlan table tbody tr td:last-child, .salaryDialog #gvLoanAnnuityPlan table tbody tr td:last-child, .InflowsCorporateV2 #gvLoanAnnuityPlan table tbody tr td:last-child, .domesticPublicDialog #gvLoanAnnuityPlan table tbody tr td:last-child, .PaymentToMobileOverview #gvLoanAnnuityPlan table tbody tr td:last-child, .P2PPaymentOverview #gvLoanAnnuityPlan table tbody tr td:last-child, .PersonalDataV2 #gvLoanAnnuityPlan table tbody tr td:last-child, .PaymentOrderV3Mk #gvLoanAnnuityPlan table tbody tr td:last-child, .PaymentOrderV4Mk #gvLoanAnnuityPlan table tbody tr td:last-child, .PaymentOrderV4Public #gvLoanAnnuityPlan table tbody tr td:last-child { border-top-right-radius: 12px; border-bottom-right-radius: 12px; } .Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .AccountTurnover #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .AccountPosTrasactionCorporate #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .AccountStatements #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .CreditorTemplateManagingV3 #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .CreditorTemplateManagingForeignV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .CrontoTokenList #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .CreditorTemplateManagingV3Public #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .CardTurnoverCorporate #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .CardTurnover #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .CardStatementsCorporate #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .CardStatements #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .CardSpendingCorporate #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .CardSpendings #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .CardInstallmentsV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .DepositTurnoverCorporate #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .DepositStatementsCorporate #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .LoanRepayments #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .MessageHubNotificationList #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .ForeignPaymentOverviewV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .PaymentOverviewV3 #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .PaymentOverviewV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .LoanAnnuityPlan #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .CurrencyExchangeV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .SalariesPaymentOverview #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .ExchangeOfficeOverviewCorporateV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .OrderPackageReportCorporateV3 #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .OrdersFromOrderPackagesListCorporateV3 #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .DomesticOrderReportCorporateV3 #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .ForeignOrderReportCorporateV3 #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .SalariesOverviewCorporateV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .DomesticOrderCorporateV3 #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .ForeignPaymentOrderV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .domesticDialog #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .foreignDialog #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .salaryDialog #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .InflowsCorporateV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .domesticPublicDialog #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .PaymentToMobileOverview #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .P2PPaymentOverview #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .PersonalDataV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .PaymentOrderV3Mk #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .PaymentOrderV4Mk #gvLoanAnnuityPlan table tbody tr td:nth-child(9), .PaymentOrderV4Public #gvLoanAnnuityPlan table tbody tr td:nth-child(9) { font-family: "Source-Sans-Pro-bold", sans-serif; } .Forms_ActiveWorkflowListSOG .gvAccountTurnoverPreview .sort-indicator, .Forms_ActiveWorkflowListSOG .gridViewDepositTurnover .sort-indicator, .AccountTurnover .gvAccountTurnoverPreview .sort-indicator, .AccountTurnover .gridViewDepositTurnover .sort-indicator, .AccountPosTrasactionCorporate .gvAccountTurnoverPreview .sort-indicator, .AccountPosTrasactionCorporate .gridViewDepositTurnover .sort-indicator, .AccountStatements .gvAccountTurnoverPreview .sort-indicator, .AccountStatements .gridViewDepositTurnover .sort-indicator, .CreditorTemplateManagingV3 .gvAccountTurnoverPreview .sort-indicator, .CreditorTemplateManagingV3 .gridViewDepositTurnover .sort-indicator, .CreditorTemplateManagingForeignV2 .gvAccountTurnoverPreview .sort-indicator, .CreditorTemplateManagingForeignV2 .gridViewDepositTurnover .sort-indicator, .CrontoTokenList .gvAccountTurnoverPreview .sort-indicator, .CrontoTokenList .gridViewDepositTurnover .sort-indicator, .CreditorTemplateManagingV3Public .gvAccountTurnoverPreview .sort-indicator, .CreditorTemplateManagingV3Public .gridViewDepositTurnover .sort-indicator, .CardTurnoverCorporate .gvAccountTurnoverPreview .sort-indicator, .CardTurnoverCorporate .gridViewDepositTurnover .sort-indicator, .CardTurnover .gvAccountTurnoverPreview .sort-indicator, .CardTurnover .gridViewDepositTurnover .sort-indicator, .CardStatementsCorporate .gvAccountTurnoverPreview .sort-indicator, .CardStatementsCorporate .gridViewDepositTurnover .sort-indicator, .CardStatements .gvAccountTurnoverPreview .sort-indicator, .CardStatements .gridViewDepositTurnover .sort-indicator, .CardSpendingCorporate .gvAccountTurnoverPreview .sort-indicator, .CardSpendingCorporate .gridViewDepositTurnover .sort-indicator, .CardSpendings .gvAccountTurnoverPreview .sort-indicator, .CardSpendings .gridViewDepositTurnover .sort-indicator, .CardInstallmentsV2 .gvAccountTurnoverPreview .sort-indicator, .CardInstallmentsV2 .gridViewDepositTurnover .sort-indicator, .DepositTurnoverCorporate .gvAccountTurnoverPreview .sort-indicator, .DepositTurnoverCorporate .gridViewDepositTurnover .sort-indicator, .DepositStatementsCorporate .gvAccountTurnoverPreview .sort-indicator, .DepositStatementsCorporate .gridViewDepositTurnover .sort-indicator, .LoanRepayments .gvAccountTurnoverPreview .sort-indicator, .LoanRepayments .gridViewDepositTurnover .sort-indicator, .MessageHubNotificationList .gvAccountTurnoverPreview .sort-indicator, .MessageHubNotificationList .gridViewDepositTurnover .sort-indicator, .ForeignPaymentOverviewV2 .gvAccountTurnoverPreview .sort-indicator, .ForeignPaymentOverviewV2 .gridViewDepositTurnover .sort-indicator, .PaymentOverviewV3 .gvAccountTurnoverPreview .sort-indicator, .PaymentOverviewV3 .gridViewDepositTurnover .sort-indicator, .PaymentOverviewV2 .gvAccountTurnoverPreview .sort-indicator, .PaymentOverviewV2 .gridViewDepositTurnover .sort-indicator, .LoanAnnuityPlan .gvAccountTurnoverPreview .sort-indicator, .LoanAnnuityPlan .gridViewDepositTurnover .sort-indicator, .CurrencyExchangeV2 .gvAccountTurnoverPreview .sort-indicator, .CurrencyExchangeV2 .gridViewDepositTurnover .sort-indicator, .SalariesPaymentOverview .gvAccountTurnoverPreview .sort-indicator, .SalariesPaymentOverview .gridViewDepositTurnover .sort-indicator, .ExchangeOfficeOverviewCorporateV2 .gvAccountTurnoverPreview .sort-indicator, .ExchangeOfficeOverviewCorporateV2 .gridViewDepositTurnover .sort-indicator, .OrderPackageReportCorporateV3 .gvAccountTurnoverPreview .sort-indicator, .OrderPackageReportCorporateV3 .gridViewDepositTurnover .sort-indicator, .OrdersFromOrderPackagesListCorporateV3 .gvAccountTurnoverPreview .sort-indicator, .OrdersFromOrderPackagesListCorporateV3 .gridViewDepositTurnover .sort-indicator, .DomesticOrderReportCorporateV3 .gvAccountTurnoverPreview .sort-indicator, .DomesticOrderReportCorporateV3 .gridViewDepositTurnover .sort-indicator, .ForeignOrderReportCorporateV3 .gvAccountTurnoverPreview .sort-indicator, .ForeignOrderReportCorporateV3 .gridViewDepositTurnover .sort-indicator, .SalariesOverviewCorporateV2 .gvAccountTurnoverPreview .sort-indicator, .SalariesOverviewCorporateV2 .gridViewDepositTurnover .sort-indicator, .DomesticOrderCorporateV3 .gvAccountTurnoverPreview .sort-indicator, .DomesticOrderCorporateV3 .gridViewDepositTurnover .sort-indicator, .ForeignPaymentOrderV2 .gvAccountTurnoverPreview .sort-indicator, .ForeignPaymentOrderV2 .gridViewDepositTurnover .sort-indicator, .domesticDialog .gvAccountTurnoverPreview .sort-indicator, .domesticDialog .gridViewDepositTurnover .sort-indicator, .foreignDialog .gvAccountTurnoverPreview .sort-indicator, .foreignDialog .gridViewDepositTurnover .sort-indicator, .salaryDialog .gvAccountTurnoverPreview .sort-indicator, .salaryDialog .gridViewDepositTurnover .sort-indicator, .InflowsCorporateV2 .gvAccountTurnoverPreview .sort-indicator, .InflowsCorporateV2 .gridViewDepositTurnover .sort-indicator, .domesticPublicDialog .gvAccountTurnoverPreview .sort-indicator, .domesticPublicDialog .gridViewDepositTurnover .sort-indicator, .PaymentToMobileOverview .gvAccountTurnoverPreview .sort-indicator, .PaymentToMobileOverview .gridViewDepositTurnover .sort-indicator, .P2PPaymentOverview .gvAccountTurnoverPreview .sort-indicator, .P2PPaymentOverview .gridViewDepositTurnover .sort-indicator, .PersonalDataV2 .gvAccountTurnoverPreview .sort-indicator, .PersonalDataV2 .gridViewDepositTurnover .sort-indicator, .PaymentOrderV3Mk .gvAccountTurnoverPreview .sort-indicator, .PaymentOrderV3Mk .gridViewDepositTurnover .sort-indicator, .PaymentOrderV4Mk .gvAccountTurnoverPreview .sort-indicator, .PaymentOrderV4Mk .gridViewDepositTurnover .sort-indicator, .PaymentOrderV4Public .gvAccountTurnoverPreview .sort-indicator, .PaymentOrderV4Public .gridViewDepositTurnover .sort-indicator { left: 100%; } .Forms_ActiveWorkflowListSOG .gvAccountTurnoverPreview table tbody tr:hover, .Forms_ActiveWorkflowListSOG .gridViewDepositTurnover table tbody tr:hover, .AccountTurnover .gvAccountTurnoverPreview table tbody tr:hover, .AccountTurnover .gridViewDepositTurnover table tbody tr:hover, .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table tbody tr:hover, .AccountPosTrasactionCorporate .gridViewDepositTurnover table tbody tr:hover, .AccountStatements .gvAccountTurnoverPreview table tbody tr:hover, .AccountStatements .gridViewDepositTurnover table tbody tr:hover, .CreditorTemplateManagingV3 .gvAccountTurnoverPreview table tbody tr:hover, .CreditorTemplateManagingV3 .gridViewDepositTurnover table tbody tr:hover, .CreditorTemplateManagingForeignV2 .gvAccountTurnoverPreview table tbody tr:hover, .CreditorTemplateManagingForeignV2 .gridViewDepositTurnover table tbody tr:hover, .CrontoTokenList .gvAccountTurnoverPreview table tbody tr:hover, .CrontoTokenList .gridViewDepositTurnover table tbody tr:hover, .CreditorTemplateManagingV3Public .gvAccountTurnoverPreview table tbody tr:hover, .CreditorTemplateManagingV3Public .gridViewDepositTurnover table tbody tr:hover, .CardTurnoverCorporate .gvAccountTurnoverPreview table tbody tr:hover, .CardTurnoverCorporate .gridViewDepositTurnover table tbody tr:hover, .CardTurnover .gvAccountTurnoverPreview table tbody tr:hover, .CardTurnover .gridViewDepositTurnover table tbody tr:hover, .CardStatementsCorporate .gvAccountTurnoverPreview table tbody tr:hover, .CardStatementsCorporate .gridViewDepositTurnover table tbody tr:hover, .CardStatements .gvAccountTurnoverPreview table tbody tr:hover, .CardStatements .gridViewDepositTurnover table tbody tr:hover, .CardSpendingCorporate .gvAccountTurnoverPreview table tbody tr:hover, .CardSpendingCorporate .gridViewDepositTurnover table tbody tr:hover, .CardSpendings .gvAccountTurnoverPreview table tbody tr:hover, .CardSpendings .gridViewDepositTurnover table tbody tr:hover, .CardInstallmentsV2 .gvAccountTurnoverPreview table tbody tr:hover, .CardInstallmentsV2 .gridViewDepositTurnover table tbody tr:hover, .DepositTurnoverCorporate .gvAccountTurnoverPreview table tbody tr:hover, .DepositTurnoverCorporate .gridViewDepositTurnover table tbody tr:hover, .DepositStatementsCorporate .gvAccountTurnoverPreview table tbody tr:hover, .DepositStatementsCorporate .gridViewDepositTurnover table tbody tr:hover, .LoanRepayments .gvAccountTurnoverPreview table tbody tr:hover, .LoanRepayments .gridViewDepositTurnover table tbody tr:hover, .MessageHubNotificationList .gvAccountTurnoverPreview table tbody tr:hover, .MessageHubNotificationList .gridViewDepositTurnover table tbody tr:hover, .ForeignPaymentOverviewV2 .gvAccountTurnoverPreview table tbody tr:hover, .ForeignPaymentOverviewV2 .gridViewDepositTurnover table tbody tr:hover, .PaymentOverviewV3 .gvAccountTurnoverPreview table tbody tr:hover, .PaymentOverviewV3 .gridViewDepositTurnover table tbody tr:hover, .PaymentOverviewV2 .gvAccountTurnoverPreview table tbody tr:hover, .PaymentOverviewV2 .gridViewDepositTurnover table tbody tr:hover, .LoanAnnuityPlan .gvAccountTurnoverPreview table tbody tr:hover, .LoanAnnuityPlan .gridViewDepositTurnover table tbody tr:hover, .CurrencyExchangeV2 .gvAccountTurnoverPreview table tbody tr:hover, .CurrencyExchangeV2 .gridViewDepositTurnover table tbody tr:hover, .SalariesPaymentOverview .gvAccountTurnoverPreview table tbody tr:hover, .SalariesPaymentOverview .gridViewDepositTurnover table tbody tr:hover, .ExchangeOfficeOverviewCorporateV2 .gvAccountTurnoverPreview table tbody tr:hover, .ExchangeOfficeOverviewCorporateV2 .gridViewDepositTurnover table tbody tr:hover, .OrderPackageReportCorporateV3 .gvAccountTurnoverPreview table tbody tr:hover, .OrderPackageReportCorporateV3 .gridViewDepositTurnover table tbody tr:hover, .OrdersFromOrderPackagesListCorporateV3 .gvAccountTurnoverPreview table tbody tr:hover, .OrdersFromOrderPackagesListCorporateV3 .gridViewDepositTurnover table tbody tr:hover, .DomesticOrderReportCorporateV3 .gvAccountTurnoverPreview table tbody tr:hover, .DomesticOrderReportCorporateV3 .gridViewDepositTurnover table tbody tr:hover, .ForeignOrderReportCorporateV3 .gvAccountTurnoverPreview table tbody tr:hover, .ForeignOrderReportCorporateV3 .gridViewDepositTurnover table tbody tr:hover, .SalariesOverviewCorporateV2 .gvAccountTurnoverPreview table tbody tr:hover, .SalariesOverviewCorporateV2 .gridViewDepositTurnover table tbody tr:hover, .DomesticOrderCorporateV3 .gvAccountTurnoverPreview table tbody tr:hover, .DomesticOrderCorporateV3 .gridViewDepositTurnover table tbody tr:hover, .ForeignPaymentOrderV2 .gvAccountTurnoverPreview table tbody tr:hover, .ForeignPaymentOrderV2 .gridViewDepositTurnover table tbody tr:hover, .domesticDialog .gvAccountTurnoverPreview table tbody tr:hover, .domesticDialog .gridViewDepositTurnover table tbody tr:hover, .foreignDialog .gvAccountTurnoverPreview table tbody tr:hover, .foreignDialog .gridViewDepositTurnover table tbody tr:hover, .salaryDialog .gvAccountTurnoverPreview table tbody tr:hover, .salaryDialog .gridViewDepositTurnover table tbody tr:hover, .InflowsCorporateV2 .gvAccountTurnoverPreview table tbody tr:hover, .InflowsCorporateV2 .gridViewDepositTurnover table tbody tr:hover, .domesticPublicDialog .gvAccountTurnoverPreview table tbody tr:hover, .domesticPublicDialog .gridViewDepositTurnover table tbody tr:hover, .PaymentToMobileOverview .gvAccountTurnoverPreview table tbody tr:hover, .PaymentToMobileOverview .gridViewDepositTurnover table tbody tr:hover, .P2PPaymentOverview .gvAccountTurnoverPreview table tbody tr:hover, .P2PPaymentOverview .gridViewDepositTurnover table tbody tr:hover, .PersonalDataV2 .gvAccountTurnoverPreview table tbody tr:hover, .PersonalDataV2 .gridViewDepositTurnover table tbody tr:hover, .PaymentOrderV3Mk .gvAccountTurnoverPreview table tbody tr:hover, .PaymentOrderV3Mk .gridViewDepositTurnover table tbody tr:hover, .PaymentOrderV4Mk .gvAccountTurnoverPreview table tbody tr:hover, .PaymentOrderV4Mk .gridViewDepositTurnover table tbody tr:hover, .PaymentOrderV4Public .gvAccountTurnoverPreview table tbody tr:hover, .PaymentOrderV4Public .gridViewDepositTurnover table tbody tr:hover { background-color: #FFFFFF; } .Forms_ActiveWorkflowListSOG .gvAccountTurnoverPreview table tbody tr td, .Forms_ActiveWorkflowListSOG .gridViewDepositTurnover table tbody tr td, .AccountTurnover .gvAccountTurnoverPreview table tbody tr td, .AccountTurnover .gridViewDepositTurnover table tbody tr td, .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table tbody tr td, .AccountPosTrasactionCorporate .gridViewDepositTurnover table tbody tr td, .AccountStatements .gvAccountTurnoverPreview table tbody tr td, .AccountStatements .gridViewDepositTurnover table tbody tr td, .CreditorTemplateManagingV3 .gvAccountTurnoverPreview table tbody tr td, .CreditorTemplateManagingV3 .gridViewDepositTurnover table tbody tr td, .CreditorTemplateManagingForeignV2 .gvAccountTurnoverPreview table tbody tr td, .CreditorTemplateManagingForeignV2 .gridViewDepositTurnover table tbody tr td, .CrontoTokenList .gvAccountTurnoverPreview table tbody tr td, .CrontoTokenList .gridViewDepositTurnover table tbody tr td, .CreditorTemplateManagingV3Public .gvAccountTurnoverPreview table tbody tr td, .CreditorTemplateManagingV3Public .gridViewDepositTurnover table tbody tr td, .CardTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td, .CardTurnoverCorporate .gridViewDepositTurnover table tbody tr td, .CardTurnover .gvAccountTurnoverPreview table tbody tr td, .CardTurnover .gridViewDepositTurnover table tbody tr td, .CardStatementsCorporate .gvAccountTurnoverPreview table tbody tr td, .CardStatementsCorporate .gridViewDepositTurnover table tbody tr td, .CardStatements .gvAccountTurnoverPreview table tbody tr td, .CardStatements .gridViewDepositTurnover table tbody tr td, .CardSpendingCorporate .gvAccountTurnoverPreview table tbody tr td, .CardSpendingCorporate .gridViewDepositTurnover table tbody tr td, .CardSpendings .gvAccountTurnoverPreview table tbody tr td, .CardSpendings .gridViewDepositTurnover table tbody tr td, .CardInstallmentsV2 .gvAccountTurnoverPreview table tbody tr td, .CardInstallmentsV2 .gridViewDepositTurnover table tbody tr td, .DepositTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td, .DepositTurnoverCorporate .gridViewDepositTurnover table tbody tr td, .DepositStatementsCorporate .gvAccountTurnoverPreview table tbody tr td, .DepositStatementsCorporate .gridViewDepositTurnover table tbody tr td, .LoanRepayments .gvAccountTurnoverPreview table tbody tr td, .LoanRepayments .gridViewDepositTurnover table tbody tr td, .MessageHubNotificationList .gvAccountTurnoverPreview table tbody tr td, .MessageHubNotificationList .gridViewDepositTurnover table tbody tr td, .ForeignPaymentOverviewV2 .gvAccountTurnoverPreview table tbody tr td, .ForeignPaymentOverviewV2 .gridViewDepositTurnover table tbody tr td, .PaymentOverviewV3 .gvAccountTurnoverPreview table tbody tr td, .PaymentOverviewV3 .gridViewDepositTurnover table tbody tr td, .PaymentOverviewV2 .gvAccountTurnoverPreview table tbody tr td, .PaymentOverviewV2 .gridViewDepositTurnover table tbody tr td, .LoanAnnuityPlan .gvAccountTurnoverPreview table tbody tr td, .LoanAnnuityPlan .gridViewDepositTurnover table tbody tr td, .CurrencyExchangeV2 .gvAccountTurnoverPreview table tbody tr td, .CurrencyExchangeV2 .gridViewDepositTurnover table tbody tr td, .SalariesPaymentOverview .gvAccountTurnoverPreview table tbody tr td, .SalariesPaymentOverview .gridViewDepositTurnover table tbody tr td, .ExchangeOfficeOverviewCorporateV2 .gvAccountTurnoverPreview table tbody tr td, .ExchangeOfficeOverviewCorporateV2 .gridViewDepositTurnover table tbody tr td, .OrderPackageReportCorporateV3 .gvAccountTurnoverPreview table tbody tr td, .OrderPackageReportCorporateV3 .gridViewDepositTurnover table tbody tr td, .OrdersFromOrderPackagesListCorporateV3 .gvAccountTurnoverPreview table tbody tr td, .OrdersFromOrderPackagesListCorporateV3 .gridViewDepositTurnover table tbody tr td, .DomesticOrderReportCorporateV3 .gvAccountTurnoverPreview table tbody tr td, .DomesticOrderReportCorporateV3 .gridViewDepositTurnover table tbody tr td, .ForeignOrderReportCorporateV3 .gvAccountTurnoverPreview table tbody tr td, .ForeignOrderReportCorporateV3 .gridViewDepositTurnover table tbody tr td, .SalariesOverviewCorporateV2 .gvAccountTurnoverPreview table tbody tr td, .SalariesOverviewCorporateV2 .gridViewDepositTurnover table tbody tr td, .DomesticOrderCorporateV3 .gvAccountTurnoverPreview table tbody tr td, .DomesticOrderCorporateV3 .gridViewDepositTurnover table tbody tr td, .ForeignPaymentOrderV2 .gvAccountTurnoverPreview table tbody tr td, .ForeignPaymentOrderV2 .gridViewDepositTurnover table tbody tr td, .domesticDialog .gvAccountTurnoverPreview table tbody tr td, .domesticDialog .gridViewDepositTurnover table tbody tr td, .foreignDialog .gvAccountTurnoverPreview table tbody tr td, .foreignDialog .gridViewDepositTurnover table tbody tr td, .salaryDialog .gvAccountTurnoverPreview table tbody tr td, .salaryDialog .gridViewDepositTurnover table tbody tr td, .InflowsCorporateV2 .gvAccountTurnoverPreview table tbody tr td, .InflowsCorporateV2 .gridViewDepositTurnover table tbody tr td, .domesticPublicDialog .gvAccountTurnoverPreview table tbody tr td, .domesticPublicDialog .gridViewDepositTurnover table tbody tr td, .PaymentToMobileOverview .gvAccountTurnoverPreview table tbody tr td, .PaymentToMobileOverview .gridViewDepositTurnover table tbody tr td, .P2PPaymentOverview .gvAccountTurnoverPreview table tbody tr td, .P2PPaymentOverview .gridViewDepositTurnover table tbody tr td, .PersonalDataV2 .gvAccountTurnoverPreview table tbody tr td, .PersonalDataV2 .gridViewDepositTurnover table tbody tr td, .PaymentOrderV3Mk .gvAccountTurnoverPreview table tbody tr td, .PaymentOrderV3Mk .gridViewDepositTurnover table tbody tr td, .PaymentOrderV4Mk .gvAccountTurnoverPreview table tbody tr td, .PaymentOrderV4Mk .gridViewDepositTurnover table tbody tr td, .PaymentOrderV4Public .gvAccountTurnoverPreview table tbody tr td, .PaymentOrderV4Public .gridViewDepositTurnover table tbody tr td { line-height: unset; } .Forms_ActiveWorkflowListSOG .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .Forms_ActiveWorkflowListSOG .gridViewDepositTurnover table tbody tr td:nth-child(2), .AccountTurnover .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .AccountTurnover .gridViewDepositTurnover table tbody tr td:nth-child(2), .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .AccountPosTrasactionCorporate .gridViewDepositTurnover table tbody tr td:nth-child(2), .AccountStatements .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .AccountStatements .gridViewDepositTurnover table tbody tr td:nth-child(2), .CreditorTemplateManagingV3 .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .CreditorTemplateManagingV3 .gridViewDepositTurnover table tbody tr td:nth-child(2), .CreditorTemplateManagingForeignV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .CreditorTemplateManagingForeignV2 .gridViewDepositTurnover table tbody tr td:nth-child(2), .CrontoTokenList .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .CrontoTokenList .gridViewDepositTurnover table tbody tr td:nth-child(2), .CreditorTemplateManagingV3Public .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .CreditorTemplateManagingV3Public .gridViewDepositTurnover table tbody tr td:nth-child(2), .CardTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .CardTurnoverCorporate .gridViewDepositTurnover table tbody tr td:nth-child(2), .CardTurnover .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .CardTurnover .gridViewDepositTurnover table tbody tr td:nth-child(2), .CardStatementsCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .CardStatementsCorporate .gridViewDepositTurnover table tbody tr td:nth-child(2), .CardStatements .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .CardStatements .gridViewDepositTurnover table tbody tr td:nth-child(2), .CardSpendingCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .CardSpendingCorporate .gridViewDepositTurnover table tbody tr td:nth-child(2), .CardSpendings .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .CardSpendings .gridViewDepositTurnover table tbody tr td:nth-child(2), .CardInstallmentsV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .CardInstallmentsV2 .gridViewDepositTurnover table tbody tr td:nth-child(2), .DepositTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .DepositTurnoverCorporate .gridViewDepositTurnover table tbody tr td:nth-child(2), .DepositStatementsCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .DepositStatementsCorporate .gridViewDepositTurnover table tbody tr td:nth-child(2), .LoanRepayments .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .LoanRepayments .gridViewDepositTurnover table tbody tr td:nth-child(2), .MessageHubNotificationList .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .MessageHubNotificationList .gridViewDepositTurnover table tbody tr td:nth-child(2), .ForeignPaymentOverviewV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .ForeignPaymentOverviewV2 .gridViewDepositTurnover table tbody tr td:nth-child(2), .PaymentOverviewV3 .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .PaymentOverviewV3 .gridViewDepositTurnover table tbody tr td:nth-child(2), .PaymentOverviewV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .PaymentOverviewV2 .gridViewDepositTurnover table tbody tr td:nth-child(2), .LoanAnnuityPlan .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .LoanAnnuityPlan .gridViewDepositTurnover table tbody tr td:nth-child(2), .CurrencyExchangeV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .CurrencyExchangeV2 .gridViewDepositTurnover table tbody tr td:nth-child(2), .SalariesPaymentOverview .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .SalariesPaymentOverview .gridViewDepositTurnover table tbody tr td:nth-child(2), .ExchangeOfficeOverviewCorporateV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .ExchangeOfficeOverviewCorporateV2 .gridViewDepositTurnover table tbody tr td:nth-child(2), .OrderPackageReportCorporateV3 .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .OrderPackageReportCorporateV3 .gridViewDepositTurnover table tbody tr td:nth-child(2), .OrdersFromOrderPackagesListCorporateV3 .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .OrdersFromOrderPackagesListCorporateV3 .gridViewDepositTurnover table tbody tr td:nth-child(2), .DomesticOrderReportCorporateV3 .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .DomesticOrderReportCorporateV3 .gridViewDepositTurnover table tbody tr td:nth-child(2), .ForeignOrderReportCorporateV3 .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .ForeignOrderReportCorporateV3 .gridViewDepositTurnover table tbody tr td:nth-child(2), .SalariesOverviewCorporateV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .SalariesOverviewCorporateV2 .gridViewDepositTurnover table tbody tr td:nth-child(2), .DomesticOrderCorporateV3 .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .DomesticOrderCorporateV3 .gridViewDepositTurnover table tbody tr td:nth-child(2), .ForeignPaymentOrderV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .ForeignPaymentOrderV2 .gridViewDepositTurnover table tbody tr td:nth-child(2), .domesticDialog .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .domesticDialog .gridViewDepositTurnover table tbody tr td:nth-child(2), .foreignDialog .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .foreignDialog .gridViewDepositTurnover table tbody tr td:nth-child(2), .salaryDialog .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .salaryDialog .gridViewDepositTurnover table tbody tr td:nth-child(2), .InflowsCorporateV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .InflowsCorporateV2 .gridViewDepositTurnover table tbody tr td:nth-child(2), .domesticPublicDialog .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .domesticPublicDialog .gridViewDepositTurnover table tbody tr td:nth-child(2), .PaymentToMobileOverview .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .PaymentToMobileOverview .gridViewDepositTurnover table tbody tr td:nth-child(2), .P2PPaymentOverview .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .P2PPaymentOverview .gridViewDepositTurnover table tbody tr td:nth-child(2), .PersonalDataV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .PersonalDataV2 .gridViewDepositTurnover table tbody tr td:nth-child(2), .PaymentOrderV3Mk .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .PaymentOrderV3Mk .gridViewDepositTurnover table tbody tr td:nth-child(2), .PaymentOrderV4Mk .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .PaymentOrderV4Mk .gridViewDepositTurnover table tbody tr td:nth-child(2), .PaymentOrderV4Public .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .PaymentOrderV4Public .gridViewDepositTurnover table tbody tr td:nth-child(2) { border-top-left-radius: 12px; border-bottom-left-radius: 12px; } .Forms_ActiveWorkflowListSOG .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .Forms_ActiveWorkflowListSOG .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .AccountTurnover .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .AccountTurnover .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .AccountPosTrasactionCorporate .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .AccountStatements .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .AccountStatements .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .CreditorTemplateManagingV3 .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .CreditorTemplateManagingV3 .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .CreditorTemplateManagingForeignV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .CreditorTemplateManagingForeignV2 .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .CrontoTokenList .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .CrontoTokenList .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .CreditorTemplateManagingV3Public .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .CreditorTemplateManagingV3Public .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .CardTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .CardTurnoverCorporate .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .CardTurnover .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .CardTurnover .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .CardStatementsCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .CardStatementsCorporate .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .CardStatements .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .CardStatements .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .CardSpendingCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .CardSpendingCorporate .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .CardSpendings .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .CardSpendings .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .CardInstallmentsV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .CardInstallmentsV2 .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .DepositTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .DepositTurnoverCorporate .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .DepositStatementsCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .DepositStatementsCorporate .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .LoanRepayments .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .LoanRepayments .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .MessageHubNotificationList .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .MessageHubNotificationList .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .ForeignPaymentOverviewV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .ForeignPaymentOverviewV2 .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .PaymentOverviewV3 .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .PaymentOverviewV3 .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .PaymentOverviewV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .PaymentOverviewV2 .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .LoanAnnuityPlan .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .LoanAnnuityPlan .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .CurrencyExchangeV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .CurrencyExchangeV2 .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .SalariesPaymentOverview .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .SalariesPaymentOverview .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .ExchangeOfficeOverviewCorporateV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .ExchangeOfficeOverviewCorporateV2 .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .OrderPackageReportCorporateV3 .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .OrderPackageReportCorporateV3 .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .OrdersFromOrderPackagesListCorporateV3 .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .OrdersFromOrderPackagesListCorporateV3 .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .DomesticOrderReportCorporateV3 .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .DomesticOrderReportCorporateV3 .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .ForeignOrderReportCorporateV3 .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .ForeignOrderReportCorporateV3 .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .SalariesOverviewCorporateV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .SalariesOverviewCorporateV2 .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .DomesticOrderCorporateV3 .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .DomesticOrderCorporateV3 .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .ForeignPaymentOrderV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .ForeignPaymentOrderV2 .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .domesticDialog .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .domesticDialog .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .foreignDialog .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .foreignDialog .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .salaryDialog .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .salaryDialog .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .InflowsCorporateV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .InflowsCorporateV2 .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .domesticPublicDialog .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .domesticPublicDialog .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .PaymentToMobileOverview .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .PaymentToMobileOverview .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .P2PPaymentOverview .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .P2PPaymentOverview .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .PersonalDataV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .PersonalDataV2 .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .PaymentOrderV3Mk .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .PaymentOrderV3Mk .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .PaymentOrderV4Mk .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .PaymentOrderV4Mk .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .PaymentOrderV4Public .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .PaymentOrderV4Public .gridViewDepositTurnover table tbody tr td:nth-child(2) span { border-top-left-radius: 12px; border-bottom-left-radius: 12px; } .Forms_ActiveWorkflowListSOG .gvAccountTurnoverPreview table tbody tr td:first-child, .Forms_ActiveWorkflowListSOG .gridViewDepositTurnover table tbody tr td:first-child, .AccountTurnover .gvAccountTurnoverPreview table tbody tr td:first-child, .AccountTurnover .gridViewDepositTurnover table tbody tr td:first-child, .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table tbody tr td:first-child, .AccountPosTrasactionCorporate .gridViewDepositTurnover table tbody tr td:first-child, .AccountStatements .gvAccountTurnoverPreview table tbody tr td:first-child, .AccountStatements .gridViewDepositTurnover table tbody tr td:first-child, .CreditorTemplateManagingV3 .gvAccountTurnoverPreview table tbody tr td:first-child, .CreditorTemplateManagingV3 .gridViewDepositTurnover table tbody tr td:first-child, .CreditorTemplateManagingForeignV2 .gvAccountTurnoverPreview table tbody tr td:first-child, .CreditorTemplateManagingForeignV2 .gridViewDepositTurnover table tbody tr td:first-child, .CrontoTokenList .gvAccountTurnoverPreview table tbody tr td:first-child, .CrontoTokenList .gridViewDepositTurnover table tbody tr td:first-child, .CreditorTemplateManagingV3Public .gvAccountTurnoverPreview table tbody tr td:first-child, .CreditorTemplateManagingV3Public .gridViewDepositTurnover table tbody tr td:first-child, .CardTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td:first-child, .CardTurnoverCorporate .gridViewDepositTurnover table tbody tr td:first-child, .CardTurnover .gvAccountTurnoverPreview table tbody tr td:first-child, .CardTurnover .gridViewDepositTurnover table tbody tr td:first-child, .CardStatementsCorporate .gvAccountTurnoverPreview table tbody tr td:first-child, .CardStatementsCorporate .gridViewDepositTurnover table tbody tr td:first-child, .CardStatements .gvAccountTurnoverPreview table tbody tr td:first-child, .CardStatements .gridViewDepositTurnover table tbody tr td:first-child, .CardSpendingCorporate .gvAccountTurnoverPreview table tbody tr td:first-child, .CardSpendingCorporate .gridViewDepositTurnover table tbody tr td:first-child, .CardSpendings .gvAccountTurnoverPreview table tbody tr td:first-child, .CardSpendings .gridViewDepositTurnover table tbody tr td:first-child, .CardInstallmentsV2 .gvAccountTurnoverPreview table tbody tr td:first-child, .CardInstallmentsV2 .gridViewDepositTurnover table tbody tr td:first-child, .DepositTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td:first-child, .DepositTurnoverCorporate .gridViewDepositTurnover table tbody tr td:first-child, .DepositStatementsCorporate .gvAccountTurnoverPreview table tbody tr td:first-child, .DepositStatementsCorporate .gridViewDepositTurnover table tbody tr td:first-child, .LoanRepayments .gvAccountTurnoverPreview table tbody tr td:first-child, .LoanRepayments .gridViewDepositTurnover table tbody tr td:first-child, .MessageHubNotificationList .gvAccountTurnoverPreview table tbody tr td:first-child, .MessageHubNotificationList .gridViewDepositTurnover table tbody tr td:first-child, .ForeignPaymentOverviewV2 .gvAccountTurnoverPreview table tbody tr td:first-child, .ForeignPaymentOverviewV2 .gridViewDepositTurnover table tbody tr td:first-child, .PaymentOverviewV3 .gvAccountTurnoverPreview table tbody tr td:first-child, .PaymentOverviewV3 .gridViewDepositTurnover table tbody tr td:first-child, .PaymentOverviewV2 .gvAccountTurnoverPreview table tbody tr td:first-child, .PaymentOverviewV2 .gridViewDepositTurnover table tbody tr td:first-child, .LoanAnnuityPlan .gvAccountTurnoverPreview table tbody tr td:first-child, .LoanAnnuityPlan .gridViewDepositTurnover table tbody tr td:first-child, .CurrencyExchangeV2 .gvAccountTurnoverPreview table tbody tr td:first-child, .CurrencyExchangeV2 .gridViewDepositTurnover table tbody tr td:first-child, .SalariesPaymentOverview .gvAccountTurnoverPreview table tbody tr td:first-child, .SalariesPaymentOverview .gridViewDepositTurnover table tbody tr td:first-child, .ExchangeOfficeOverviewCorporateV2 .gvAccountTurnoverPreview table tbody tr td:first-child, .ExchangeOfficeOverviewCorporateV2 .gridViewDepositTurnover table tbody tr td:first-child, .OrderPackageReportCorporateV3 .gvAccountTurnoverPreview table tbody tr td:first-child, .OrderPackageReportCorporateV3 .gridViewDepositTurnover table tbody tr td:first-child, .OrdersFromOrderPackagesListCorporateV3 .gvAccountTurnoverPreview table tbody tr td:first-child, .OrdersFromOrderPackagesListCorporateV3 .gridViewDepositTurnover table tbody tr td:first-child, .DomesticOrderReportCorporateV3 .gvAccountTurnoverPreview table tbody tr td:first-child, .DomesticOrderReportCorporateV3 .gridViewDepositTurnover table tbody tr td:first-child, .ForeignOrderReportCorporateV3 .gvAccountTurnoverPreview table tbody tr td:first-child, .ForeignOrderReportCorporateV3 .gridViewDepositTurnover table tbody tr td:first-child, .SalariesOverviewCorporateV2 .gvAccountTurnoverPreview table tbody tr td:first-child, .SalariesOverviewCorporateV2 .gridViewDepositTurnover table tbody tr td:first-child, .DomesticOrderCorporateV3 .gvAccountTurnoverPreview table tbody tr td:first-child, .DomesticOrderCorporateV3 .gridViewDepositTurnover table tbody tr td:first-child, .ForeignPaymentOrderV2 .gvAccountTurnoverPreview table tbody tr td:first-child, .ForeignPaymentOrderV2 .gridViewDepositTurnover table tbody tr td:first-child, .domesticDialog .gvAccountTurnoverPreview table tbody tr td:first-child, .domesticDialog .gridViewDepositTurnover table tbody tr td:first-child, .foreignDialog .gvAccountTurnoverPreview table tbody tr td:first-child, .foreignDialog .gridViewDepositTurnover table tbody tr td:first-child, .salaryDialog .gvAccountTurnoverPreview table tbody tr td:first-child, .salaryDialog .gridViewDepositTurnover table tbody tr td:first-child, .InflowsCorporateV2 .gvAccountTurnoverPreview table tbody tr td:first-child, .InflowsCorporateV2 .gridViewDepositTurnover table tbody tr td:first-child, .domesticPublicDialog .gvAccountTurnoverPreview table tbody tr td:first-child, .domesticPublicDialog .gridViewDepositTurnover table tbody tr td:first-child, .PaymentToMobileOverview .gvAccountTurnoverPreview table tbody tr td:first-child, .PaymentToMobileOverview .gridViewDepositTurnover table tbody tr td:first-child, .P2PPaymentOverview .gvAccountTurnoverPreview table tbody tr td:first-child, .P2PPaymentOverview .gridViewDepositTurnover table tbody tr td:first-child, .PersonalDataV2 .gvAccountTurnoverPreview table tbody tr td:first-child, .PersonalDataV2 .gridViewDepositTurnover table tbody tr td:first-child, .PaymentOrderV3Mk .gvAccountTurnoverPreview table tbody tr td:first-child, .PaymentOrderV3Mk .gridViewDepositTurnover table tbody tr td:first-child, .PaymentOrderV4Mk .gvAccountTurnoverPreview table tbody tr td:first-child, .PaymentOrderV4Mk .gridViewDepositTurnover table tbody tr td:first-child, .PaymentOrderV4Public .gvAccountTurnoverPreview table tbody tr td:first-child, .PaymentOrderV4Public .gridViewDepositTurnover table tbody tr td:first-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; } .Forms_ActiveWorkflowListSOG .gvAccountTurnoverPreview table tbody tr td:last-child, .Forms_ActiveWorkflowListSOG .gridViewDepositTurnover table tbody tr td:last-child, .AccountTurnover .gvAccountTurnoverPreview table tbody tr td:last-child, .AccountTurnover .gridViewDepositTurnover table tbody tr td:last-child, .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table tbody tr td:last-child, .AccountPosTrasactionCorporate .gridViewDepositTurnover table tbody tr td:last-child, .AccountStatements .gvAccountTurnoverPreview table tbody tr td:last-child, .AccountStatements .gridViewDepositTurnover table tbody tr td:last-child, .CreditorTemplateManagingV3 .gvAccountTurnoverPreview table tbody tr td:last-child, .CreditorTemplateManagingV3 .gridViewDepositTurnover table tbody tr td:last-child, .CreditorTemplateManagingForeignV2 .gvAccountTurnoverPreview table tbody tr td:last-child, .CreditorTemplateManagingForeignV2 .gridViewDepositTurnover table tbody tr td:last-child, .CrontoTokenList .gvAccountTurnoverPreview table tbody tr td:last-child, .CrontoTokenList .gridViewDepositTurnover table tbody tr td:last-child, .CreditorTemplateManagingV3Public .gvAccountTurnoverPreview table tbody tr td:last-child, .CreditorTemplateManagingV3Public .gridViewDepositTurnover table tbody tr td:last-child, .CardTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td:last-child, .CardTurnoverCorporate .gridViewDepositTurnover table tbody tr td:last-child, .CardTurnover .gvAccountTurnoverPreview table tbody tr td:last-child, .CardTurnover .gridViewDepositTurnover table tbody tr td:last-child, .CardStatementsCorporate .gvAccountTurnoverPreview table tbody tr td:last-child, .CardStatementsCorporate .gridViewDepositTurnover table tbody tr td:last-child, .CardStatements .gvAccountTurnoverPreview table tbody tr td:last-child, .CardStatements .gridViewDepositTurnover table tbody tr td:last-child, .CardSpendingCorporate .gvAccountTurnoverPreview table tbody tr td:last-child, .CardSpendingCorporate .gridViewDepositTurnover table tbody tr td:last-child, .CardSpendings .gvAccountTurnoverPreview table tbody tr td:last-child, .CardSpendings .gridViewDepositTurnover table tbody tr td:last-child, .CardInstallmentsV2 .gvAccountTurnoverPreview table tbody tr td:last-child, .CardInstallmentsV2 .gridViewDepositTurnover table tbody tr td:last-child, .DepositTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td:last-child, .DepositTurnoverCorporate .gridViewDepositTurnover table tbody tr td:last-child, .DepositStatementsCorporate .gvAccountTurnoverPreview table tbody tr td:last-child, .DepositStatementsCorporate .gridViewDepositTurnover table tbody tr td:last-child, .LoanRepayments .gvAccountTurnoverPreview table tbody tr td:last-child, .LoanRepayments .gridViewDepositTurnover table tbody tr td:last-child, .MessageHubNotificationList .gvAccountTurnoverPreview table tbody tr td:last-child, .MessageHubNotificationList .gridViewDepositTurnover table tbody tr td:last-child, .ForeignPaymentOverviewV2 .gvAccountTurnoverPreview table tbody tr td:last-child, .ForeignPaymentOverviewV2 .gridViewDepositTurnover table tbody tr td:last-child, .PaymentOverviewV3 .gvAccountTurnoverPreview table tbody tr td:last-child, .PaymentOverviewV3 .gridViewDepositTurnover table tbody tr td:last-child, .PaymentOverviewV2 .gvAccountTurnoverPreview table tbody tr td:last-child, .PaymentOverviewV2 .gridViewDepositTurnover table tbody tr td:last-child, .LoanAnnuityPlan .gvAccountTurnoverPreview table tbody tr td:last-child, .LoanAnnuityPlan .gridViewDepositTurnover table tbody tr td:last-child, .CurrencyExchangeV2 .gvAccountTurnoverPreview table tbody tr td:last-child, .CurrencyExchangeV2 .gridViewDepositTurnover table tbody tr td:last-child, .SalariesPaymentOverview .gvAccountTurnoverPreview table tbody tr td:last-child, .SalariesPaymentOverview .gridViewDepositTurnover table tbody tr td:last-child, .ExchangeOfficeOverviewCorporateV2 .gvAccountTurnoverPreview table tbody tr td:last-child, .ExchangeOfficeOverviewCorporateV2 .gridViewDepositTurnover table tbody tr td:last-child, .OrderPackageReportCorporateV3 .gvAccountTurnoverPreview table tbody tr td:last-child, .OrderPackageReportCorporateV3 .gridViewDepositTurnover table tbody tr td:last-child, .OrdersFromOrderPackagesListCorporateV3 .gvAccountTurnoverPreview table tbody tr td:last-child, .OrdersFromOrderPackagesListCorporateV3 .gridViewDepositTurnover table tbody tr td:last-child, .DomesticOrderReportCorporateV3 .gvAccountTurnoverPreview table tbody tr td:last-child, .DomesticOrderReportCorporateV3 .gridViewDepositTurnover table tbody tr td:last-child, .ForeignOrderReportCorporateV3 .gvAccountTurnoverPreview table tbody tr td:last-child, .ForeignOrderReportCorporateV3 .gridViewDepositTurnover table tbody tr td:last-child, .SalariesOverviewCorporateV2 .gvAccountTurnoverPreview table tbody tr td:last-child, .SalariesOverviewCorporateV2 .gridViewDepositTurnover table tbody tr td:last-child, .DomesticOrderCorporateV3 .gvAccountTurnoverPreview table tbody tr td:last-child, .DomesticOrderCorporateV3 .gridViewDepositTurnover table tbody tr td:last-child, .ForeignPaymentOrderV2 .gvAccountTurnoverPreview table tbody tr td:last-child, .ForeignPaymentOrderV2 .gridViewDepositTurnover table tbody tr td:last-child, .domesticDialog .gvAccountTurnoverPreview table tbody tr td:last-child, .domesticDialog .gridViewDepositTurnover table tbody tr td:last-child, .foreignDialog .gvAccountTurnoverPreview table tbody tr td:last-child, .foreignDialog .gridViewDepositTurnover table tbody tr td:last-child, .salaryDialog .gvAccountTurnoverPreview table tbody tr td:last-child, .salaryDialog .gridViewDepositTurnover table tbody tr td:last-child, .InflowsCorporateV2 .gvAccountTurnoverPreview table tbody tr td:last-child, .InflowsCorporateV2 .gridViewDepositTurnover table tbody tr td:last-child, .domesticPublicDialog .gvAccountTurnoverPreview table tbody tr td:last-child, .domesticPublicDialog .gridViewDepositTurnover table tbody tr td:last-child, .PaymentToMobileOverview .gvAccountTurnoverPreview table tbody tr td:last-child, .PaymentToMobileOverview .gridViewDepositTurnover table tbody tr td:last-child, .P2PPaymentOverview .gvAccountTurnoverPreview table tbody tr td:last-child, .P2PPaymentOverview .gridViewDepositTurnover table tbody tr td:last-child, .PersonalDataV2 .gvAccountTurnoverPreview table tbody tr td:last-child, .PersonalDataV2 .gridViewDepositTurnover table tbody tr td:last-child, .PaymentOrderV3Mk .gvAccountTurnoverPreview table tbody tr td:last-child, .PaymentOrderV3Mk .gridViewDepositTurnover table tbody tr td:last-child, .PaymentOrderV4Mk .gvAccountTurnoverPreview table tbody tr td:last-child, .PaymentOrderV4Mk .gridViewDepositTurnover table tbody tr td:last-child, .PaymentOrderV4Public .gvAccountTurnoverPreview table tbody tr td:last-child, .PaymentOrderV4Public .gridViewDepositTurnover table tbody tr td:last-child { width: 6%; border-top-right-radius: 12px; border-bottom-right-radius: 12px; } .Forms_ActiveWorkflowListSOG .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .Forms_ActiveWorkflowListSOG .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .AccountTurnover .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .AccountTurnover .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .AccountPosTrasactionCorporate .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .AccountStatements .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .AccountStatements .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .CreditorTemplateManagingV3 .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .CreditorTemplateManagingV3 .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .CreditorTemplateManagingForeignV2 .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .CreditorTemplateManagingForeignV2 .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .CrontoTokenList .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .CrontoTokenList .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .CreditorTemplateManagingV3Public .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .CreditorTemplateManagingV3Public .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .CardTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .CardTurnoverCorporate .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .CardTurnover .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .CardTurnover .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .CardStatementsCorporate .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .CardStatementsCorporate .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .CardStatements .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .CardStatements .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .CardSpendingCorporate .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .CardSpendingCorporate .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .CardSpendings .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .CardSpendings .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .CardInstallmentsV2 .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .CardInstallmentsV2 .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .DepositTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .DepositTurnoverCorporate .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .DepositStatementsCorporate .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .DepositStatementsCorporate .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .LoanRepayments .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .LoanRepayments .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .MessageHubNotificationList .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .MessageHubNotificationList .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .ForeignPaymentOverviewV2 .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .ForeignPaymentOverviewV2 .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .PaymentOverviewV3 .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .PaymentOverviewV3 .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .PaymentOverviewV2 .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .PaymentOverviewV2 .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .LoanAnnuityPlan .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .LoanAnnuityPlan .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .CurrencyExchangeV2 .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .CurrencyExchangeV2 .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .SalariesPaymentOverview .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .SalariesPaymentOverview .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .ExchangeOfficeOverviewCorporateV2 .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .ExchangeOfficeOverviewCorporateV2 .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .OrderPackageReportCorporateV3 .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .OrderPackageReportCorporateV3 .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .OrdersFromOrderPackagesListCorporateV3 .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .OrdersFromOrderPackagesListCorporateV3 .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .DomesticOrderReportCorporateV3 .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .DomesticOrderReportCorporateV3 .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .ForeignOrderReportCorporateV3 .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .ForeignOrderReportCorporateV3 .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .SalariesOverviewCorporateV2 .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .SalariesOverviewCorporateV2 .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .DomesticOrderCorporateV3 .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .DomesticOrderCorporateV3 .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .ForeignPaymentOrderV2 .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .ForeignPaymentOrderV2 .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .domesticDialog .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .domesticDialog .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .foreignDialog .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .foreignDialog .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .salaryDialog .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .salaryDialog .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .InflowsCorporateV2 .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .InflowsCorporateV2 .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .domesticPublicDialog .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .domesticPublicDialog .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .PaymentToMobileOverview .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .PaymentToMobileOverview .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .P2PPaymentOverview .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .P2PPaymentOverview .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .PersonalDataV2 .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .PersonalDataV2 .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .PaymentOrderV3Mk .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .PaymentOrderV3Mk .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .PaymentOrderV4Mk .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .PaymentOrderV4Mk .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .PaymentOrderV4Public .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .PaymentOrderV4Public .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content { justify-content: center !important; } .Forms_ActiveWorkflowListSOG .gvAccountTurnoverPreview table tbody tr td .date, .Forms_ActiveWorkflowListSOG .gridViewDepositTurnover table tbody tr td .date, .AccountTurnover .gvAccountTurnoverPreview table tbody tr td .date, .AccountTurnover .gridViewDepositTurnover table tbody tr td .date, .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table tbody tr td .date, .AccountPosTrasactionCorporate .gridViewDepositTurnover table tbody tr td .date, .AccountStatements .gvAccountTurnoverPreview table tbody tr td .date, .AccountStatements .gridViewDepositTurnover table tbody tr td .date, .CreditorTemplateManagingV3 .gvAccountTurnoverPreview table tbody tr td .date, .CreditorTemplateManagingV3 .gridViewDepositTurnover table tbody tr td .date, .CreditorTemplateManagingForeignV2 .gvAccountTurnoverPreview table tbody tr td .date, .CreditorTemplateManagingForeignV2 .gridViewDepositTurnover table tbody tr td .date, .CrontoTokenList .gvAccountTurnoverPreview table tbody tr td .date, .CrontoTokenList .gridViewDepositTurnover table tbody tr td .date, .CreditorTemplateManagingV3Public .gvAccountTurnoverPreview table tbody tr td .date, .CreditorTemplateManagingV3Public .gridViewDepositTurnover table tbody tr td .date, .CardTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td .date, .CardTurnoverCorporate .gridViewDepositTurnover table tbody tr td .date, .CardTurnover .gvAccountTurnoverPreview table tbody tr td .date, .CardTurnover .gridViewDepositTurnover table tbody tr td .date, .CardStatementsCorporate .gvAccountTurnoverPreview table tbody tr td .date, .CardStatementsCorporate .gridViewDepositTurnover table tbody tr td .date, .CardStatements .gvAccountTurnoverPreview table tbody tr td .date, .CardStatements .gridViewDepositTurnover table tbody tr td .date, .CardSpendingCorporate .gvAccountTurnoverPreview table tbody tr td .date, .CardSpendingCorporate .gridViewDepositTurnover table tbody tr td .date, .CardSpendings .gvAccountTurnoverPreview table tbody tr td .date, .CardSpendings .gridViewDepositTurnover table tbody tr td .date, .CardInstallmentsV2 .gvAccountTurnoverPreview table tbody tr td .date, .CardInstallmentsV2 .gridViewDepositTurnover table tbody tr td .date, .DepositTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td .date, .DepositTurnoverCorporate .gridViewDepositTurnover table tbody tr td .date, .DepositStatementsCorporate .gvAccountTurnoverPreview table tbody tr td .date, .DepositStatementsCorporate .gridViewDepositTurnover table tbody tr td .date, .LoanRepayments .gvAccountTurnoverPreview table tbody tr td .date, .LoanRepayments .gridViewDepositTurnover table tbody tr td .date, .MessageHubNotificationList .gvAccountTurnoverPreview table tbody tr td .date, .MessageHubNotificationList .gridViewDepositTurnover table tbody tr td .date, .ForeignPaymentOverviewV2 .gvAccountTurnoverPreview table tbody tr td .date, .ForeignPaymentOverviewV2 .gridViewDepositTurnover table tbody tr td .date, .PaymentOverviewV3 .gvAccountTurnoverPreview table tbody tr td .date, .PaymentOverviewV3 .gridViewDepositTurnover table tbody tr td .date, .PaymentOverviewV2 .gvAccountTurnoverPreview table tbody tr td .date, .PaymentOverviewV2 .gridViewDepositTurnover table tbody tr td .date, .LoanAnnuityPlan .gvAccountTurnoverPreview table tbody tr td .date, .LoanAnnuityPlan .gridViewDepositTurnover table tbody tr td .date, .CurrencyExchangeV2 .gvAccountTurnoverPreview table tbody tr td .date, .CurrencyExchangeV2 .gridViewDepositTurnover table tbody tr td .date, .SalariesPaymentOverview .gvAccountTurnoverPreview table tbody tr td .date, .SalariesPaymentOverview .gridViewDepositTurnover table tbody tr td .date, .ExchangeOfficeOverviewCorporateV2 .gvAccountTurnoverPreview table tbody tr td .date, .ExchangeOfficeOverviewCorporateV2 .gridViewDepositTurnover table tbody tr td .date, .OrderPackageReportCorporateV3 .gvAccountTurnoverPreview table tbody tr td .date, .OrderPackageReportCorporateV3 .gridViewDepositTurnover table tbody tr td .date, .OrdersFromOrderPackagesListCorporateV3 .gvAccountTurnoverPreview table tbody tr td .date, .OrdersFromOrderPackagesListCorporateV3 .gridViewDepositTurnover table tbody tr td .date, .DomesticOrderReportCorporateV3 .gvAccountTurnoverPreview table tbody tr td .date, .DomesticOrderReportCorporateV3 .gridViewDepositTurnover table tbody tr td .date, .ForeignOrderReportCorporateV3 .gvAccountTurnoverPreview table tbody tr td .date, .ForeignOrderReportCorporateV3 .gridViewDepositTurnover table tbody tr td .date, .SalariesOverviewCorporateV2 .gvAccountTurnoverPreview table tbody tr td .date, .SalariesOverviewCorporateV2 .gridViewDepositTurnover table tbody tr td .date, .DomesticOrderCorporateV3 .gvAccountTurnoverPreview table tbody tr td .date, .DomesticOrderCorporateV3 .gridViewDepositTurnover table tbody tr td .date, .ForeignPaymentOrderV2 .gvAccountTurnoverPreview table tbody tr td .date, .ForeignPaymentOrderV2 .gridViewDepositTurnover table tbody tr td .date, .domesticDialog .gvAccountTurnoverPreview table tbody tr td .date, .domesticDialog .gridViewDepositTurnover table tbody tr td .date, .foreignDialog .gvAccountTurnoverPreview table tbody tr td .date, .foreignDialog .gridViewDepositTurnover table tbody tr td .date, .salaryDialog .gvAccountTurnoverPreview table tbody tr td .date, .salaryDialog .gridViewDepositTurnover table tbody tr td .date, .InflowsCorporateV2 .gvAccountTurnoverPreview table tbody tr td .date, .InflowsCorporateV2 .gridViewDepositTurnover table tbody tr td .date, .domesticPublicDialog .gvAccountTurnoverPreview table tbody tr td .date, .domesticPublicDialog .gridViewDepositTurnover table tbody tr td .date, .PaymentToMobileOverview .gvAccountTurnoverPreview table tbody tr td .date, .PaymentToMobileOverview .gridViewDepositTurnover table tbody tr td .date, .P2PPaymentOverview .gvAccountTurnoverPreview table tbody tr td .date, .P2PPaymentOverview .gridViewDepositTurnover table tbody tr td .date, .PersonalDataV2 .gvAccountTurnoverPreview table tbody tr td .date, .PersonalDataV2 .gridViewDepositTurnover table tbody tr td .date, .PaymentOrderV3Mk .gvAccountTurnoverPreview table tbody tr td .date, .PaymentOrderV3Mk .gridViewDepositTurnover table tbody tr td .date, .PaymentOrderV4Mk .gvAccountTurnoverPreview table tbody tr td .date, .PaymentOrderV4Mk .gridViewDepositTurnover table tbody tr td .date, .PaymentOrderV4Public .gvAccountTurnoverPreview table tbody tr td .date, .PaymentOrderV4Public .gridViewDepositTurnover table tbody tr td .date { font-size: 15px; } .Forms_ActiveWorkflowListSOG .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .Forms_ActiveWorkflowListSOG .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .AccountTurnover .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .AccountTurnover .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .AccountPosTrasactionCorporate .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .AccountStatements .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .AccountStatements .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .CreditorTemplateManagingV3 .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .CreditorTemplateManagingV3 .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .CreditorTemplateManagingForeignV2 .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .CreditorTemplateManagingForeignV2 .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .CrontoTokenList .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .CrontoTokenList .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .CreditorTemplateManagingV3Public .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .CreditorTemplateManagingV3Public .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .CardTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .CardTurnoverCorporate .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .CardTurnover .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .CardTurnover .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .CardStatementsCorporate .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .CardStatementsCorporate .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .CardStatements .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .CardStatements .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .CardSpendingCorporate .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .CardSpendingCorporate .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .CardSpendings .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .CardSpendings .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .CardInstallmentsV2 .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .CardInstallmentsV2 .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .DepositTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .DepositTurnoverCorporate .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .DepositStatementsCorporate .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .DepositStatementsCorporate .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .LoanRepayments .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .LoanRepayments .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .MessageHubNotificationList .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .MessageHubNotificationList .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .ForeignPaymentOverviewV2 .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .ForeignPaymentOverviewV2 .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .PaymentOverviewV3 .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .PaymentOverviewV3 .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .PaymentOverviewV2 .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .PaymentOverviewV2 .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .LoanAnnuityPlan .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .LoanAnnuityPlan .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .CurrencyExchangeV2 .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .CurrencyExchangeV2 .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .SalariesPaymentOverview .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .SalariesPaymentOverview .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .ExchangeOfficeOverviewCorporateV2 .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .ExchangeOfficeOverviewCorporateV2 .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .OrderPackageReportCorporateV3 .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .OrderPackageReportCorporateV3 .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .OrdersFromOrderPackagesListCorporateV3 .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .OrdersFromOrderPackagesListCorporateV3 .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .DomesticOrderReportCorporateV3 .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .DomesticOrderReportCorporateV3 .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .ForeignOrderReportCorporateV3 .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .ForeignOrderReportCorporateV3 .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .SalariesOverviewCorporateV2 .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .SalariesOverviewCorporateV2 .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .DomesticOrderCorporateV3 .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .DomesticOrderCorporateV3 .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .ForeignPaymentOrderV2 .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .ForeignPaymentOrderV2 .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .domesticDialog .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .domesticDialog .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .foreignDialog .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .foreignDialog .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .salaryDialog .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .salaryDialog .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .InflowsCorporateV2 .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .InflowsCorporateV2 .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .domesticPublicDialog .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .domesticPublicDialog .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .PaymentToMobileOverview .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .PaymentToMobileOverview .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .P2PPaymentOverview .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .P2PPaymentOverview .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .PersonalDataV2 .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .PersonalDataV2 .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .PaymentOrderV3Mk .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .PaymentOrderV3Mk .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .PaymentOrderV4Mk .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .PaymentOrderV4Mk .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .PaymentOrderV4Public .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .PaymentOrderV4Public .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content { font-size: 15px; } .Forms_ActiveWorkflowListSOG .gvLoanRepayments table tbody tr:hover, .AccountTurnover .gvLoanRepayments table tbody tr:hover, .AccountPosTrasactionCorporate .gvLoanRepayments table tbody tr:hover, .AccountStatements .gvLoanRepayments table tbody tr:hover, .CreditorTemplateManagingV3 .gvLoanRepayments table tbody tr:hover, .CreditorTemplateManagingForeignV2 .gvLoanRepayments table tbody tr:hover, .CrontoTokenList .gvLoanRepayments table tbody tr:hover, .CreditorTemplateManagingV3Public .gvLoanRepayments table tbody tr:hover, .CardTurnoverCorporate .gvLoanRepayments table tbody tr:hover, .CardTurnover .gvLoanRepayments table tbody tr:hover, .CardStatementsCorporate .gvLoanRepayments table tbody tr:hover, .CardStatements .gvLoanRepayments table tbody tr:hover, .CardSpendingCorporate .gvLoanRepayments table tbody tr:hover, .CardSpendings .gvLoanRepayments table tbody tr:hover, .CardInstallmentsV2 .gvLoanRepayments table tbody tr:hover, .DepositTurnoverCorporate .gvLoanRepayments table tbody tr:hover, .DepositStatementsCorporate .gvLoanRepayments table tbody tr:hover, .LoanRepayments .gvLoanRepayments table tbody tr:hover, .MessageHubNotificationList .gvLoanRepayments table tbody tr:hover, .ForeignPaymentOverviewV2 .gvLoanRepayments table tbody tr:hover, .PaymentOverviewV3 .gvLoanRepayments table tbody tr:hover, .PaymentOverviewV2 .gvLoanRepayments table tbody tr:hover, .LoanAnnuityPlan .gvLoanRepayments table tbody tr:hover, .CurrencyExchangeV2 .gvLoanRepayments table tbody tr:hover, .SalariesPaymentOverview .gvLoanRepayments table tbody tr:hover, .ExchangeOfficeOverviewCorporateV2 .gvLoanRepayments table tbody tr:hover, .OrderPackageReportCorporateV3 .gvLoanRepayments table tbody tr:hover, .OrdersFromOrderPackagesListCorporateV3 .gvLoanRepayments table tbody tr:hover, .DomesticOrderReportCorporateV3 .gvLoanRepayments table tbody tr:hover, .ForeignOrderReportCorporateV3 .gvLoanRepayments table tbody tr:hover, .SalariesOverviewCorporateV2 .gvLoanRepayments table tbody tr:hover, .DomesticOrderCorporateV3 .gvLoanRepayments table tbody tr:hover, .ForeignPaymentOrderV2 .gvLoanRepayments table tbody tr:hover, .domesticDialog .gvLoanRepayments table tbody tr:hover, .foreignDialog .gvLoanRepayments table tbody tr:hover, .salaryDialog .gvLoanRepayments table tbody tr:hover, .InflowsCorporateV2 .gvLoanRepayments table tbody tr:hover, .domesticPublicDialog .gvLoanRepayments table tbody tr:hover, .PaymentToMobileOverview .gvLoanRepayments table tbody tr:hover, .P2PPaymentOverview .gvLoanRepayments table tbody tr:hover, .PersonalDataV2 .gvLoanRepayments table tbody tr:hover, .PaymentOrderV3Mk .gvLoanRepayments table tbody tr:hover, .PaymentOrderV4Mk .gvLoanRepayments table tbody tr:hover, .PaymentOrderV4Public .gvLoanRepayments table tbody tr:hover { background-color: #F5F5F5; } .Forms_ActiveWorkflowListSOG .gvLoanRepayments table tbody tr td, .AccountTurnover .gvLoanRepayments table tbody tr td, .AccountPosTrasactionCorporate .gvLoanRepayments table tbody tr td, .AccountStatements .gvLoanRepayments table tbody tr td, .CreditorTemplateManagingV3 .gvLoanRepayments table tbody tr td, .CreditorTemplateManagingForeignV2 .gvLoanRepayments table tbody tr td, .CrontoTokenList .gvLoanRepayments table tbody tr td, .CreditorTemplateManagingV3Public .gvLoanRepayments table tbody tr td, .CardTurnoverCorporate .gvLoanRepayments table tbody tr td, .CardTurnover .gvLoanRepayments table tbody tr td, .CardStatementsCorporate .gvLoanRepayments table tbody tr td, .CardStatements .gvLoanRepayments table tbody tr td, .CardSpendingCorporate .gvLoanRepayments table tbody tr td, .CardSpendings .gvLoanRepayments table tbody tr td, .CardInstallmentsV2 .gvLoanRepayments table tbody tr td, .DepositTurnoverCorporate .gvLoanRepayments table tbody tr td, .DepositStatementsCorporate .gvLoanRepayments table tbody tr td, .LoanRepayments .gvLoanRepayments table tbody tr td, .MessageHubNotificationList .gvLoanRepayments table tbody tr td, .ForeignPaymentOverviewV2 .gvLoanRepayments table tbody tr td, .PaymentOverviewV3 .gvLoanRepayments table tbody tr td, .PaymentOverviewV2 .gvLoanRepayments table tbody tr td, .LoanAnnuityPlan .gvLoanRepayments table tbody tr td, .CurrencyExchangeV2 .gvLoanRepayments table tbody tr td, .SalariesPaymentOverview .gvLoanRepayments table tbody tr td, .ExchangeOfficeOverviewCorporateV2 .gvLoanRepayments table tbody tr td, .OrderPackageReportCorporateV3 .gvLoanRepayments table tbody tr td, .OrdersFromOrderPackagesListCorporateV3 .gvLoanRepayments table tbody tr td, .DomesticOrderReportCorporateV3 .gvLoanRepayments table tbody tr td, .ForeignOrderReportCorporateV3 .gvLoanRepayments table tbody tr td, .SalariesOverviewCorporateV2 .gvLoanRepayments table tbody tr td, .DomesticOrderCorporateV3 .gvLoanRepayments table tbody tr td, .ForeignPaymentOrderV2 .gvLoanRepayments table tbody tr td, .domesticDialog .gvLoanRepayments table tbody tr td, .foreignDialog .gvLoanRepayments table tbody tr td, .salaryDialog .gvLoanRepayments table tbody tr td, .InflowsCorporateV2 .gvLoanRepayments table tbody tr td, .domesticPublicDialog .gvLoanRepayments table tbody tr td, .PaymentToMobileOverview .gvLoanRepayments table tbody tr td, .P2PPaymentOverview .gvLoanRepayments table tbody tr td, .PersonalDataV2 .gvLoanRepayments table tbody tr td, .PaymentOrderV3Mk .gvLoanRepayments table tbody tr td, .PaymentOrderV4Mk .gvLoanRepayments table tbody tr td, .PaymentOrderV4Public .gvLoanRepayments table tbody tr td { line-height: unset; } .Forms_ActiveWorkflowListSOG .gvLoanRepayments table tbody tr td:nth-child(2), .AccountTurnover .gvLoanRepayments table tbody tr td:nth-child(2), .AccountPosTrasactionCorporate .gvLoanRepayments table tbody tr td:nth-child(2), .AccountStatements .gvLoanRepayments table tbody tr td:nth-child(2), .CreditorTemplateManagingV3 .gvLoanRepayments table tbody tr td:nth-child(2), .CreditorTemplateManagingForeignV2 .gvLoanRepayments table tbody tr td:nth-child(2), .CrontoTokenList .gvLoanRepayments table tbody tr td:nth-child(2), .CreditorTemplateManagingV3Public .gvLoanRepayments table tbody tr td:nth-child(2), .CardTurnoverCorporate .gvLoanRepayments table tbody tr td:nth-child(2), .CardTurnover .gvLoanRepayments table tbody tr td:nth-child(2), .CardStatementsCorporate .gvLoanRepayments table tbody tr td:nth-child(2), .CardStatements .gvLoanRepayments table tbody tr td:nth-child(2), .CardSpendingCorporate .gvLoanRepayments table tbody tr td:nth-child(2), .CardSpendings .gvLoanRepayments table tbody tr td:nth-child(2), .CardInstallmentsV2 .gvLoanRepayments table tbody tr td:nth-child(2), .DepositTurnoverCorporate .gvLoanRepayments table tbody tr td:nth-child(2), .DepositStatementsCorporate .gvLoanRepayments table tbody tr td:nth-child(2), .LoanRepayments .gvLoanRepayments table tbody tr td:nth-child(2), .MessageHubNotificationList .gvLoanRepayments table tbody tr td:nth-child(2), .ForeignPaymentOverviewV2 .gvLoanRepayments table tbody tr td:nth-child(2), .PaymentOverviewV3 .gvLoanRepayments table tbody tr td:nth-child(2), .PaymentOverviewV2 .gvLoanRepayments table tbody tr td:nth-child(2), .LoanAnnuityPlan .gvLoanRepayments table tbody tr td:nth-child(2), .CurrencyExchangeV2 .gvLoanRepayments table tbody tr td:nth-child(2), .SalariesPaymentOverview .gvLoanRepayments table tbody tr td:nth-child(2), .ExchangeOfficeOverviewCorporateV2 .gvLoanRepayments table tbody tr td:nth-child(2), .OrderPackageReportCorporateV3 .gvLoanRepayments table tbody tr td:nth-child(2), .OrdersFromOrderPackagesListCorporateV3 .gvLoanRepayments table tbody tr td:nth-child(2), .DomesticOrderReportCorporateV3 .gvLoanRepayments table tbody tr td:nth-child(2), .ForeignOrderReportCorporateV3 .gvLoanRepayments table tbody tr td:nth-child(2), .SalariesOverviewCorporateV2 .gvLoanRepayments table tbody tr td:nth-child(2), .DomesticOrderCorporateV3 .gvLoanRepayments table tbody tr td:nth-child(2), .ForeignPaymentOrderV2 .gvLoanRepayments table tbody tr td:nth-child(2), .domesticDialog .gvLoanRepayments table tbody tr td:nth-child(2), .foreignDialog .gvLoanRepayments table tbody tr td:nth-child(2), .salaryDialog .gvLoanRepayments table tbody tr td:nth-child(2), .InflowsCorporateV2 .gvLoanRepayments table tbody tr td:nth-child(2), .domesticPublicDialog .gvLoanRepayments table tbody tr td:nth-child(2), .PaymentToMobileOverview .gvLoanRepayments table tbody tr td:nth-child(2), .P2PPaymentOverview .gvLoanRepayments table tbody tr td:nth-child(2), .PersonalDataV2 .gvLoanRepayments table tbody tr td:nth-child(2), .PaymentOrderV3Mk .gvLoanRepayments table tbody tr td:nth-child(2), .PaymentOrderV4Mk .gvLoanRepayments table tbody tr td:nth-child(2), .PaymentOrderV4Public .gvLoanRepayments table tbody tr td:nth-child(2) { width: 25.5%; border-top-left-radius: 12px; border-bottom-left-radius: 12px; } .Forms_ActiveWorkflowListSOG .gvLoanRepayments table tbody tr td:nth-child(2) span, .AccountTurnover .gvLoanRepayments table tbody tr td:nth-child(2) span, .AccountPosTrasactionCorporate .gvLoanRepayments table tbody tr td:nth-child(2) span, .AccountStatements .gvLoanRepayments table tbody tr td:nth-child(2) span, .CreditorTemplateManagingV3 .gvLoanRepayments table tbody tr td:nth-child(2) span, .CreditorTemplateManagingForeignV2 .gvLoanRepayments table tbody tr td:nth-child(2) span, .CrontoTokenList .gvLoanRepayments table tbody tr td:nth-child(2) span, .CreditorTemplateManagingV3Public .gvLoanRepayments table tbody tr td:nth-child(2) span, .CardTurnoverCorporate .gvLoanRepayments table tbody tr td:nth-child(2) span, .CardTurnover .gvLoanRepayments table tbody tr td:nth-child(2) span, .CardStatementsCorporate .gvLoanRepayments table tbody tr td:nth-child(2) span, .CardStatements .gvLoanRepayments table tbody tr td:nth-child(2) span, .CardSpendingCorporate .gvLoanRepayments table tbody tr td:nth-child(2) span, .CardSpendings .gvLoanRepayments table tbody tr td:nth-child(2) span, .CardInstallmentsV2 .gvLoanRepayments table tbody tr td:nth-child(2) span, .DepositTurnoverCorporate .gvLoanRepayments table tbody tr td:nth-child(2) span, .DepositStatementsCorporate .gvLoanRepayments table tbody tr td:nth-child(2) span, .LoanRepayments .gvLoanRepayments table tbody tr td:nth-child(2) span, .MessageHubNotificationList .gvLoanRepayments table tbody tr td:nth-child(2) span, .ForeignPaymentOverviewV2 .gvLoanRepayments table tbody tr td:nth-child(2) span, .PaymentOverviewV3 .gvLoanRepayments table tbody tr td:nth-child(2) span, .PaymentOverviewV2 .gvLoanRepayments table tbody tr td:nth-child(2) span, .LoanAnnuityPlan .gvLoanRepayments table tbody tr td:nth-child(2) span, .CurrencyExchangeV2 .gvLoanRepayments table tbody tr td:nth-child(2) span, .SalariesPaymentOverview .gvLoanRepayments table tbody tr td:nth-child(2) span, .ExchangeOfficeOverviewCorporateV2 .gvLoanRepayments table tbody tr td:nth-child(2) span, .OrderPackageReportCorporateV3 .gvLoanRepayments table tbody tr td:nth-child(2) span, .OrdersFromOrderPackagesListCorporateV3 .gvLoanRepayments table tbody tr td:nth-child(2) span, .DomesticOrderReportCorporateV3 .gvLoanRepayments table tbody tr td:nth-child(2) span, .ForeignOrderReportCorporateV3 .gvLoanRepayments table tbody tr td:nth-child(2) span, .SalariesOverviewCorporateV2 .gvLoanRepayments table tbody tr td:nth-child(2) span, .DomesticOrderCorporateV3 .gvLoanRepayments table tbody tr td:nth-child(2) span, .ForeignPaymentOrderV2 .gvLoanRepayments table tbody tr td:nth-child(2) span, .domesticDialog .gvLoanRepayments table tbody tr td:nth-child(2) span, .foreignDialog .gvLoanRepayments table tbody tr td:nth-child(2) span, .salaryDialog .gvLoanRepayments table tbody tr td:nth-child(2) span, .InflowsCorporateV2 .gvLoanRepayments table tbody tr td:nth-child(2) span, .domesticPublicDialog .gvLoanRepayments table tbody tr td:nth-child(2) span, .PaymentToMobileOverview .gvLoanRepayments table tbody tr td:nth-child(2) span, .P2PPaymentOverview .gvLoanRepayments table tbody tr td:nth-child(2) span, .PersonalDataV2 .gvLoanRepayments table tbody tr td:nth-child(2) span, .PaymentOrderV3Mk .gvLoanRepayments table tbody tr td:nth-child(2) span, .PaymentOrderV4Mk .gvLoanRepayments table tbody tr td:nth-child(2) span, .PaymentOrderV4Public .gvLoanRepayments table tbody tr td:nth-child(2) span { border-top-left-radius: 12px; border-bottom-left-radius: 12px; } .Forms_ActiveWorkflowListSOG .gvLoanRepayments table tbody tr td:nth-child(3), .AccountTurnover .gvLoanRepayments table tbody tr td:nth-child(3), .AccountPosTrasactionCorporate .gvLoanRepayments table tbody tr td:nth-child(3), .AccountStatements .gvLoanRepayments table tbody tr td:nth-child(3), .CreditorTemplateManagingV3 .gvLoanRepayments table tbody tr td:nth-child(3), .CreditorTemplateManagingForeignV2 .gvLoanRepayments table tbody tr td:nth-child(3), .CrontoTokenList .gvLoanRepayments table tbody tr td:nth-child(3), .CreditorTemplateManagingV3Public .gvLoanRepayments table tbody tr td:nth-child(3), .CardTurnoverCorporate .gvLoanRepayments table tbody tr td:nth-child(3), .CardTurnover .gvLoanRepayments table tbody tr td:nth-child(3), .CardStatementsCorporate .gvLoanRepayments table tbody tr td:nth-child(3), .CardStatements .gvLoanRepayments table tbody tr td:nth-child(3), .CardSpendingCorporate .gvLoanRepayments table tbody tr td:nth-child(3), .CardSpendings .gvLoanRepayments table tbody tr td:nth-child(3), .CardInstallmentsV2 .gvLoanRepayments table tbody tr td:nth-child(3), .DepositTurnoverCorporate .gvLoanRepayments table tbody tr td:nth-child(3), .DepositStatementsCorporate .gvLoanRepayments table tbody tr td:nth-child(3), .LoanRepayments .gvLoanRepayments table tbody tr td:nth-child(3), .MessageHubNotificationList .gvLoanRepayments table tbody tr td:nth-child(3), .ForeignPaymentOverviewV2 .gvLoanRepayments table tbody tr td:nth-child(3), .PaymentOverviewV3 .gvLoanRepayments table tbody tr td:nth-child(3), .PaymentOverviewV2 .gvLoanRepayments table tbody tr td:nth-child(3), .LoanAnnuityPlan .gvLoanRepayments table tbody tr td:nth-child(3), .CurrencyExchangeV2 .gvLoanRepayments table tbody tr td:nth-child(3), .SalariesPaymentOverview .gvLoanRepayments table tbody tr td:nth-child(3), .ExchangeOfficeOverviewCorporateV2 .gvLoanRepayments table tbody tr td:nth-child(3), .OrderPackageReportCorporateV3 .gvLoanRepayments table tbody tr td:nth-child(3), .OrdersFromOrderPackagesListCorporateV3 .gvLoanRepayments table tbody tr td:nth-child(3), .DomesticOrderReportCorporateV3 .gvLoanRepayments table tbody tr td:nth-child(3), .ForeignOrderReportCorporateV3 .gvLoanRepayments table tbody tr td:nth-child(3), .SalariesOverviewCorporateV2 .gvLoanRepayments table tbody tr td:nth-child(3), .DomesticOrderCorporateV3 .gvLoanRepayments table tbody tr td:nth-child(3), .ForeignPaymentOrderV2 .gvLoanRepayments table tbody tr td:nth-child(3), .domesticDialog .gvLoanRepayments table tbody tr td:nth-child(3), .foreignDialog .gvLoanRepayments table tbody tr td:nth-child(3), .salaryDialog .gvLoanRepayments table tbody tr td:nth-child(3), .InflowsCorporateV2 .gvLoanRepayments table tbody tr td:nth-child(3), .domesticPublicDialog .gvLoanRepayments table tbody tr td:nth-child(3), .PaymentToMobileOverview .gvLoanRepayments table tbody tr td:nth-child(3), .P2PPaymentOverview .gvLoanRepayments table tbody tr td:nth-child(3), .PersonalDataV2 .gvLoanRepayments table tbody tr td:nth-child(3), .PaymentOrderV3Mk .gvLoanRepayments table tbody tr td:nth-child(3), .PaymentOrderV4Mk .gvLoanRepayments table tbody tr td:nth-child(3), .PaymentOrderV4Public .gvLoanRepayments table tbody tr td:nth-child(3) { width: 59.5%; } .Forms_ActiveWorkflowListSOG .gvLoanRepayments table tbody tr td:last-child, .AccountTurnover .gvLoanRepayments table tbody tr td:last-child, .AccountPosTrasactionCorporate .gvLoanRepayments table tbody tr td:last-child, .AccountStatements .gvLoanRepayments table tbody tr td:last-child, .CreditorTemplateManagingV3 .gvLoanRepayments table tbody tr td:last-child, .CreditorTemplateManagingForeignV2 .gvLoanRepayments table tbody tr td:last-child, .CrontoTokenList .gvLoanRepayments table tbody tr td:last-child, .CreditorTemplateManagingV3Public .gvLoanRepayments table tbody tr td:last-child, .CardTurnoverCorporate .gvLoanRepayments table tbody tr td:last-child, .CardTurnover .gvLoanRepayments table tbody tr td:last-child, .CardStatementsCorporate .gvLoanRepayments table tbody tr td:last-child, .CardStatements .gvLoanRepayments table tbody tr td:last-child, .CardSpendingCorporate .gvLoanRepayments table tbody tr td:last-child, .CardSpendings .gvLoanRepayments table tbody tr td:last-child, .CardInstallmentsV2 .gvLoanRepayments table tbody tr td:last-child, .DepositTurnoverCorporate .gvLoanRepayments table tbody tr td:last-child, .DepositStatementsCorporate .gvLoanRepayments table tbody tr td:last-child, .LoanRepayments .gvLoanRepayments table tbody tr td:last-child, .MessageHubNotificationList .gvLoanRepayments table tbody tr td:last-child, .ForeignPaymentOverviewV2 .gvLoanRepayments table tbody tr td:last-child, .PaymentOverviewV3 .gvLoanRepayments table tbody tr td:last-child, .PaymentOverviewV2 .gvLoanRepayments table tbody tr td:last-child, .LoanAnnuityPlan .gvLoanRepayments table tbody tr td:last-child, .CurrencyExchangeV2 .gvLoanRepayments table tbody tr td:last-child, .SalariesPaymentOverview .gvLoanRepayments table tbody tr td:last-child, .ExchangeOfficeOverviewCorporateV2 .gvLoanRepayments table tbody tr td:last-child, .OrderPackageReportCorporateV3 .gvLoanRepayments table tbody tr td:last-child, .OrdersFromOrderPackagesListCorporateV3 .gvLoanRepayments table tbody tr td:last-child, .DomesticOrderReportCorporateV3 .gvLoanRepayments table tbody tr td:last-child, .ForeignOrderReportCorporateV3 .gvLoanRepayments table tbody tr td:last-child, .SalariesOverviewCorporateV2 .gvLoanRepayments table tbody tr td:last-child, .DomesticOrderCorporateV3 .gvLoanRepayments table tbody tr td:last-child, .ForeignPaymentOrderV2 .gvLoanRepayments table tbody tr td:last-child, .domesticDialog .gvLoanRepayments table tbody tr td:last-child, .foreignDialog .gvLoanRepayments table tbody tr td:last-child, .salaryDialog .gvLoanRepayments table tbody tr td:last-child, .InflowsCorporateV2 .gvLoanRepayments table tbody tr td:last-child, .domesticPublicDialog .gvLoanRepayments table tbody tr td:last-child, .PaymentToMobileOverview .gvLoanRepayments table tbody tr td:last-child, .P2PPaymentOverview .gvLoanRepayments table tbody tr td:last-child, .PersonalDataV2 .gvLoanRepayments table tbody tr td:last-child, .PaymentOrderV3Mk .gvLoanRepayments table tbody tr td:last-child, .PaymentOrderV4Mk .gvLoanRepayments table tbody tr td:last-child, .PaymentOrderV4Public .gvLoanRepayments table tbody tr td:last-child { width: 6%; border-top-right-radius: 12px; border-bottom-right-radius: 12px; } .Forms_ActiveWorkflowListSOG .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .AccountTurnover .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .AccountPosTrasactionCorporate .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .AccountStatements .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .CreditorTemplateManagingV3 .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .CreditorTemplateManagingForeignV2 .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .CrontoTokenList .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .CreditorTemplateManagingV3Public .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .CardTurnoverCorporate .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .CardTurnover .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .CardStatementsCorporate .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .CardStatements .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .CardSpendingCorporate .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .CardSpendings .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .CardInstallmentsV2 .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .DepositTurnoverCorporate .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .DepositStatementsCorporate .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .LoanRepayments .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .MessageHubNotificationList .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .ForeignPaymentOverviewV2 .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .PaymentOverviewV3 .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .PaymentOverviewV2 .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .LoanAnnuityPlan .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .CurrencyExchangeV2 .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .SalariesPaymentOverview .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .ExchangeOfficeOverviewCorporateV2 .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .OrderPackageReportCorporateV3 .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .OrdersFromOrderPackagesListCorporateV3 .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .DomesticOrderReportCorporateV3 .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .ForeignOrderReportCorporateV3 .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .SalariesOverviewCorporateV2 .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .DomesticOrderCorporateV3 .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .ForeignPaymentOrderV2 .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .domesticDialog .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .foreignDialog .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .salaryDialog .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .InflowsCorporateV2 .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .domesticPublicDialog .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .PaymentToMobileOverview .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .P2PPaymentOverview .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .PersonalDataV2 .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .PaymentOrderV3Mk .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .PaymentOrderV4Mk .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .PaymentOrderV4Public .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content { justify-content: end !important; } .Forms_ActiveWorkflowListSOG .gvLoanRepayments table tbody tr td .date, .AccountTurnover .gvLoanRepayments table tbody tr td .date, .AccountPosTrasactionCorporate .gvLoanRepayments table tbody tr td .date, .AccountStatements .gvLoanRepayments table tbody tr td .date, .CreditorTemplateManagingV3 .gvLoanRepayments table tbody tr td .date, .CreditorTemplateManagingForeignV2 .gvLoanRepayments table tbody tr td .date, .CrontoTokenList .gvLoanRepayments table tbody tr td .date, .CreditorTemplateManagingV3Public .gvLoanRepayments table tbody tr td .date, .CardTurnoverCorporate .gvLoanRepayments table tbody tr td .date, .CardTurnover .gvLoanRepayments table tbody tr td .date, .CardStatementsCorporate .gvLoanRepayments table tbody tr td .date, .CardStatements .gvLoanRepayments table tbody tr td .date, .CardSpendingCorporate .gvLoanRepayments table tbody tr td .date, .CardSpendings .gvLoanRepayments table tbody tr td .date, .CardInstallmentsV2 .gvLoanRepayments table tbody tr td .date, .DepositTurnoverCorporate .gvLoanRepayments table tbody tr td .date, .DepositStatementsCorporate .gvLoanRepayments table tbody tr td .date, .LoanRepayments .gvLoanRepayments table tbody tr td .date, .MessageHubNotificationList .gvLoanRepayments table tbody tr td .date, .ForeignPaymentOverviewV2 .gvLoanRepayments table tbody tr td .date, .PaymentOverviewV3 .gvLoanRepayments table tbody tr td .date, .PaymentOverviewV2 .gvLoanRepayments table tbody tr td .date, .LoanAnnuityPlan .gvLoanRepayments table tbody tr td .date, .CurrencyExchangeV2 .gvLoanRepayments table tbody tr td .date, .SalariesPaymentOverview .gvLoanRepayments table tbody tr td .date, .ExchangeOfficeOverviewCorporateV2 .gvLoanRepayments table tbody tr td .date, .OrderPackageReportCorporateV3 .gvLoanRepayments table tbody tr td .date, .OrdersFromOrderPackagesListCorporateV3 .gvLoanRepayments table tbody tr td .date, .DomesticOrderReportCorporateV3 .gvLoanRepayments table tbody tr td .date, .ForeignOrderReportCorporateV3 .gvLoanRepayments table tbody tr td .date, .SalariesOverviewCorporateV2 .gvLoanRepayments table tbody tr td .date, .DomesticOrderCorporateV3 .gvLoanRepayments table tbody tr td .date, .ForeignPaymentOrderV2 .gvLoanRepayments table tbody tr td .date, .domesticDialog .gvLoanRepayments table tbody tr td .date, .foreignDialog .gvLoanRepayments table tbody tr td .date, .salaryDialog .gvLoanRepayments table tbody tr td .date, .InflowsCorporateV2 .gvLoanRepayments table tbody tr td .date, .domesticPublicDialog .gvLoanRepayments table tbody tr td .date, .PaymentToMobileOverview .gvLoanRepayments table tbody tr td .date, .P2PPaymentOverview .gvLoanRepayments table tbody tr td .date, .PersonalDataV2 .gvLoanRepayments table tbody tr td .date, .PaymentOrderV3Mk .gvLoanRepayments table tbody tr td .date, .PaymentOrderV4Mk .gvLoanRepayments table tbody tr td .date, .PaymentOrderV4Public .gvLoanRepayments table tbody tr td .date { font-size: 15px; } .Forms_ActiveWorkflowListSOG .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .AccountTurnover .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .AccountPosTrasactionCorporate .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .AccountStatements .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .CreditorTemplateManagingV3 .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .CreditorTemplateManagingForeignV2 .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .CrontoTokenList .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .CreditorTemplateManagingV3Public .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .CardTurnoverCorporate .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .CardTurnover .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .CardStatementsCorporate .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .CardStatements .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .CardSpendingCorporate .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .CardSpendings .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .CardInstallmentsV2 .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .DepositTurnoverCorporate .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .DepositStatementsCorporate .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .LoanRepayments .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .MessageHubNotificationList .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .ForeignPaymentOverviewV2 .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .PaymentOverviewV3 .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .PaymentOverviewV2 .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .LoanAnnuityPlan .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .CurrencyExchangeV2 .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .SalariesPaymentOverview .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .ExchangeOfficeOverviewCorporateV2 .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .OrderPackageReportCorporateV3 .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .OrdersFromOrderPackagesListCorporateV3 .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .DomesticOrderReportCorporateV3 .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .ForeignOrderReportCorporateV3 .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .SalariesOverviewCorporateV2 .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .DomesticOrderCorporateV3 .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .ForeignPaymentOrderV2 .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .domesticDialog .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .foreignDialog .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .salaryDialog .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .InflowsCorporateV2 .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .domesticPublicDialog .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .PaymentToMobileOverview .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .P2PPaymentOverview .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .PersonalDataV2 .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .PaymentOrderV3Mk .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .PaymentOrderV4Mk .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .PaymentOrderV4Public .gvLoanRepayments table tbody tr td .tablesaw-cell-content { font-size: 15px; } .SalariesPaymentOverview .tableFilter .transaction-filter-inner { display: flex !important; align-items: flex-end !important; } .PaymentOverviewV2 .gvOrderPreviewList thead th { font-weight: 400 !important; font-size: 13px !important; text-align: left !important; padding-bottom: 6px !important; padding-left: 20px !important; padding-right: 20px !important; } .PaymentOverviewV2 .gvOrderPreviewList thead th div { justify-content: start !important; } .PaymentOverviewV2 .gvOrderPreviewList tbody tr td { max-width: 250px !important; text-align: left; padding: 0 20px !important; } .AccountTurnover .tableFilter .transaction-filter-inner .filterButton button svg { top: unset !important; left: auto !important; } .AccountStatements .tableFilter .transaction-filter-inner .transaction-filter-box.byYear .transaction-filter, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box.byYear .transaction-filter { border: none; } .AccountStatements .tableFilter .transaction-filter-inner .transaction-filter-box.byYear .transaction-filter.first-wrap, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box.byYear .transaction-filter.first-wrap { border: 1px solid #b4bfcb; } .AccountStatements .tableFilter .transaction-filter-inner .transaction-filter-box.byYear select, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box.byYear select { background: #FFFFFF; } /* .CurrencyExchangeV2 { .tableFilter { .transaction-filter-inner { .transaction-filter-box { width: 20%; } } } }*/ .CardTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton button, .CardTurnover .tableFilter .transaction-filter-inner .filterButton button, .CardStatementsCorporate .tableFilter .transaction-filter-inner .filterButton button, .CardStatements .tableFilter .transaction-filter-inner .filterButton button, .CardSpendingCorporate .tableFilter .transaction-filter-inner .filterButton button, .CardSpendings .tableFilter .transaction-filter-inner .filterButton button { position: absolute; } .CardSpendingCorporate table thead, .CardSpendings table thead { border-bottom: 1px solid #C7C7C7; } small { position: relative; top: -2px; } small .dot-menu-dot { display: block; width: 4px; height: 4px; border-radius: 50%; margin: 2px; } .PaymentOrderV2 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title { padding-left: 0px !important; } .PaymentOrderV2 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title .account-card-text { padding-left: 20px !important; } .PaymentOrderV2 .payment-limits { max-width: 600px; margin-left: auto; margin-right: auto; margin-bottom: 30px; margin-top: -30px; border: 1px solid rgba(0, 0, 0, 0.54); padding: 10px; border-radius: 20px; } .PaymentOrderV2 .payment-limits .percentage-bar .percentage-bar-bcg { fill: #FFFFFF; } .PaymentOrderV2 .payment-limits .pfm-budgeting-box-info.right { width: 50%; border-left: 1px dotted rgba(0, 0, 0, 0.54); } .PaymentOrderV2 .payment-limits .toggle-card-details { width: auto !important; padding: 9px 0 !important; } .PaymentOrderV2 .transaction-filter-inner .input-amount { width: calc(100% - 80px) !important; } .PaymentOrderV2 .intrabank-wrapper.with-label-inside.val .input-1 { width: 100% !important; } .Forms_ActiveWorkflowListSOG .statementsFilter, .CreditorTemplateManaging .statementsFilter { margin-bottom: 20px; } .Forms_ActiveWorkflowListSOG .account-statement-calendar-wrapper, .CreditorTemplateManaging .account-statement-calendar-wrapper { width: 50%; margin-left: -8px; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .Forms_ActiveWorkflowListSOG .dot-menu-text-wrapper, .CreditorTemplateManaging .dot-menu-text-wrapper { margin-bottom: 0px; position: relative; right: 0; top: 0; } .Forms_ActiveWorkflowListSOG .dot-menu-text-wrapper-filter, .CreditorTemplateManaging .dot-menu-text-wrapper-filter { top: -10px !important; } .Forms_ActiveWorkflowListSOG .transaction-filter, .CreditorTemplateManaging .transaction-filter { border: 1px solid #DCDCDC; padding: 11px 16px; border-radius: 25px; height: 18px; cursor: pointer; } .Forms_ActiveWorkflowListSOG .transaction-filter input, .CreditorTemplateManaging .transaction-filter input { border: none; width: 100%; font-family: "Source-Sans-Pro", sans-serif; font-size: 15px; cursor: pointer; } .Forms_ActiveWorkflowListSOG .transaction-filter-box, .CreditorTemplateManaging .transaction-filter-box { width: 30%; } .Forms_ActiveWorkflowListSOG .transaction-filter-submit-statements, .CreditorTemplateManaging .transaction-filter-submit-statements { margin-left: 10px; padding: 10px 13px; margin-bottom: 10px; background: none; border: none; background-color: #0a79b8; border-radius: 20px; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08); transition: box-shadow .5s; font-family: 'Source-Sans-Pro-bold'; color: #FFFFFF; width: 80px; height: 40px; font-size: 15px; cursor: pointer; } .Forms_ActiveWorkflowListSOG .transaction-filter-submit-statements:hover, .CreditorTemplateManaging .transaction-filter-submit-statements:hover { background-color: #2A7F00; transition: background-color .5s; } .Forms_ActiveWorkflowListSOG .payment-filter, .CreditorTemplateManaging .payment-filter { border-bottom: 1px solid #8294a8; } .Forms_ActiveWorkflowListSOG .payment-filter-ico, .CreditorTemplateManaging .payment-filter-ico { position: absolute; width: 8px; height: 14px; right: 105px; top: 2px; cursor: pointer; } .Forms_ActiveWorkflowListSOG .payment-filter-recipient, .CreditorTemplateManaging .payment-filter-recipient { width: 20%; padding-left: 10px; } .Forms_ActiveWorkflowListSOG .payment-filter-box, .CreditorTemplateManaging .payment-filter-box { position: relative; } .Forms_ActiveWorkflowListSOG .payment-filter-box.active .payment-ico-filter-down, .CreditorTemplateManaging .payment-filter-box.active .payment-ico-filter-down { opacity: 0; } .Forms_ActiveWorkflowListSOG .payment-filter-box.active .inactive-arrow, .CreditorTemplateManaging .payment-filter-box.active .inactive-arrow { opacity: 1; transform: translateY(2px); } .Forms_ActiveWorkflowListSOG .payment-filter-box:first-child, .CreditorTemplateManaging .payment-filter-box:first-child { width: 16%; padding-left: 80px; } .Forms_ActiveWorkflowListSOG .payment-filter-box .page-text-2, .CreditorTemplateManaging .payment-filter-box .page-text-2 { cursor: pointer; padding-right: 25px; display: inline-block; margin-bottom: 15px; font-weight: 600; line-height: 1; -webkit-transition: color .5s; transition: color .5s; } .Forms_ActiveWorkflowListSOG .payment-filter-box .checkboxCustom .checkbox-save .checkmark, .CreditorTemplateManaging .payment-filter-box .checkboxCustom .checkbox-save .checkmark { position: absolute; top: 0; left: 30px; height: 14px; width: 14px; border: 2px solid #a2b8cf; border-radius: 2px; background: transparent; cursor: pointer; } .Forms_ActiveWorkflowListSOG .payment-filter-box .checkboxCustom .checkbox-save .checkmark:after, .CreditorTemplateManaging .payment-filter-box .checkboxCustom .checkbox-save .checkmark:after { content: ""; width: 18px; height: 18px; left: -2px; top: -2px; position: absolute; background: url(images/icons/checkbox.png) 0 0 no-repeat; background-size: 100%; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; } .Forms_ActiveWorkflowListSOG .account-statement-info-inner .dot-menu-text-wrapper, .CreditorTemplateManaging .account-statement-info-inner .dot-menu-text-wrapper { opacity: 0; visibility: hidden; -webkit-transition: opacity .5s,visibility .5s; transition: opacity .5s,visibility .5s; right: 35px; } .Forms_ActiveWorkflowListSOG .account-statement-pdf-download, .CreditorTemplateManaging .account-statement-pdf-download { width: 83%; padding-right: 25px; } .Forms_ActiveWorkflowListSOG .account-statements-info, .CreditorTemplateManaging .account-statements-info { padding: 8px 20px 8px 30px; -webkit-transition: background-color .5s; transition: background-color .5s; border-radius: 12px; cursor: pointer; } .Forms_ActiveWorkflowListSOG .account-statements-info:hover, .CreditorTemplateManaging .account-statements-info:hover { background-color: #FFFFFF; } .Forms_ActiveWorkflowListSOG .account-statements-info:hover .dot-menu-text-wrapper, .CreditorTemplateManaging .account-statements-info:hover .dot-menu-text-wrapper { opacity: 1; visibility: visible; } .Forms_ActiveWorkflowListSOG .account-statements-info:hover .payments-ico, .CreditorTemplateManaging .account-statements-info:hover .payments-ico { background-color: #efefef; } .Forms_ActiveWorkflowListSOG .account-statements-info .group-inner, .CreditorTemplateManaging .account-statements-info .group-inner { padding-left: 50px; width: 10%; margin-bottom: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; user-select: none; } .Forms_ActiveWorkflowListSOG .account-statements-info .profile-text-arrow, .CreditorTemplateManaging .account-statements-info .profile-text-arrow { fill: #C7C7C7; right: 16px; } .Forms_ActiveWorkflowListSOG .checkboxCustom .checkbox-save.checked .checkmark:after, .CreditorTemplateManaging .checkboxCustom .checkbox-save.checked .checkmark:after { opacity: 1; } .Forms_ActiveWorkflowListSOG .checkboxCustom .checkbox-save .checkmark, .CreditorTemplateManaging .checkboxCustom .checkbox-save .checkmark { position: absolute; top: 20px; left: 30px; height: 14px; width: 14px; border: 2px solid #a2b8cf; border-radius: 2px; background: transparent; cursor: pointer; } .Forms_ActiveWorkflowListSOG .checkboxCustom .checkbox-save .checkmark:after, .CreditorTemplateManaging .checkboxCustom .checkbox-save .checkmark:after { content: ""; width: 18px; height: 18px; left: -2px; top: -2px; position: absolute; background: url(images/icons/checkbox.png) 0 0 no-repeat; background-size: 100%; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; } .Forms_ActiveWorkflowListSOG .showPagination, .CreditorTemplateManaging .showPagination { justify-content: flex-end; } .LoanAnnuityPlan, .PaymentToMobileTemplates, .CreditorTemplateManagingV3, .CreditorTemplateManagingForeignV2, .CrontoTokenList, .CreditorTemplateManagingV3Public { margin-bottom: 60px; } .CardStatementsCorporate .transaction-filter-submit-statements svg { position: relative !important; top: 19%; left: 12%; } .CardBalancePreviewCorporate, .DepositBalancePreviewCorporate { margin-bottom: 0; } .CardBalancePreviewCorporate .account-card-text, .DepositBalancePreviewCorporate .account-card-text { width: calc(100% - 110px); padding-left: 24px; } .CardBalancePreviewCorporate .accounts-intro-title, .DepositBalancePreviewCorporate .accounts-intro-title { width: 70% !important; } .CardBalancePreviewCorporate .accounts-intro-title .activity-status-dot, .DepositBalancePreviewCorporate .accounts-intro-title .activity-status-dot { width: 8px; height: 8px; display: inline-block; } .CardBalancePreviewCorporate .accounts-intro-balance, .DepositBalancePreviewCorporate .accounts-intro-balance { width: 30% !important; } .AccountStatements .account-statements-info, .CreditorTemplateManagingV3 .account-statements-info, .CreditorTemplateManagingV3Public .account-statements-info, .CreditorTemplateManagingForeignV2 .account-statements-info, .CrontoTokenList .account-statements-info, .CardStatementsCorporate .account-statements-info, .CardStatements .account-statements-info, .DepositStatementsCorporate .account-statements-info, .PaymentToMobileTemplates .account-statements-info { padding: 20px; -webkit-transition: background-color .5s; transition: background-color .5s; cursor: pointer; } .AccountStatements .account-statements-info:hover, .CreditorTemplateManagingV3 .account-statements-info:hover, .CreditorTemplateManagingV3Public .account-statements-info:hover, .CreditorTemplateManagingForeignV2 .account-statements-info:hover, .CrontoTokenList .account-statements-info:hover, .CardStatementsCorporate .account-statements-info:hover, .CardStatements .account-statements-info:hover, .DepositStatementsCorporate .account-statements-info:hover, .PaymentToMobileTemplates .account-statements-info:hover { background-color: #FFFFFF; } .AccountStatements .account-statements-info:hover .template-selfie-wrapper, .CreditorTemplateManagingV3 .account-statements-info:hover .template-selfie-wrapper, .CreditorTemplateManagingV3Public .account-statements-info:hover .template-selfie-wrapper, .CreditorTemplateManagingForeignV2 .account-statements-info:hover .template-selfie-wrapper, .CrontoTokenList .account-statements-info:hover .template-selfie-wrapper, .CardStatementsCorporate .account-statements-info:hover .template-selfie-wrapper, .CardStatements .account-statements-info:hover .template-selfie-wrapper, .DepositStatementsCorporate .account-statements-info:hover .template-selfie-wrapper, .PaymentToMobileTemplates .account-statements-info:hover .template-selfie-wrapper { background-color: #f5f8fb !important; } .AccountStatements .account-statements-info .group-inner, .CreditorTemplateManagingV3 .account-statements-info .group-inner, .CreditorTemplateManagingV3Public .account-statements-info .group-inner, .CreditorTemplateManagingForeignV2 .account-statements-info .group-inner, .CrontoTokenList .account-statements-info .group-inner, .CardStatementsCorporate .account-statements-info .group-inner, .CardStatements .account-statements-info .group-inner, .DepositStatementsCorporate .account-statements-info .group-inner, .PaymentToMobileTemplates .account-statements-info .group-inner { width: 6%; padding-left: 50px; margin-bottom: 0; } .AccountStatements .account-statements-info .group-inner.image, .CreditorTemplateManagingV3 .account-statements-info .group-inner.image, .CreditorTemplateManagingV3Public .account-statements-info .group-inner.image, .CreditorTemplateManagingForeignV2 .account-statements-info .group-inner.image, .CrontoTokenList .account-statements-info .group-inner.image, .CardStatementsCorporate .account-statements-info .group-inner.image, .CardStatements .account-statements-info .group-inner.image, .DepositStatementsCorporate .account-statements-info .group-inner.image, .PaymentToMobileTemplates .account-statements-info .group-inner.image { display: flex; justify-content: space-around; } .AccountStatements .account-statements-info .group-inner .template-selfie-wrapper, .CreditorTemplateManagingV3 .account-statements-info .group-inner .template-selfie-wrapper, .CreditorTemplateManagingV3Public .account-statements-info .group-inner .template-selfie-wrapper, .CreditorTemplateManagingForeignV2 .account-statements-info .group-inner .template-selfie-wrapper, .CrontoTokenList .account-statements-info .group-inner .template-selfie-wrapper, .CardStatementsCorporate .account-statements-info .group-inner .template-selfie-wrapper, .CardStatements .account-statements-info .group-inner .template-selfie-wrapper, .DepositStatementsCorporate .account-statements-info .group-inner .template-selfie-wrapper, .PaymentToMobileTemplates .account-statements-info .group-inner .template-selfie-wrapper { width: 40px; height: 40px; background-color: #fff; border-radius: 4px; flex-shrink: 0; } .AccountStatements .account-statements-info .profile-text-arrow, .CreditorTemplateManagingV3 .account-statements-info .profile-text-arrow, .CreditorTemplateManagingV3Public .account-statements-info .profile-text-arrow, .CreditorTemplateManagingForeignV2 .account-statements-info .profile-text-arrow, .CrontoTokenList .account-statements-info .profile-text-arrow, .CardStatementsCorporate .account-statements-info .profile-text-arrow, .CardStatements .account-statements-info .profile-text-arrow, .DepositStatementsCorporate .account-statements-info .profile-text-arrow, .PaymentToMobileTemplates .account-statements-info .profile-text-arrow { fill: #8294a8; right: 16px; } .AccountStatements .checkboxCustom .checkbox-save .checkmark, .CreditorTemplateManagingV3 .checkboxCustom .checkbox-save .checkmark, .CreditorTemplateManagingV3Public .checkboxCustom .checkbox-save .checkmark, .CreditorTemplateManagingForeignV2 .checkboxCustom .checkbox-save .checkmark, .CrontoTokenList .checkboxCustom .checkbox-save .checkmark, .CardStatementsCorporate .checkboxCustom .checkbox-save .checkmark, .CardStatements .checkboxCustom .checkbox-save .checkmark, .DepositStatementsCorporate .checkboxCustom .checkbox-save .checkmark, .PaymentToMobileTemplates .checkboxCustom .checkbox-save .checkmark { position: absolute; top: 20px; left: 30px; height: 14px; width: 14px; border: 2px solid #a2b8cf; border-radius: 2px; background: transparent; cursor: pointer; } .AccountStatements .checkboxCustom .checkbox-save .checkmark:after, .CreditorTemplateManagingV3 .checkboxCustom .checkbox-save .checkmark:after, .CreditorTemplateManagingV3Public .checkboxCustom .checkbox-save .checkmark:after, .CreditorTemplateManagingForeignV2 .checkboxCustom .checkbox-save .checkmark:after, .CrontoTokenList .checkboxCustom .checkbox-save .checkmark:after, .CardStatementsCorporate .checkboxCustom .checkbox-save .checkmark:after, .CardStatements .checkboxCustom .checkbox-save .checkmark:after, .DepositStatementsCorporate .checkboxCustom .checkbox-save .checkmark:after, .PaymentToMobileTemplates .checkboxCustom .checkbox-save .checkmark:after { content: ""; width: 18px; height: 18px; left: -2px; top: -2px; position: absolute; background: url(images/icons/checkbox.png) 0 0 no-repeat; background-size: 100%; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; } .AccountStatements .payment-filter, .CreditorTemplateManagingV3 .payment-filter, .CreditorTemplateManagingV3Public .payment-filter, .CreditorTemplateManagingForeignV2 .payment-filter, .CrontoTokenList .payment-filter, .CardStatementsCorporate .payment-filter, .CardStatements .payment-filter, .DepositStatementsCorporate .payment-filter, .PaymentToMobileTemplates .payment-filter { display: flex !important; /* &-box { &.active { .inactive-arrow { opacity: 0; } } }*/ } .AccountStatements .payment-filter .payment-filter-box, .CreditorTemplateManagingV3 .payment-filter .payment-filter-box, .CreditorTemplateManagingV3Public .payment-filter .payment-filter-box, .CreditorTemplateManagingForeignV2 .payment-filter .payment-filter-box, .CrontoTokenList .payment-filter .payment-filter-box, .CardStatementsCorporate .payment-filter .payment-filter-box, .CardStatements .payment-filter .payment-filter-box, .DepositStatementsCorporate .payment-filter .payment-filter-box, .PaymentToMobileTemplates .payment-filter .payment-filter-box { position: relative; } .AccountStatements .payment-filter .payment-filter-box:first-child, .CreditorTemplateManagingV3 .payment-filter .payment-filter-box:first-child, .CreditorTemplateManagingV3Public .payment-filter .payment-filter-box:first-child, .CreditorTemplateManagingForeignV2 .payment-filter .payment-filter-box:first-child, .CrontoTokenList .payment-filter .payment-filter-box:first-child, .CardStatementsCorporate .payment-filter .payment-filter-box:first-child, .CardStatements .payment-filter .payment-filter-box:first-child, .DepositStatementsCorporate .payment-filter .payment-filter-box:first-child, .PaymentToMobileTemplates .payment-filter .payment-filter-box:first-child { width: 16%; padding-left: 80px; } .AccountStatements .payment-filter .payment-filter-box .checkboxCustom .checkbox-save.checked .checkmark:after, .CreditorTemplateManagingV3 .payment-filter .payment-filter-box .checkboxCustom .checkbox-save.checked .checkmark:after, .CreditorTemplateManagingV3Public .payment-filter .payment-filter-box .checkboxCustom .checkbox-save.checked .checkmark:after, .CreditorTemplateManagingForeignV2 .payment-filter .payment-filter-box .checkboxCustom .checkbox-save.checked .checkmark:after, .CrontoTokenList .payment-filter .payment-filter-box .checkboxCustom .checkbox-save.checked .checkmark:after, .CardStatementsCorporate .payment-filter .payment-filter-box .checkboxCustom .checkbox-save.checked .checkmark:after, .CardStatements .payment-filter .payment-filter-box .checkboxCustom .checkbox-save.checked .checkmark:after, .DepositStatementsCorporate .payment-filter .payment-filter-box .checkboxCustom .checkbox-save.checked .checkmark:after, .PaymentToMobileTemplates .payment-filter .payment-filter-box .checkboxCustom .checkbox-save.checked .checkmark:after { opacity: 1; } .AccountStatements .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark, .CreditorTemplateManagingV3 .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark, .CreditorTemplateManagingV3Public .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark, .CreditorTemplateManagingForeignV2 .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark, .CrontoTokenList .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark, .CardStatementsCorporate .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark, .CardStatements .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark, .DepositStatementsCorporate .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark, .PaymentToMobileTemplates .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark { position: absolute; top: 0; left: 30px; height: 14px; width: 14px; border: 2px solid #a2b8cf; border-radius: 2px; background: transparent; cursor: pointer; } .AccountStatements .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark:after, .CreditorTemplateManagingV3 .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark:after, .CreditorTemplateManagingV3Public .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark:after, .CreditorTemplateManagingForeignV2 .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark:after, .CrontoTokenList .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark:after, .CardStatementsCorporate .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark:after, .CardStatements .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark:after, .DepositStatementsCorporate .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark:after, .PaymentToMobileTemplates .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark:after { content: ""; width: 18px; height: 18px; left: -2px; top: -2px; position: absolute; background: url(images/icons/checkbox.png) 0 0 no-repeat; background-size: 100%; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; } .AccountStatements .payment-filter .payment-filter-box svg, .CreditorTemplateManagingV3 .payment-filter .payment-filter-box svg, .CreditorTemplateManagingV3Public .payment-filter .payment-filter-box svg, .CreditorTemplateManagingForeignV2 .payment-filter .payment-filter-box svg, .CrontoTokenList .payment-filter .payment-filter-box svg, .CardStatementsCorporate .payment-filter .payment-filter-box svg, .CardStatements .payment-filter .payment-filter-box svg, .DepositStatementsCorporate .payment-filter .payment-filter-box svg, .PaymentToMobileTemplates .payment-filter .payment-filter-box svg { left: 127px !important; } .AccountStatements .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient, .CreditorTemplateManagingV3 .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient, .CreditorTemplateManagingV3Public .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient, .CreditorTemplateManagingForeignV2 .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient, .CrontoTokenList .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient, .CardStatementsCorporate .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient, .CardStatements .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient, .DepositStatementsCorporate .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient, .PaymentToMobileTemplates .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient { top: -3px; } .AccountStatements .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient svg, .CreditorTemplateManagingV3 .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient svg, .CreditorTemplateManagingV3Public .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient svg, .CreditorTemplateManagingForeignV2 .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient svg, .CrontoTokenList .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient svg, .CardStatementsCorporate .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient svg, .CardStatements .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient svg, .DepositStatementsCorporate .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient svg, .PaymentToMobileTemplates .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient svg { top: 5px; } .AccountStatements .payment-filter-recipient, .CreditorTemplateManagingV3 .payment-filter-recipient, .CreditorTemplateManagingV3Public .payment-filter-recipient, .CreditorTemplateManagingForeignV2 .payment-filter-recipient, .CrontoTokenList .payment-filter-recipient, .CardStatementsCorporate .payment-filter-recipient, .CardStatements .payment-filter-recipient, .DepositStatementsCorporate .payment-filter-recipient, .PaymentToMobileTemplates .payment-filter-recipient { padding-left: 18px !important; } .AccountStatements .checkboxCustom .checkbox-save.checked .checkmark:after, .CreditorTemplateManagingV3 .checkboxCustom .checkbox-save.checked .checkmark:after, .CreditorTemplateManagingV3Public .checkboxCustom .checkbox-save.checked .checkmark:after, .CreditorTemplateManagingForeignV2 .checkboxCustom .checkbox-save.checked .checkmark:after, .CrontoTokenList .checkboxCustom .checkbox-save.checked .checkmark:after, .CardStatementsCorporate .checkboxCustom .checkbox-save.checked .checkmark:after, .CardStatements .checkboxCustom .checkbox-save.checked .checkmark:after, .DepositStatementsCorporate .checkboxCustom .checkbox-save.checked .checkmark:after, .PaymentToMobileTemplates .checkboxCustom .checkbox-save.checked .checkmark:after { opacity: 1; } .AccountStatements .showPagination, .CreditorTemplateManagingV3 .showPagination, .CreditorTemplateManagingV3Public .showPagination, .CreditorTemplateManagingForeignV2 .showPagination, .CrontoTokenList .showPagination, .CardStatementsCorporate .showPagination, .CardStatements .showPagination, .DepositStatementsCorporate .showPagination, .PaymentToMobileTemplates .showPagination { justify-content: flex-end; } .accountStatementDetails .showPagination { justify-content: flex-end; } .CardStatements thead td { text-align: center !important; } .CardStatements thead td input { left: 0 !important; } .CardStatements thead th:nth-child(1) { width: 9%; } .CardStatements thead th:nth-child(3) { width: 10.9%; } .CardStatements thead th:nth-child(4) { width: 17%; } .CardStatements tbody td:nth-child(1) { width: 9%; } .CardStatements tbody td:nth-child(3) { width: 10.9%; } .CardStatements tbody td:nth-child(4) { width: 10.9%; } .CardStatementsCorporate .payment-filter .payment-filter-box svg, .CardStatements .payment-filter .payment-filter-box svg { left: 120px !important; } .CardStatementsCorporate .payment-filter-recipient, .CardStatements .payment-filter-recipient { padding-left: 18px !important; } .paymentOverviewDetails .transaction-popup-details-wrapper { overflow: hidden !important; } .paymentOverviewDetails .card-turnover-detail-ico { border-radius: 50% !important; width: 40px !important; height: 40px !important; margin-bottom: 10px !important; } .paymentOverviewDetails .card-turnover-detail-ico .popup-ammount-ico { width: 20px !important; height: 20px !important; } .paymentOverviewDetails .status-completed { color: #0a79b8; } .paymentOverviewDetails .status-rejected { color: #FF435A; } .paymentOverviewDetails .status-pending { color: rgba(0, 0, 0, 0.54); } .paymentOverviewDetails .details { height: 290px; } .paymentOverviewDetails .open-payments { height: 820px; } .accountsList .transaction-state, .transactionDetails .transaction-state, .intrabankTransferDetail .transaction-state, .paymentOverviewDetails .transaction-state { background-color: #E8E9EC; text-align: center; width: 42%; padding: 27px 15px; } .accountsList .transaction-state:first-child, .transactionDetails .transaction-state:first-child, .intrabankTransferDetail .transaction-state:first-child, .paymentOverviewDetails .transaction-state:first-child { border-radius: 16px 0 0 16px; border-right: 3px solid #EFEFEF; } .accountsList .transaction-state:nth-child(2), .transactionDetails .transaction-state:nth-child(2), .intrabankTransferDetail .transaction-state:nth-child(2), .paymentOverviewDetails .transaction-state:nth-child(2) { border-radius: 0 16px 16px 0; } .accountsList .transaction-state .page-text, .transactionDetails .transaction-state .page-text, .intrabankTransferDetail .transaction-state .page-text, .paymentOverviewDetails .transaction-state .page-text { display: inline-block; padding-left: 10px; bottom: 4px; } .accountsList .transaction-state-ico, .transactionDetails .transaction-state-ico, .intrabankTransferDetail .transaction-state-ico, .paymentOverviewDetails .transaction-state-ico { width: 20px; height: 20px; } .accountsList .transaction-check-ico, .transactionDetails .transaction-check-ico, .intrabankTransferDetail .transaction-check-ico, .paymentOverviewDetails .transaction-check-ico { fill: #35B37E; } .accountTurnoverDetails { /* .turnover-detail-ico { width: 40px !important; height: 40px !important; margin-bottom: 10px !important; svg { width: 20px !important; height: 20px !important; } }*/ } .accountTurnoverDetails .all-account-wrapper-outer .all-accounts-popup-wrapper .account-item-inner .popup-wrapper { height: unset; } .accountTurnoverDetails div > .show-more-btn { margin-bottom: 15px; } .accountTurnoverDetails div > .show-more-btn > .more-details:before { background-image: none !important; } .accountTurnoverDetails div > .show-more-btn > .less-details:before { background-image: none !important; } .accountTurnoverDetails .expand-icon { width: 14px; height: 14px; stroke: #52ae30; margin-right: -25px; vertical-align: text-bottom; } .accountTurnoverDetails .status-completed { color: #36da70; } .accountTurnoverDetails .status-rejected { color: #FF435A; } .accountTurnoverDetails .status-pending { color: rgba(0, 0, 0, 0.54); } .cardTurnoverDetails .popup-ammount-wrapper { /*.card-turnover-detail-ico { border-radius: 50% !important; width: 40px !important; height: 40px !important; svg { width: 20px !important; height: 20px !important; } }*/ } .cardTurnoverDetails .status-completed { color: #0a79b8; } .cardTurnoverDetails .status-rejected { color: #ff435a; } .cardTurnoverDetails .status-pending { color: rgba(0, 0, 0, 0.54); } .accountTurnoverDetails .transaction-state, .cardTurnoverDetails .transaction-state, .loanRepaymentsDetails .transaction-state, .depositBalance .transaction-state { background-color: #E8E9EC; text-align: center; width: 100%; padding: 27px 15px; border-radius: 16px; } .accountTurnoverDetails .transaction-state .page-text, .cardTurnoverDetails .transaction-state .page-text, .loanRepaymentsDetails .transaction-state .page-text, .depositBalance .transaction-state .page-text { display: inline-block; padding-left: 10px; bottom: 4px; } .accountTurnoverDetails .transaction-state-ico, .cardTurnoverDetails .transaction-state-ico, .loanRepaymentsDetails .transaction-state-ico, .depositBalance .transaction-state-ico { width: 20px; height: 20px; } .accountTurnoverDetails .transaction-state:first-child, .cardTurnoverDetails .transaction-state:first-child, .loanRepaymentsDetails .transaction-state:first-child, .depositBalance .transaction-state:first-child { width: 50% !important; border-right: 3px solid #ebf0f5; } .accountTurnoverDetails .transaction-state:nth-child(2), .cardTurnoverDetails .transaction-state:nth-child(2), .loanRepaymentsDetails .transaction-state:nth-child(2), .depositBalance .transaction-state:nth-child(2) { width: 50% !important; border-right: 3px solid #ebf0f5; } .accountTurnoverDetails .transaction-check-ico, .cardTurnoverDetails .transaction-check-ico, .loanRepaymentsDetails .transaction-check-ico, .depositBalance .transaction-check-ico { fill: #35B37E; } .insuranceOverflow { overflow-y: auto; height: 69vh; } .insuranceOverflow::-webkit-scrollbar { background: white; width: 5px; } .insuranceOverflow::-webkit-scrollbar-track { top: 20px; background: transparent !important; } .insuranceOverflow::-webkit-scrollbar-thumb { border-radius: 5px; width: 4px; } .UserInfo { /*.password-change-dialog .wrapper-label-input{ height: 50px !important; }*/ } .UserInfo .UserInfoHeader { max-width: -webkit-calc(100% - ((100% - 1120px) / 2)); max-width: calc(100% - ((100% - 1120px) / 2)); margin-left: auto; padding: 50px 72px 80px 20px; } .UserInfo .UserInfoHeader .heading { font-family: "Source-Sans-Pro-bold", sans-serif; color: #FFFFFF; font-size: 32px; font-weight: bold; } .stickyHeader { z-index: 201 !important; position: fixed !important; background-color: #0a79b8; background-image: none !important; height: 130px !important; } .stickyHeader .heading, .stickyHeader .menu-btn { display: none; } .token-list .tableHeader { display: inline-table !important; margin-bottom: 25px; margin-right: -143px; } .token-list .addNewToken { float: right; color: #FFFFFF; background-color: #0a79b8; border: none; border-radius: 31px; height: 30px; font-family: "Source-Sans-Pro-semibold", sans-serif; font-size: 14px; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08) !important; transition: all .5s; } .token-list .addNewToken .button-ico { width: 20px; height: 20px; background-color: transparent; position: relative; margin-right: 10px; } .token-list .addNewToken .button-ico .button-ico-svg { position: absolute; width: 20px; height: 20px; top: 50%; transform: translate(-50%, -50%); stroke: #FFFFFF; } .token-list .addNewToken:hover { background-color: #2A7F00; transition: all .5s; } .token-list .account-statement-info-inner .account-statements-info { transition: all .5s; height: 55px; } .token-list .account-statement-info-inner .account-statements-info:hover { background-color: #FFFFFF; transition: all .5s; } .token-list .account-statement-info-inner .account-statements-info:hover .tokens-ico { background-color: #EFEFEF; transition: all .5s; } .token-list .account-statement-info-inner .account-statements-info:hover .pdf-download { visibility: visible; cursor: pointer; } .token-list .group-inner { width: 18% !important; margin-bottom: 0px !important; } .token-list .group-inner .pdf-download { min-width: 100px; padding: 10px 10px 10px 10px; justify-content: center; margin-left: 16px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); transition: box-shadow .5s, background-color .5s; visibility: hidden; } .token-list .group-inner .pdf-download:hover { box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.08); } .token-list .tokens-ico { width: 40px; height: 40px; border-radius: 50%; background-color: #FFFFFF; position: relative; margin-left: 15px; margin-right: 15px; } .token-list .tokens-ico .tokens-ico-svg { position: absolute; width: 20px; height: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); stroke: rgba(0, 0, 0, 0.87); } .token-list .payment-filter-device, .token-list .payment-filter-date, .token-list .payment-filter-digipass { width: 16%; } .token-list .payment-filter-date .page-text-2 { padding-left: 0px !important; margin-right: 10px; white-space: nowrap; } .token-list .payment-filter-date svg { right: 7px; } .token-list .payment-filter-serialnum { width: 20% !important; } .token-list .payment-filter-serialnum .page-text-2 { margin-left: 50px !important; margin-right: 10px; white-space: nowrap; } .token-list .payment-filter-serialnum svg { right: 20px; } .token-list .payment-filter-device .page-text-2 { margin-right: 10px; white-space: nowrap; } .token-list .payment-filter-device svg { right: 60px; } .token-list .payment-filter-digipass .page-text-2 { margin-right: 10px; white-space: nowrap; } .token-list .payment-filter-digipass svg { right: 50px; } .token-list .payment-filter-ico { top: 4px; cursor: pointer; } .token-list .payment-filter-box { content-visibility: auto; position: relative; } .token-list .column-digipass p { margin-left: 70px; } .token-list .column-date p { margin-left: 10px; } .token-list .column-buttons { position: relative; right: 35px; } .token-list .button { float: right; } .LoanRepayments { margin-bottom: 150px; padding-bottom: 0px !important; } .LoanRepayments .loans-wrapper { position: relative; } .LoanRepayments .customBorderLine { border-bottom: 1px solid #8294a8; margin-top: 10px; } .LoanRepayments .payment-filter-box .page-text-2 { padding-right: 25px; float: right; } .LoanRepayments .payments-ico { width: 40px; height: 40px; border-radius: 12px; background-color: #FFFFFF; position: relative; } .LoanRepayments .payments-ico .payments-ico-svg { position: absolute; width: 20px; height: 20px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .LoanRepayments .pager { border-top: 1px solid #C7C7C7 !important; padding-top: 13px !important; margin-top: 16px !important; margin-bottom: -100px !important; } .LoanRepayments .loan-filter-wrapper .payment-filter-payment { position: relative; padding: 4px; border-radius: 15px; cursor: pointer; -webkit-transition: background-color .5s; transition: background-color .5s; } .LoanRepayments .loan-filter-wrapper .payment-filter-payment:hover { background-color: #FFFFFF; } .LoanRepayments .loan-filter-wrapper .payment-filter-payment:hover .payments-ico { background-color: #EFEFEF; transition: background-color .5s; } .LoanRepayments .loan-filter-wrapper .payment-filter-payment:hover .pdf-download { opacity: 1; visibility: visible; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition-delay: .1s; transition-delay: .1s; } .LoanRepayments .loan-filter-wrapper .payment-filter-payment .page-text small { position: relative; top: -2px; } .LoanRepayments .loan-filter-wrapper .payment-filter-payment .page-text small .dot-menu-dot { display: block; margin: 2px; width: 4px; height: 4px; border-radius: 50%; } .LoanRepayments .loan-filter-wrapper .payment-filter-payment .payment-filter-currency { margin: 0 7px; } .LoanRepayments .loan-filter-wrapper .payment-info-amount { width: 10%; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; text-align: left !important; } .LoanRepayments .loan-filter-wrapper .payment-info-amount .text-page { padding-left: 0px; } .LoanRepayments .loan-filter-wrapper .payment-info-date { width: 16%; } .LoanRepayments .loan-filter-wrapper .payment-info-date p { padding-left: 16px; } .LoanRepayments .loan-filter-wrapper .payment-info-recipient { width: 75%; } .LoanRepayments .loan-filter-wrapper .payment-info-recipient .page-text { text-align: right; } .LoanRepayments .loan-filter-wrapper .pdf-download { position: absolute; top: 50%; right: 135px; -webkit-transform: translate(10px, -50%); transform: translate(10px, -50%); opacity: 0; visibility: hidden; margin-left: 0; margin-right: 10px; -webkit-transition: opacity .5s,visibility .5s,background-color .5s,box-shadow .5s,-webkit-transform .5s; transition: opacity .5s,visibility .5s,background-color .5s,box-shadow .5s,-webkit-transform .5s; transition: opacity .5s,visibility .5s,transform .5s,background-color .5s,box-shadow .5s; transition: opacity .5s,visibility .5s,transform .5s,background-color .5s,box-shadow .5s,-webkit-transform .5s; padding: 10px; margin-left: 16px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); } .LoanRepayments .loan-filter-wrapper .pdf-download:hover { box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.08); background-color: #DCDCDC; } .LoanRepayments .loan-filter-wrapper .pdf-download .pdf-ico { width: 18px; height: 20px; } .LoanRepayments .loan-filter-wrapper .pdf-download p { width: -webkit-calc(100% - 28px); width: calc(100% - 28px); text-transform: uppercase; padding: 0 0 0 10px; line-height: 1; } .LoanRepayments .loan-filter-wrapper .payment-filter-payment.payment-info-amount .page-text { padding-left: 0px; } .LoanRepayments .payment-filter-ico { position: absolute; width: 8px; height: 14px; right: 8px !important; top: 0px; cursor: pointer; } .LoanRepayments .payment-filter-recipient { width: 75%; padding-left: 10px; } .LoanRepayments .payment-filter-recipient .filter-loan-wrapper { position: relative; float: right; } .LoanRepayments .payment-filter-box { position: relative; /* .payment-filter-amount { width: 16% !important; }*/ } .LoanRepayments .payment-filter-box.active .payment-ico-filter-down { opacity: 0; } .LoanRepayments .payment-filter-box:first-child { width: 16%; } .LoanRepayments .payment-filter-box:first-child .page-text-2 { float: left; } .LoanRepayments .payment-filter-box:first-child .filter-loan-wrapper { position: relative; } .LoanRepayments .payment-filter-box .page-text-2 { cursor: pointer; padding-right: 25px !important; display: inline-block; margin-bottom: 0; padding-top: 3px; font-weight: 100; line-height: 1; -webkit-transition: color .5s; transition: color .5s; } .LoanRepayments .payment-filter-amount { width: 10% !important; padding-left: 10px; } .LoanRepayments .payment-filter-amount .page-text-2 { float: left; } .LoanRepayments .payment-filter-amount .payment-filter-ico { float: right !important; left: 65px !important; } .LoanRepayments .payment-filter-payment .page-text { width: calc(100% - 20px); } .LoanRepayments .payment-filter-wrapper { border-bottom: 1px solid #8294a8; padding-bottom: 20px; } .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img { display: block !important; position: absolute; right: 15px; width: 18px; height: 18px; } .CardInstallmentsV2 .gvCardInstallments .clientGrid thead { border-bottom: 1px solid #C7C7C7; } .CardInstallmentsV2 .gvCardInstallments .clientGrid thead tr th { text-align: left !important; padding-left: 12px; } .CardInstallmentsV2 .gvCardInstallments .clientGrid tbody:before { content: "@"; display: block; line-height: 20px; text-indent: -99999px; } .CardInstallmentsV2 .gvCardInstallments .clientGrid tbody tr { height: 53px !important; } .CardInstallmentsV2 .gvCardInstallments .clientGrid tbody tr:first-child { border-top: none !important; } .CardInstallmentsV2 .gvCardInstallments .clientGrid tbody tr td:nth-child(2) { border-bottom-left-radius: 34px; border-top-left-radius: 34px; } .CardInstallmentsV2 .gvCardInstallments .clientGrid tbody tr td:last-child { text-align: right !important; border-bottom-right-radius: 34px; border-top-right-radius: 34px; } .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box { width: calc(20% - 17px); } .CardInstallmentsV2 .focusin { border: 1px solid #0a79b8 !important; } .CardInstallmentsV2 .gvCardTurnover .clientGridPager { margin-bottom: 0px; } .CardInstallmentsV2 .gvCardTurnover .clientGrid thead { border-bottom: 1px solid #C7C7C7; } .CardInstallmentsV2 .gvCardTurnover .clientGrid thead tr th:nth-child(3), .CardInstallmentsV2 .gvCardTurnover .clientGrid thead tr th:nth-child(4) { text-align: left; } .CardInstallmentsV2 .gvCardTurnover .clientGrid tbody:before { content: "@"; display: block; line-height: 20px; text-indent: -99999px; } .CardInstallmentsV2 .gvCardTurnover .clientGrid tbody tr:first-child { border-top: none !important; } .CardInstallmentsV2 .gvCardTurnover .clientGrid tbody tr td { border-radius: 0; } .CardInstallmentsV2 .gvCardTurnover .clientGrid tbody tr td:nth-child(3) { text-align: left; } .CardInstallmentsV2 .gvCardTurnover .clientGrid tbody tr td:nth-child(4) { text-align: left; } .CardInstallmentsV2 .gvCardTurnover .clientGrid tbody tr td:nth-child(5) .tablesaw-cell-content { justify-content: flex-end; } .CardInstallmentsV2 .gvCardTurnover .clientGrid tbody tr td:last-child { padding-right: 16px; } .CardInstallmentsV2 .gvCardTurnover .clientGrid tbody tr td .tablesaw-cell-content { align-items: center; } .CardInstallmentsV2 .gvCardTurnover .clientGrid tbody tr td .tablesaw-cell-content small { position: static; top: unset; } .gvAccountPostTrasactionPreview .clientGrid thead { border-bottom: 1px solid #C7C7C7; } /*.AccountTurnoverV2 {*/ .gvAccountTurnoverPreview, .gridViewDepositTurnover { overflow-x: auto; } .gvAccountTurnoverPreview .clientGrid thead, .gridViewDepositTurnover .clientGrid thead { border-bottom: 1px solid #C7C7C7; } .gvAccountTurnoverPreview .clientGrid thead tr th, .gridViewDepositTurnover .clientGrid thead tr th { text-align: left; padding-left: 9px; } .gvAccountTurnoverPreview .clientGrid thead tr th:nth-child(2), .gridViewDepositTurnover .clientGrid thead tr th:nth-child(2) { text-align: left; } .gvAccountTurnoverPreview .clientGrid thead tr th:nth-child(3), .gridViewDepositTurnover .clientGrid thead tr th:nth-child(3) { text-align: left; } .gvAccountTurnoverPreview .clientGrid thead tr th:nth-child(5), .gridViewDepositTurnover .clientGrid thead tr th:nth-child(5) { text-align: center; } .gvAccountTurnoverPreview .clientGrid thead tr th:nth-child(6), .gvAccountTurnoverPreview .clientGrid thead tr th:nth-child(7), .gridViewDepositTurnover .clientGrid thead tr th:nth-child(6), .gridViewDepositTurnover .clientGrid thead tr th:nth-child(7) { width: 8%; } .gvAccountTurnoverPreview .clientGrid tbody:before, .gridViewDepositTurnover .clientGrid tbody:before { content: "@"; display: block; line-height: 20px; text-indent: -99999px; } .gvAccountTurnoverPreview .clientGrid tbody tr:first-child, .gridViewDepositTurnover .clientGrid tbody tr:first-child { border-top: none !important; } .gvAccountTurnoverPreview .clientGrid tbody tr td, .gridViewDepositTurnover .clientGrid tbody tr td { border-radius: 0; } .gvAccountTurnoverPreview .clientGrid tbody tr td:nth-child(2), .gridViewDepositTurnover .clientGrid tbody tr td:nth-child(2) { text-align: left; } .gvAccountTurnoverPreview .clientGrid tbody tr td:nth-child(3), .gridViewDepositTurnover .clientGrid tbody tr td:nth-child(3) { text-align: left; } .gvAccountTurnoverPreview .clientGrid tbody tr td:nth-child(4) .tablesaw-cell-content, .gridViewDepositTurnover .clientGrid tbody tr td:nth-child(4) .tablesaw-cell-content { justify-content: flex-start; } .gvAccountTurnoverPreview .clientGrid tbody tr td:nth-child(5), .gridViewDepositTurnover .clientGrid tbody tr td:nth-child(5) { text-align: left; } .gvAccountTurnoverPreview .clientGrid tbody tr td:last-child, .gridViewDepositTurnover .clientGrid tbody tr td:last-child { padding-right: 16px; } .gvAccountTurnoverPreview .clientGrid tbody tr td .tablesaw-cell-content, .gridViewDepositTurnover .clientGrid tbody tr td .tablesaw-cell-content { align-items: center; } .gvAccountTurnoverPreview .clientGrid tbody tr td .tablesaw-cell-content small, .gridViewDepositTurnover .clientGrid tbody tr td .tablesaw-cell-content small { position: static; top: unset; } .gvAccountTurnoverPreview .payments-ico, .gridViewDepositTurnover .payments-ico { width: 40px; height: 40px; border-radius: 12px; background-color: #E8E9EC; position: relative; } .gvAccountTurnoverPreview .payments-ico .payments-ico-svg, .gridViewDepositTurnover .payments-ico .payments-ico-svg { position: absolute; width: 20px; height: 20px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .gvAccountTurnoverPreview .loan-filter-wrapper .payment-filter-payment, .gridViewDepositTurnover .loan-filter-wrapper .payment-filter-payment { position: relative; padding: 5px 8px 4px; border-radius: 12px; cursor: pointer; -webkit-transition: background-color .5s; transition: background-color .5s; } .gvAccountTurnoverPreview .loan-filter-wrapper .payment-filter-payment:hover, .gridViewDepositTurnover .loan-filter-wrapper .payment-filter-payment:hover { background-color: #F5F5F5; } .gvAccountTurnoverPreview .loan-filter-wrapper .payment-filter-payment:hover .pdf-download, .gridViewDepositTurnover .loan-filter-wrapper .payment-filter-payment:hover .pdf-download { opacity: 1; visibility: visible; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition-delay: .1s; transition-delay: .1s; } .gvAccountTurnoverPreview .loan-filter-wrapper .payment-filter-payment .page-text small, .gridViewDepositTurnover .loan-filter-wrapper .payment-filter-payment .page-text small { position: relative; top: -2px; } .gvAccountTurnoverPreview .loan-filter-wrapper .payment-filter-payment .page-text small .dot-menu-dot, .gridViewDepositTurnover .loan-filter-wrapper .payment-filter-payment .page-text small .dot-menu-dot { display: block; margin: 2px; width: 4px; height: 4px; border-radius: 50%; } .gvAccountTurnoverPreview .loan-filter-wrapper .payment-filter-payment .payment-filter-currency, .gridViewDepositTurnover .loan-filter-wrapper .payment-filter-payment .payment-filter-currency { margin: 0 7px; } .gvAccountTurnoverPreview .loan-filter-wrapper .payment-info-amount, .gridViewDepositTurnover .loan-filter-wrapper .payment-info-amount { width: 10%; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .gvAccountTurnoverPreview .loan-filter-wrapper .payment-info-date, .gridViewDepositTurnover .loan-filter-wrapper .payment-info-date { width: 14%; } .gvAccountTurnoverPreview .loan-filter-wrapper .payment-info-date p, .gridViewDepositTurnover .loan-filter-wrapper .payment-info-date p { padding-left: 16px; } .gvAccountTurnoverPreview .loan-filter-wrapper .payment-info-recipient, .gridViewDepositTurnover .loan-filter-wrapper .payment-info-recipient { width: 29%; } .gvAccountTurnoverPreview .loan-filter-wrapper .payment-info-description, .gridViewDepositTurnover .loan-filter-wrapper .payment-info-description { width: 35%; } .gvAccountTurnoverPreview .loan-filter-wrapper .pdf-download, .gridViewDepositTurnover .loan-filter-wrapper .pdf-download { position: absolute; top: 50%; right: 69px; -webkit-transform: translate(10px, -50%); transform: translate(10px, -50%); opacity: 0; visibility: hidden; margin-left: 0; margin-right: 10px; -webkit-transition: opacity .5s,visibility .5s,background-color .5s,box-shadow .5s,-webkit-transform .5s; transition: opacity .5s,visibility .5s,background-color .5s,box-shadow .5s,-webkit-transform .5s; transition: opacity .5s,visibility .5s,transform .5s,background-color .5s,box-shadow .5s; transition: opacity .5s,visibility .5s,transform .5s,background-color .5s,box-shadow .5s,-webkit-transform .5s; padding: 10px; margin-left: 16px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); } .gvAccountTurnoverPreview .loan-filter-wrapper .pdf-download:hover, .gridViewDepositTurnover .loan-filter-wrapper .pdf-download:hover { box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.08); background-color: #DCDCDC; } .gvAccountTurnoverPreview .loan-filter-wrapper .pdf-download p, .gridViewDepositTurnover .loan-filter-wrapper .pdf-download p { width: -webkit-calc(100% - 28px); width: calc(100% - 28px); text-transform: uppercase; padding: 0 0 0 10px; line-height: 1; } .gvAccountTurnoverPreview .loan-filter-wrapper .pdf-download .pdf-ico, .gridViewDepositTurnover .loan-filter-wrapper .pdf-download .pdf-ico { width: 18px; height: 20px; } .gvAccountTurnoverPreview .payment-filter, .gridViewDepositTurnover .payment-filter { border-bottom: 1px solid #8294a8; } .gvAccountTurnoverPreview .payment-filter-ico, .gridViewDepositTurnover .payment-filter-ico { position: absolute; width: 8px; height: 14px; right: 0; top: 2px; cursor: pointer; } .gvAccountTurnoverPreview .payment-filter-recipient, .gridViewDepositTurnover .payment-filter-recipient { width: 30%; padding-left: 14px; } .gvAccountTurnoverPreview .payment-filter-recipient .filter-loan-wrapper, .gridViewDepositTurnover .payment-filter-recipient .filter-loan-wrapper { position: relative; width: 23%; } .gvAccountTurnoverPreview .payment-filter-description, .gridViewDepositTurnover .payment-filter-description { width: 44%; } .gvAccountTurnoverPreview .payment-filter-description .filter-loan-wrapper, .gridViewDepositTurnover .payment-filter-description .filter-loan-wrapper { position: relative; width: 20%; } .gvAccountTurnoverPreview .payment-filter-box, .gridViewDepositTurnover .payment-filter-box { position: relative; } .gvAccountTurnoverPreview .payment-filter-box.active .page-text-2, .gridViewDepositTurnover .payment-filter-box.active .page-text-2 { color: rgba(0, 0, 0, 0.87); } .gvAccountTurnoverPreview .payment-filter-box.active .payment-ico-filter-down, .gridViewDepositTurnover .payment-filter-box.active .payment-ico-filter-down { opacity: 0; } .gvAccountTurnoverPreview .payment-filter-box.active .inactive-arrow, .gridViewDepositTurnover .payment-filter-box.active .inactive-arrow { opacity: 1; } .gvAccountTurnoverPreview .payment-filter-box:first-child, .gridViewDepositTurnover .payment-filter-box:first-child { width: 15.5%; } .gvAccountTurnoverPreview .payment-filter-box:first-child .filter-loan-wrapper, .gridViewDepositTurnover .payment-filter-box:first-child .filter-loan-wrapper { position: relative; width: 73%; } .gvAccountTurnoverPreview .payment-filter-box:first-child p, .gridViewDepositTurnover .payment-filter-box:first-child p { padding-left: 75px; } .gvAccountTurnoverPreview .payment-filter-box .page-text-2, .gridViewDepositTurnover .payment-filter-box .page-text-2 { cursor: pointer; padding-right: 25px; display: inline-block; margin-bottom: 15px; font-weight: 600; line-height: 1; -webkit-transition: color .5s; transition: color .5s; } .gvAccountTurnoverPreview .payment-filter-box .payment-filter-amount, .gridViewDepositTurnover .payment-filter-box .payment-filter-amount { width: 10%; } .dashboard.AccountTurnover #domesticAccountsTemplate .gvAccountTurnoverPreview table thead tr th:nth-child(2), .dashboard.AccountTurnover #AccountTurnoverContent .gvAccountTurnoverPreview table thead tr th:nth-child(2) { width: 10.5%; } .dashboard.AccountTurnover #domesticAccountsTemplate .gvAccountTurnoverPreview table thead tr th:nth-child(3), .dashboard.AccountTurnover #AccountTurnoverContent .gvAccountTurnoverPreview table thead tr th:nth-child(3) { width: 30.5%; } .gvSupplementaryCards .clientGrid thead { border-bottom: 1px solid #C7C7C7; } .gvSupplementaryCards .clientGrid thead th { text-align: left; padding-left: 10px; width: 25%; } .gvSupplementaryCards .clientGrid tbody:before { content: "@"; display: block; line-height: 20px; text-indent: -99999px; } .gvSupplementaryCards .clientGrid tbody tr:first-child { border: none !important; } .gvSupplementaryCards .clientGrid tbody tr td:nth-child(2) { border-top-left-radius: 12px; border-bottom-left-radius: 12px; } .gvSupplementaryCards .clientGrid tbody tr td:last-child { border-top-right-radius: 12px; border-bottom-right-radius: 12px; } .SupplementaryCardsListCorporate { margin-bottom: 60px; } .reservedFunds .account-inter-inner-scroll { padding: 0 25px 0 35px !important; } .reservedFunds .pending-expenses-box { margin-right: 15px; } .reservedFundsCards { z-index: 1005 !important; } .installmentsList .all-account-popup-title, .reservedFunds .all-account-popup-title, .reservedFundsCard .all-account-popup-title, .reservedFundsSlider .all-account-popup-title { margin-bottom: 0 !important; } .installmentsList .all-accounts-popup-wrapper p, .reservedFunds .all-accounts-popup-wrapper p, .reservedFundsCard .all-accounts-popup-wrapper p, .reservedFundsSlider .all-accounts-popup-wrapper p { text-align: center; color: #0a79b8; } .installmentsList .reservedFundsDate, .reservedFunds .reservedFundsDate, .reservedFundsCard .reservedFundsDate, .reservedFundsSlider .reservedFundsDate { font-size: 14px; } .installmentsList .reservedFundsLeft, .reservedFunds .reservedFundsLeft, .reservedFundsCard .reservedFundsLeft, .reservedFundsSlider .reservedFundsLeft { display: inline-block; } .installmentsList .reservedFundsCurrency, .reservedFunds .reservedFundsCurrency, .reservedFundsCard .reservedFundsCurrency, .reservedFundsSlider .reservedFundsCurrency { display: inline-block; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #C7C7C7; } .installmentsList .reservedFundsAmount, .reservedFunds .reservedFundsAmount, .reservedFundsCard .reservedFundsAmount, .reservedFundsSlider .reservedFundsAmount { position: absolute; display: inline-block; right: 8%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .installmentsList .reserved-funds-ico, .reservedFunds .reserved-funds-ico, .reservedFundsCard .reserved-funds-ico, .reservedFundsSlider .reserved-funds-ico { width: 40px; height: 40px; border-radius: 12px; background-color: #FFFFFF; border-radius: 50%; position: relative; float: left; margin-left: 13px; margin-right: 13px; } .installmentsList .reserved-funds-ico svg, .reservedFunds .reserved-funds-ico svg, .reservedFundsCard .reserved-funds-ico svg, .reservedFundsSlider .reserved-funds-ico svg { width: 20px; height: 20px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); fill: rgba(0, 0, 0, 0.87); position: absolute; margin-right: 15px; } .LoanAnnuityPlan { /* .tablesaw { thead { tr:first-child { th { text-align: left; vertical-align: middle; } } } }*/ /* #gvLoanAnnuityPlanCorporate { thead { tr { th:nth-child(2) { width: 8.33333% !important; padding-left: 15px; } th:nth-child(3) { width: 8.33333%; } th:nth-child(4) { width: 13.88889%; text-align: right; } th:nth-child(5), th:nth-child(6) { width: 13.88889%; text-align: right; } th:nth-child(7), th:nth-child(8), th:nth-child(9) { width: 13.88889%; text-align: right; padding-right: 5px; } } } tbody { tr { td:nth-child(2) { width: 8.33333% !important; text-align: left; padding-left: 15px; } td:nth-child(3) { width: 8.33333%; } td:nth-child(4) { width: 13.88889%; text-align: right; } td:nth-child(5), td:nth-child(6) { width: 13.88889%; } td:nth-child(7), td:nth-child(8), td:nth-child(9) { width: 13.88889%; padding-right: 15px; } } } } */ /*.payment-filter-payment { cursor: default !important; &:hover { background-color: transparent !important; } }*/ } .LoanAnnuityPlan .s-widget-header.nochrome { display: block; } .LoanAnnuityPlan .turnover-icon { margin-right: 13px; } .LoanAnnuityPlan .filter-wrapper-list-7-outher-wrapper .filter-wrapper-list-7 { padding: 16px; border-radius: 28px; } .LoanAnnuityPlan .filter-wrapper-list-7-outher-wrapper .filter-wrapper-list-7 .payment-filter-box { width: 25%; text-align: right; } .LoanAnnuityPlan .filter-wrapper-list-7-outher-wrapper .filter-wrapper-list-7 .payment-filter-box p { width: 100%; } .LoanAnnuityPlan .filter-wrapper-list-7-outher-wrapper .filter-wrapper-list-7 .payment-filter-box-total { width: 8.33333%; text-align: left; } .LoanAnnuityPlan .filter-wrapper-list-7-outher-wrapper .filter-wrapper-list-7 .col-1 { width: 24%; } .LoanAnnuityPlan .filter-wrapper-list-7-outher-wrapper .filter-wrapper-list-7 .col-2 { width: 15.66667%; } .LoanAnnuityPlan .filter-wrapper-list-7-outher-wrapper .filter-wrapper-list-7 .payment-filter { padding-bottom: 10px; } .LoanAnnuityPlan .filter-wrapper-list-7-outher-wrapper .filter-wrapper-list-7 .payment-info-wrapper .payment-filter-payment:hover { background: none; } .LoanAnnuityPlan .filter-wrapper-list-7-outher-wrapper .filter-wrapper-list-7 .payment-info-wrapper .payment-filter-payment .blank-column-ap-total { width: 3.8% !important; } .LoanAnnuityPlan .filter-wrapper-list-7-outher-wrapper .filter-wrapper-list-7 .payment-info-wrapper .payment-filter-payment .payment-filter-payment-col-1 { width: 25%; padding-bottom: 0px !important; text-align: right; } .LoanAnnuityPlan .filter-wrapper-list-7-outher-wrapper .filter-wrapper-list-7 .payment-info-wrapper .payment-filter-payment .payment-filter-payment-col-2 { width: 16.66667%; padding-bottom: 0px !important; text-align: right; } .LoanAnnuityPlan .filter-wrapper-list-7-outher-wrapper .page-text { line-height: 1; font-family: "pt_sansregular", sans-serif !important; } .LoanAnnuityPlan .date { color: #C7C7C7; } .LoanAnnuityPlan .row-arrow { display: inline; float: right; } .LoanAnnuityPlan .row-arrow svg { fill: #C7C7C7; } .LoanBalancePreviewSlider, .AccountBalancePreviewSlider, .CardBalancePreviewSlider, .CardBalancePreviewSlider, .AuthorizedAccounts, .CardBalancePreviewCorporate, .DepositBalancePreviewCorporate { margin-bottom: 0 !important; } .LoanBalancePreviewSlider .menu-line, .AccountBalancePreviewSlider .menu-line, .CardBalancePreviewSlider .menu-line, .CardBalancePreviewSlider .menu-line, .AuthorizedAccounts .menu-line, .CardBalancePreviewCorporate .menu-line, .DepositBalancePreviewCorporate .menu-line { width: 100%; border-bottom: 1px solid #8294a8; } .LoanBalancePreviewSlider .accounts-intro-title, .AccountBalancePreviewSlider .accounts-intro-title, .CardBalancePreviewSlider .accounts-intro-title, .CardBalancePreviewSlider .accounts-intro-title, .AuthorizedAccounts .accounts-intro-title, .CardBalancePreviewCorporate .accounts-intro-title, .DepositBalancePreviewCorporate .accounts-intro-title { width: 60%; } .LoanBalancePreviewSlider .accounts-intro-title .account-card-text, .AccountBalancePreviewSlider .accounts-intro-title .account-card-text, .CardBalancePreviewSlider .accounts-intro-title .account-card-text, .CardBalancePreviewSlider .accounts-intro-title .account-card-text, .AuthorizedAccounts .accounts-intro-title .account-card-text, .CardBalancePreviewCorporate .accounts-intro-title .account-card-text, .DepositBalancePreviewCorporate .accounts-intro-title .account-card-text { width: calc(100% - 75px); } .LoanBalancePreviewSlider .accounts-intro-title .account-card-text h2, .AccountBalancePreviewSlider .accounts-intro-title .account-card-text h2, .CardBalancePreviewSlider .accounts-intro-title .account-card-text h2, .CardBalancePreviewSlider .accounts-intro-title .account-card-text h2, .AuthorizedAccounts .accounts-intro-title .account-card-text h2, .CardBalancePreviewCorporate .accounts-intro-title .account-card-text h2, .DepositBalancePreviewCorporate .accounts-intro-title .account-card-text h2 { font-weight: bold; white-space: normal; } .LoanBalancePreviewSlider .filter-error-ico, .AccountBalancePreviewSlider .filter-error-ico, .CardBalancePreviewSlider .filter-error-ico, .CardBalancePreviewSlider .filter-error-ico, .AuthorizedAccounts .filter-error-ico, .CardBalancePreviewCorporate .filter-error-ico, .DepositBalancePreviewCorporate .filter-error-ico { margin-top: 15px; } .CardBalancePreviewCorporate .accounts-intro-title .account-card-text { width: 70%; } .CardBalancePreviewCorporate .accounts-intro-title .activity-status { width: 18%; } .user-intro-section-name .title-1 { display: inline; font-weight: bold; } .user-intro-section-name span.name { font-size: 32px; color: #FFFFFF !important; } .user-intro-section-name p { margin-top: 10px; } .MessageHubNotificationList .tableFilter { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .MessageHubNotificationList .tableFilter .transaction-filter-wrapper { width: 100%; } .MessageHubNotificationList .tableFilter .transaction-filter-inner { width: calc(100% - 101px); } .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter { padding-top: 0; padding-bottom: 0; padding-right: 0; } .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box { width: calc(16% + 2px); margin: 0 5px !important; } .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter { padding: 0; } .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input { padding-left: 15px; } .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap input { padding-right: 50px; } .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap .search { fill: #C7C7C7; width: 18px; height: 18px; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); } .MessageHubNotificationList .btnNewMessage { background: linear-gradient(90deg, #0079ff, #00c6ff); padding: 7px 13px; } .MessageHubNotificationList .btnNewMessage:hover { background: linear-gradient(90deg, #006de6, #00b2e6); } .MessageHubNotificationList .btnNewMessage svg { width: 30px; height: 15px; } .MessageHubNotificationList .btnNewMessage svg, .MessageHubNotificationList .btnNewMessage p { display: inline; } .MessageHubNotificationList .btnNewMessage p { width: -webkit-calc(100% - 18px); width: calc(100% - 18px); padding: 0 0 0 5px; line-height: 1; } .MessageHubNotificationList .filterButton { position: relative; right: -10px !important; bottom: -10px !important; } .MessageHubNotificationList .filterButton button { padding: 10px 13px; background: linear-gradient(90deg, #0079ff, #00c6ff); border-radius: 6px; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08) !important; transition: box-shadow .5s; font-family: "Source-Sans-Pro-bold", sans-serif; color: #FFFFFF; width: 40px; height: 40px; font-size: 14px; cursor: pointer; } .MessageHubNotificationList .filterButton button:hover { background: linear-gradient(90deg, #006de6, #00b2e6); transition: background-color .5s; } .messageDetail .message-title { overflow-wrap: break-word; font-weight: bold; } .messageDetail .message-title-archive { margin-top: 30px; } .messageDetail .message-title-new { margin-top: 0px; } .messageDetail .element-border { border-radius: 20px !important; } .messageDetail .conversation-box { border-radius: 12px !important; } .messageDetail .message-popup-text-wrapper { width: 96%; } .messageDetail .msg-text-preview span { font-family: "Source-Sans-Pro", sans-serif !important; overflow-wrap: anywhere !important; } .messageDetail .bottom-date { font-family: "pt_sansregular", sans-serif !important; } .messageDetail .blue-box-bottom-date { color: #C7E1BE !important; } .messageDetail .white-box-bottom-date { color: rgba(0, 0, 0, 0.54) !important; } .messageDetail .conversation-box.white-box .attachment-card { background-color: #f5f8fb !important; border: 1px solid #b4bfcb; margin-right: 0px; margin-bottom: 10px !important; } .messageDetail .conversation-box.white-box .attachment-card p { color: #000000 !important; font-family: "Source-Sans-Pro", sans-serif; } .messageDetail .conversation-box.white-box .attachment-card p svg { margin-left: 5px !important; stroke: #52AE30; } .messageDetail .conversation-box.white-box .attachment-card .pdf-ico { width: 16px; height: 14px; } .messageDetail .conversation-box.blue-box .attachment-card { background-color: #0a79b8 !important; border: 1px solid #FFFFFF; margin-right: 0px; margin-bottom: 20px !important; } .messageDetail .conversation-box.blue-box .attachment-card p { color: #FFFFFF !important; font-family: "Source-Sans-Pro", sans-serif; } .messageDetail .conversation-box.blue-box .attachment-card p svg { margin-left: 5px !important; stroke: #FFFFFF; } .messageDetail .text-dialog-reply { background-color: transparent !important; } .messageDetail .read-messages-list { box-shadow: none !important; } .messageDetail .read-messages-list .modal-inner-content { background-color: transparent !important; } .messageDetail .read-messages-list .all-account-popup-title { margin-bottom: 24px; } .messageDetail .read-messages-list .all-account-popup-title h3 a { padding: 11px 20px !important; } .messageDetail .read-messages-list .all-account-popup-title h3 a .pdf-ico { stroke: #0a79b8; } .messageDetail .modal-inner-content { padding-top: 0px !important; padding-right: 40px; padding-bottom: 0px !important; padding-left: 40px; } .messageDetail .group-inner { margin-bottom: 25px; width: 96%; } .messageDetail .group-inner .input-wrap { background: none; } .messageDetail .validationMessage { margin-top: 3px; margin-left: 4px; } .messageDetail .form-submit-btn-ico { width: 27px !important; height: 15px !important; } .messageDetail .sendMessageBtn { padding: 15px 0px !important; } .messageDetail .sendMessageBtn svg { left: 36% !important; top: 45% !important; stroke: #FFFFFF; } .messageDetail .active { border: 1px solid #0a79b8; } .messageDetail .characters-counter { position: absolute; bottom: 27px; left: 360px; font-size: 14px; margin-bottom: 0px !important; color: rgba(0, 0, 0, 0.54); } .messageDetail .texarea-1 { width: 100%; font-size: 16px; font-family: "Source-Sans-Pro", sans-serif !important; border: 1px solid #b4bfcb; background: #fff; height: 300px; padding: 16px 70px 16px 16px; } @media only screen and (max-width: 1800px) { .messageDetail .texarea-1 { height: 180px; } } @media only screen and (max-width: 1200px) { .messageDetail .texarea-1 { height: 150px; } } .messageDetail .texarea-1:focus { border-color: #0a79b8; } .messageDetail .input-1 { font-size: 15px !important; font-family: "Source-Sans-Pro", sans-serif !important; width: 100% !important; height: 48px; border: none; background-color: transparent; margin-bottom: 6px; padding: 16px !important; border: 1px solid #b4bfcb; transition: border-color .3s; background: #fff; } .messageDetail .input-1:focus { border-color: #0a79b8; } .messageDetail .before-click-subject { height: 44px !important; font-size: 15px !important; } .messageDetail .label-1 { padding: 5px 16px !important; margin-bottom: -2px; font-family: "Source-Sans-Pro", sans-serif; } .messageDetail .message-reply-textarea-wrapper .input-wrap { background: none; } .messageDetail #textEditor { height: 300px; } @media only screen and (max-width: 1800px) { .messageDetail #textEditor { height: 180px; } } @media only screen and (max-width: 1200px) { .messageDetail #textEditor { height: 150px; } } .messageDetail #textEditor .validationMessage { margin-top: 73px; margin-left: 4px; } .messageDetail .btn-1 { width: 100%; } .messageDetail .dot-menu { left: 360px !important; border-radius: 6px !important; background: linear-gradient(45deg, #0079ff, #00c6ff); } .messageDetail .dot-menu:hover { background: linear-gradient(45deg, #006de6, #00b2e6); } .messageDetail .dot-menu .file-input-wrap svg { stroke: #FFFFFF; } .messageDetail .dot-menu.bug-suggestion { left: 375px !important; bottom: 35px !important; } .messageDetail .dot-menu.bug-add-info { box-shadow: none !important; width: 200px !important; left: 15px; font-size: 14px; } .messageDetail .message-label-text { padding-top: 15px !important; } .messageDetail .message-limit-text { font-size: 13px !important; padding-left: 0px !important; padding-top: 0px !important; margin-top: 15px; margin-bottom: 15px; font-family: "Source-Sans-Pro-semibold", sans-serif !important; } .messageDetail .mCSB_inside > .mCSB_container { margin-right: 0px !important; } .messageDetail .mCSB_scrollTools .mCSB_draggerContainer { right: -10px; } .messageDetail .attachment-card { width: 96% !important; border-radius: 6px; margin-bottom: 12px !important; } .messageDetail .attachment-card svg { margin-left: 25px !important; stroke: #353f4a; } .right-dialog .messageDetail .mCustomScrollBox { padding: 0px; } .message-hub-dialog .newMessageDialog .account-inter-inner-scroll { height: 100%; display: block; padding: 0; overflow-y: auto; overflow-x: hidden; } .message-hub-dialog .newMessageDialog .account-item-inner { height: 100% !important; overflow-y: hidden; } .message-hub-dialog .newMessageDialog .all-account-wrapper-outer { height: 100%; } .message-hub-dialog .newMessageDialog .attachment-card { width: 100%; padding: 0; padding-top: 10px; padding-bottom: 10px; } .message-hub-dialog .newMessageDialog .attachment-card svg { width: 16px; height: 14px; display: inline-block; margin-left: 10px; } .message-hub-dialog .newMessageDialog .attachment-card p { color: #0a79b8; display: inline-block; font-family: "Lato-Semibold", sans-serif; } .message-hub-dialog .read-messages-list { margin-top: 40px; } .message-hub-dialog .read-messages-list .all-account-popup-title .all-account-close { top: 0; } .message-hub-dialog .read-messages-list #mCSB_2_scrollbar_vertical { margin-top: 50px; } .message-hub-dialog .read-messages-list .account-item-inner.optiscroll { margin-top: 35px; } .message-hub-dialog .read-messages-list .message-title-archive { margin-top: 0px !important; } .read-message { height: 89vh !important; } .read-message .all-accounts-popup-wrapper { height: 100%; border-radius: 16px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .read-message .all-accounts-popup-wrapper .account-inter-inner-scroll .input-wrap .input-1 { width: auto; } .read-message .all-accounts-popup-wrapper .account-inter-inner-scroll textarea { border-radius: 8px; } .read-message .all-accounts-popup-wrapper .account-inter-inner-scroll .dot-menu { position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); bottom: 20px; top: auto; -webkit-transform: translate(0); transform: translate(0); right: 40px; left: unset !important; } .read-message .all-accounts-popup-wrapper .account-inter-inner-scroll .file-input-wrap.attachment svg { width: 18px; height: 20px; } .read-message .message-reply-form { margin-top: 40px; padding: 40px 40px 0; position: relative; } @media only screen and (max-width: 1800px) { .read-message .message-reply-form { bottom: 40px; } } .read-message .message-reply-form.flex-layout { flex-wrap: wrap !important; } .read-message .message-reply-form svg { z-index: 99 !important; position: absolute; width: 24px; height: 12px; top: 45%; left: 40%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .read-message .btn-1.color-6 { padding: 15px 0px !important; background: linear-gradient(90deg, #0079ff, #00c6ff) !important; color: #FFFFFF !important; font-size: 15px !important; font-weight: 700; position: relative; bottom: 25px; } .read-message .btn-1.color-6:hover { background: linear-gradient(90deg, #006de6, #00b2e6) !important; box-shadow: 0 0 18px rgba(54, 60, 164, 0.4); } .message-hub-dialog .read-messages-list, .rateData .read-messages-list, .transferData .read-messages-list, .transferSuccess .read-messages-list, .exchangeDetails .read-messages-list, .intrabankData .read-messages-list, .intrabankDataSuccess .read-messages-list, .newTemplate .read-messages-list { height: 100% !important; border-radius: 16px; box-shadow: 0 0 24px rgba(0, 0, 0, 0.16); -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; } .message-hub-dialog .read-messages-list .all-account-popup-title, .rateData .read-messages-list .all-account-popup-title, .transferData .read-messages-list .all-account-popup-title, .transferSuccess .read-messages-list .all-account-popup-title, .exchangeDetails .read-messages-list .all-account-popup-title, .intrabankData .read-messages-list .all-account-popup-title, .intrabankDataSuccess .read-messages-list .all-account-popup-title, .newTemplate .read-messages-list .all-account-popup-title { padding-left: 20px !important; } .message-hub-dialog .read-messages-list .all-account-popup-title h3, .rateData .read-messages-list .all-account-popup-title h3, .transferData .read-messages-list .all-account-popup-title h3, .transferSuccess .read-messages-list .all-account-popup-title h3, .exchangeDetails .read-messages-list .all-account-popup-title h3, .intrabankData .read-messages-list .all-account-popup-title h3, .intrabankDataSuccess .read-messages-list .all-account-popup-title h3, .newTemplate .read-messages-list .all-account-popup-title h3 { margin: 0 !important; } .message-hub-dialog .read-messages-list .all-account-popup-title h3 a, .rateData .read-messages-list .all-account-popup-title h3 a, .transferData .read-messages-list .all-account-popup-title h3 a, .transferSuccess .read-messages-list .all-account-popup-title h3 a, .exchangeDetails .read-messages-list .all-account-popup-title h3 a, .intrabankData .read-messages-list .all-account-popup-title h3 a, .intrabankDataSuccess .read-messages-list .all-account-popup-title h3 a, .newTemplate .read-messages-list .all-account-popup-title h3 a { margin-left: 0; padding: 9px 11px; margin-left: 16px; -webkit-transition: box-shadow .5s,background-color .5s; transition: box-shadow .5s,background-color .5s; color: rgba(0, 0, 0, 0.87) !important; border: 1px solid #0a79b8; } .message-hub-dialog .read-messages-list .all-account-popup-title h3 a:hover, .rateData .read-messages-list .all-account-popup-title h3 a:hover, .transferData .read-messages-list .all-account-popup-title h3 a:hover, .transferSuccess .read-messages-list .all-account-popup-title h3 a:hover, .exchangeDetails .read-messages-list .all-account-popup-title h3 a:hover, .intrabankData .read-messages-list .all-account-popup-title h3 a:hover, .intrabankDataSuccess .read-messages-list .all-account-popup-title h3 a:hover, .newTemplate .read-messages-list .all-account-popup-title h3 a:hover { box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.08); background-color: #DCDCDC; } .message-hub-dialog .read-messages-list .all-account-popup-title h3 a.pdf-download, .rateData .read-messages-list .all-account-popup-title h3 a.pdf-download, .transferData .read-messages-list .all-account-popup-title h3 a.pdf-download, .transferSuccess .read-messages-list .all-account-popup-title h3 a.pdf-download, .exchangeDetails .read-messages-list .all-account-popup-title h3 a.pdf-download, .intrabankData .read-messages-list .all-account-popup-title h3 a.pdf-download, .intrabankDataSuccess .read-messages-list .all-account-popup-title h3 a.pdf-download, .newTemplate .read-messages-list .all-account-popup-title h3 a.pdf-download { box-shadow: none; } .message-hub-dialog .read-messages-list .account-inter-inner-scroll, .rateData .read-messages-list .account-inter-inner-scroll, .transferData .read-messages-list .account-inter-inner-scroll, .transferSuccess .read-messages-list .account-inter-inner-scroll, .exchangeDetails .read-messages-list .account-inter-inner-scroll, .intrabankData .read-messages-list .account-inter-inner-scroll, .intrabankDataSuccess .read-messages-list .account-inter-inner-scroll, .newTemplate .read-messages-list .account-inter-inner-scroll { height: 100% !important; display: block; padding-right: 25px !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; overflow: hidden; } .message-hub-dialog .read-messages-list .account-inter-inner-scroll.hidden, .rateData .read-messages-list .account-inter-inner-scroll.hidden, .transferData .read-messages-list .account-inter-inner-scroll.hidden, .transferSuccess .read-messages-list .account-inter-inner-scroll.hidden, .exchangeDetails .read-messages-list .account-inter-inner-scroll.hidden, .intrabankData .read-messages-list .account-inter-inner-scroll.hidden, .intrabankDataSuccess .read-messages-list .account-inter-inner-scroll.hidden, .newTemplate .read-messages-list .account-inter-inner-scroll.hidden { overflow: hidden !important; } .message-hub-dialog .read-messages-list .account-item-inner.optiscroll, .rateData .read-messages-list .account-item-inner.optiscroll, .transferData .read-messages-list .account-item-inner.optiscroll, .transferSuccess .read-messages-list .account-item-inner.optiscroll, .exchangeDetails .read-messages-list .account-item-inner.optiscroll, .intrabankData .read-messages-list .account-item-inner.optiscroll, .intrabankDataSuccess .read-messages-list .account-item-inner.optiscroll, .newTemplate .read-messages-list .account-item-inner.optiscroll { height: 100%; position: relative; } .message-hub-dialog .read-messages-list .account-item-inner.optiscroll.template, .rateData .read-messages-list .account-item-inner.optiscroll.template, .transferData .read-messages-list .account-item-inner.optiscroll.template, .transferSuccess .read-messages-list .account-item-inner.optiscroll.template, .exchangeDetails .read-messages-list .account-item-inner.optiscroll.template, .intrabankData .read-messages-list .account-item-inner.optiscroll.template, .intrabankDataSuccess .read-messages-list .account-item-inner.optiscroll.template, .newTemplate .read-messages-list .account-item-inner.optiscroll.template { height: 660px !important; } @media (max-height: 852px) { .message-hub-dialog .read-messages-list .account-item-inner.optiscroll.template, .rateData .read-messages-list .account-item-inner.optiscroll.template, .transferData .read-messages-list .account-item-inner.optiscroll.template, .transferSuccess .read-messages-list .account-item-inner.optiscroll.template, .exchangeDetails .read-messages-list .account-item-inner.optiscroll.template, .intrabankData .read-messages-list .account-item-inner.optiscroll.template, .intrabankDataSuccess .read-messages-list .account-item-inner.optiscroll.template, .newTemplate .read-messages-list .account-item-inner.optiscroll.template { height: 570px !important; } } @media (min-height: 975px) { .message-hub-dialog .read-messages-list .account-item-inner.optiscroll.template, .rateData .read-messages-list .account-item-inner.optiscroll.template, .transferData .read-messages-list .account-item-inner.optiscroll.template, .transferSuccess .read-messages-list .account-item-inner.optiscroll.template, .exchangeDetails .read-messages-list .account-item-inner.optiscroll.template, .intrabankData .read-messages-list .account-item-inner.optiscroll.template, .intrabankDataSuccess .read-messages-list .account-item-inner.optiscroll.template, .newTemplate .read-messages-list .account-item-inner.optiscroll.template { height: 100% !important; } } @media (min-height: 975px) { .message-hub-dialog .read-messages-list .account-item-inner.optiscroll.template.payment, .rateData .read-messages-list .account-item-inner.optiscroll.template.payment, .transferData .read-messages-list .account-item-inner.optiscroll.template.payment, .transferSuccess .read-messages-list .account-item-inner.optiscroll.template.payment, .exchangeDetails .read-messages-list .account-item-inner.optiscroll.template.payment, .intrabankData .read-messages-list .account-item-inner.optiscroll.template.payment, .intrabankDataSuccess .read-messages-list .account-item-inner.optiscroll.template.payment, .newTemplate .read-messages-list .account-item-inner.optiscroll.template.payment { height: 74% !important; } } .message-hub-dialog .read-messages-list .text-dialog-reply, .rateData .read-messages-list .text-dialog-reply, .transferData .read-messages-list .text-dialog-reply, .transferSuccess .read-messages-list .text-dialog-reply, .exchangeDetails .read-messages-list .text-dialog-reply, .intrabankData .read-messages-list .text-dialog-reply, .intrabankDataSuccess .read-messages-list .text-dialog-reply, .newTemplate .read-messages-list .text-dialog-reply { position: relative; background-color: #EFEFEF; z-index: 10; } .message-hub-dialog .read-messages-list .text-dialog-reply .form-submit-btn-ico, .rateData .read-messages-list .text-dialog-reply .form-submit-btn-ico, .transferData .read-messages-list .text-dialog-reply .form-submit-btn-ico, .transferSuccess .read-messages-list .text-dialog-reply .form-submit-btn-ico, .exchangeDetails .read-messages-list .text-dialog-reply .form-submit-btn-ico, .intrabankData .read-messages-list .text-dialog-reply .form-submit-btn-ico, .intrabankDataSuccess .read-messages-list .text-dialog-reply .form-submit-btn-ico, .newTemplate .read-messages-list .text-dialog-reply .form-submit-btn-ico { z-index: 99 !important; position: absolute; width: 24px; height: 12px; left: 40%; top: 42%; } .message-hub-dialog .read-messages-list .file-input-wrap.attachment svg, .rateData .read-messages-list .file-input-wrap.attachment svg, .transferData .read-messages-list .file-input-wrap.attachment svg, .transferSuccess .read-messages-list .file-input-wrap.attachment svg, .exchangeDetails .read-messages-list .file-input-wrap.attachment svg, .intrabankData .read-messages-list .file-input-wrap.attachment svg, .intrabankDataSuccess .read-messages-list .file-input-wrap.attachment svg, .newTemplate .read-messages-list .file-input-wrap.attachment svg { width: 18px; height: 20px; } .message-hub-dialog .read-messages-list .modal-inner-content, .rateData .read-messages-list .modal-inner-content, .transferData .read-messages-list .modal-inner-content, .transferSuccess .read-messages-list .modal-inner-content, .exchangeDetails .read-messages-list .modal-inner-content, .intrabankData .read-messages-list .modal-inner-content, .intrabankDataSuccess .read-messages-list .modal-inner-content, .newTemplate .read-messages-list .modal-inner-content { background: white; padding: 20px 40px; padding-top: 40px; padding-bottom: 20px; } .message-hub-dialog .read-messages-list .dot-menu, .rateData .read-messages-list .dot-menu, .transferData .read-messages-list .dot-menu, .transferSuccess .read-messages-list .dot-menu, .exchangeDetails .read-messages-list .dot-menu, .intrabankData .read-messages-list .dot-menu, .intrabankDataSuccess .read-messages-list .dot-menu, .newTemplate .read-messages-list .dot-menu { position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .notificationMsgListFilter { /*.active { border: 1px solid $color-2 !important; }*/ } .notificationMsgListFilter .transaction-filter-inner .dk-selected { transform: none; } .notificationMsgListFilter .dk-select.select.select-1.status:after, .notificationMsgListFilter .dk-select.select.select-1.categories:after { content: ""; display: block; width: 9px; height: 100%; position: absolute; top: 0; right: 18px; background: url(images/icons/arrows-2.png) 50% no-repeat; background-size: 9px; z-index: 3; } .paymentOverviewFilter .transaction-filter-inner, .cardInstallmentsFilter .transaction-filter-inner, .salariesFilter .transaction-filter-inner, .cardTurnoverFilter .transaction-filter-inner { display: flex; align-items: flex-end !important; } .accountTurnoverFilter .dk-select.select.select-1:after, .depositTurnoverFilter .dk-select.select.select-1:after { content: ""; display: block; width: 16px; height: 100%; position: absolute; top: 0; right: 18px; background: url(images/icons/arrow-down.png) 50% no-repeat; background-size: 16px; z-index: 3; } .accountTurnoverFilter .transaction-filter-inner, .depositTurnoverFilter .transaction-filter-inner { display: flex; align-items: flex-end !important; } .Forms_ActiveWorkflowListSOG .dk-select.select.select-1:after { content: ""; display: block; width: 9px; height: 100%; position: absolute; top: 0px; right: 18px; background: url(images/icons/arrows-2.png) 50% no-repeat; background-size: 9px; z-index: 3; } .MessageHubNotificationList .dk-select.select.select-1:after { content: ""; display: block; width: 9px; height: 100%; position: absolute; top: 0px; right: 18px; background: url(images/icons/arrows-2.png) 50% no-repeat; background-size: 9px; z-index: 3; } .commercial-wrapper .btn-2 { padding: 12px 15px !important; font-family: "Source-Sans-Pro-bold", sans-serif !important; box-shadow: none; transition: all .5s; border-radius: 6px; background: linear-gradient(90deg, #0079ff, #00c6ff); } .commercial-wrapper .btn-2:hover { background: linear-gradient(90deg, #006de6, #00b2e6); box-shadow: none; } .notificationMsgList .dot-menu-text-wrapper .wh-button { cursor: pointer; } .notificationMsgList .dot-menu-text-wrapper .wh-button.archive, .notificationMsgList .dot-menu-text-wrapper .wh-button.markRead { border: 1px solid #0a79b8; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); padding: 6px 11px; border-radius: 6px; } .notificationMsgList .dot-menu-text-wrapper .wh-button.archive:hover, .notificationMsgList .dot-menu-text-wrapper .wh-button.markRead:hover { box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.08); background-color: rgba(10, 121, 184, 0.1) !important; } .notificationMsgList .dot-menu-text-wrapper .wh-button.archive p, .notificationMsgList .dot-menu-text-wrapper .wh-button.markRead p { padding: 0 0 0 10px; } .notificationMsgList .filter-error-text { margin-top: 0px; } .notificationMsgList .pagination-text { font-size: 13px !important; font-family: "Source-Sans-Pro-semibold", sans-serif !important; color: rgba(0, 0, 0, 0.54); } .notificationMsgList .msgHubThreadList .sms-push-content-title { width: 64% !important; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; } .notificationMsgList .msgHubThreadList .profile-text-arrow { position: absolute; top: 50%; fill: #C7C7C7; right: 16px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .notificationMsgList .msgHubThreadList .payment-filter-box { position: relative; margin-bottom: 15px; } .notificationMsgList .msgHubThreadList .payment-filter-box.name { left: 10%; width: auto !important; } .notificationMsgList .msgHubThreadList .payment-filter-box.name svg { left: 125px; top: 5px; } .notificationMsgList .msgHubThreadList .payment-filter-box.check-item svg { left: 125px; top: 5px; } .notificationMsgList .msgHubThreadList .page-text-item-sort-first { left: 70%; margin-bottom: 5px !important; } .notificationMsgList .msgHubThreadList .page-text-item-sort-second { left: 40%; margin-bottom: 11px !important; } .notificationMsgList .msgHubThreadList .part-checkbox { display: inline-block; position: relative; left: 26px; z-index: 15; } .notificationMsgList .msgHubThreadList .part-checkbox .cc-checkbox { display: none; } .notificationMsgList .msgHubThreadList .part-checkbox .checkboxCustom .checkbox-save { display: inline-block; height: 14px; width: 14px; border: 2px solid #a2b8cf; border-radius: 2px; background: transparent; cursor: pointer; } .notificationMsgList .msgHubThreadList .part-checkbox .checkboxCustom .checkbox-save.checked .checkmark:after { content: ""; width: 18px; height: 18px; left: -2px; top: -2px; position: absolute; background: url(images/icons/checkbox.png) 0 0 no-repeat; background-size: 100%; -webkit-transition: opacity .3s; transition: opacity .3s; } .notificationMsgList .msgHubThreadList .archive-section .message { padding: 20px 70px 20px 20px; } .notificationMsgList .msgHubThreadList .archive-section .message .message-date { display: inline-block; color: rgba(0, 0, 0, 0.54); font-size: 15px; } .notificationMsgList .msgHubThreadList .archive-section .message .title { font-size: 15px; margin: 0; color: rgba(0, 0, 0, 0.87); line-height: 20px; display: inline-block; position: absolute; left: 190px; } .notificationMsgList .clientGridPager .pagination { padding-right: 20px; font-family: "Lato-Semibold", sans-serif; color: #C7C7C7; font-size: 13px; } .notificationMsgList .clientGridPager .maxPage { padding-left: 10px; } .notificationMsgList .clientGridPager .pagerButton { border: none; } .notificationMsgList .clientGridPager .currentPage { width: 40px; height: 40px; -webkit-transition: box-shadow .5s; transition: box-shadow .5s; cursor: pointer; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #b4bfcb; margin: 0 13px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #FFFFFF; border-radius: 6px; margin: 0 13px; color: rgba(0, 0, 0, 0.87); font-size: 15px; } .notificationMsgList .clientGridPager .currentPage:hover { box-shadow: 0 0 16px rgba(0, 0, 0, 0.08); } .dashboard-wrap .CurrencyExchangeV2, .dashboard-wrap .CurrencyCalculator { margin-top: 0; } .FXTrading .s-widget-title, .PaymentTransfer .s-widget-title, .CardPayment .s-widget-title, .PaymentOrderV2 .s-widget-title, .PaymentOrderV4 .s-widget-title { display: none; } .FXTrading .s-widget-body-header, .PaymentTransfer .s-widget-body-header, .CardPayment .s-widget-body-header, .PaymentOrderV2 .s-widget-body-header, .PaymentOrderV4 .s-widget-body-header { display: none !important; } .FXTrading .popup-content .dot-decoration, .PaymentTransfer .popup-content .dot-decoration, .CardPayment .popup-content .dot-decoration, .PaymentOrderV2 .popup-content .dot-decoration, .PaymentOrderV4 .popup-content .dot-decoration { right: 57px; } .FXTrading .transaction-filter-inner, .PaymentTransfer .transaction-filter-inner, .CardPayment .transaction-filter-inner, .PaymentOrderV2 .transaction-filter-inner, .PaymentOrderV4 .transaction-filter-inner { max-width: 600px; margin: auto; margin-bottom: 150px; padding: 1px; position: relative; } .FXTrading .transaction-filter-inner .no-acc, .PaymentTransfer .transaction-filter-inner .no-acc, .CardPayment .transaction-filter-inner .no-acc, .PaymentOrderV2 .transaction-filter-inner .no-acc, .PaymentOrderV4 .transaction-filter-inner .no-acc { border: 1px solid #dcdcdc; padding: 15px; text-align: center; background-color: white; border-radius: 30px; font-family: 'Source-Sans-Pro', 'sans-serif'; } .FXTrading .transaction-filter-inner .btn-2, .PaymentTransfer .transaction-filter-inner .btn-2, .CardPayment .transaction-filter-inner .btn-2, .PaymentOrderV2 .transaction-filter-inner .btn-2, .PaymentOrderV4 .transaction-filter-inner .btn-2 { display: block; max-width: 292px; margin: auto; width: 100%; cursor: pointer; } .FXTrading .transaction-filter-inner .credit-type-select-wrapper, .PaymentTransfer .transaction-filter-inner .credit-type-select-wrapper, .CardPayment .transaction-filter-inner .credit-type-select-wrapper, .PaymentOrderV2 .transaction-filter-inner .credit-type-select-wrapper, .PaymentOrderV4 .transaction-filter-inner .credit-type-select-wrapper { padding: 17px 10px 17px 16px; border: 1px solid #E8E9EC; overflow: visible; } .FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options, .PaymentTransfer .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options, .CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options, .PaymentOrderV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options, .PaymentOrderV4 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options { top: 75%; border-radius: 0; position: relative; box-shadow: none; z-index: 10; width: 100%; padding-top: 0; border-top: 2px solid #52ae30; max-height: 127px; } .FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar, .PaymentTransfer .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar, .CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar, .PaymentOrderV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar, .PaymentOrderV4 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar { background: white; width: 5px; } .FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar-track, .PaymentTransfer .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar-track, .CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar-track, .PaymentOrderV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar-track, .PaymentOrderV4 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar-track { top: 20px; background: white; } .FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar-thumb, .PaymentTransfer .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar-thumb, .CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar-thumb, .PaymentOrderV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar-thumb, .PaymentOrderV4 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar-thumb { background-color: #52ae30; border-radius: 5px; width: 4px; } .FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected, .PaymentTransfer .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected, .CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected, .PaymentOrderV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected, .PaymentOrderV4 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected { background: transparent; } .FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .custom-name, .PaymentTransfer .transaction-filter-inner .credit-type-select-wrapper .dk-select .custom-name, .CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .custom-name, .PaymentOrderV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .custom-name, .PaymentOrderV4 .transaction-filter-inner .credit-type-select-wrapper .dk-select .custom-name { font-size: 15px; color: rgba(0, 0, 0, 0.87); } .FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .acc-number, .PaymentTransfer .transaction-filter-inner .credit-type-select-wrapper .dk-select .acc-number, .CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .acc-number, .PaymentOrderV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .acc-number, .PaymentOrderV4 .transaction-filter-inner .credit-type-select-wrapper .dk-select .acc-number { color: #C7C7C7; font-size: 15px; } .FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected, .PaymentTransfer .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected, .CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected, .PaymentOrderV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected, .PaymentOrderV4 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected { border: none; border-radius: 0; padding: 0; position: relative; } .FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected.recDialog, .PaymentTransfer .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected.recDialog, .CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected.recDialog, .PaymentOrderV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected.recDialog, .PaymentOrderV4 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected.recDialog { pointer-events: none; } .FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected:after, .PaymentTransfer .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected:after, .CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected:after, .PaymentOrderV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected:after, .PaymentOrderV4 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected:after { right: 0; } .FXTrading .transaction-filter-inner .input-amount, .PaymentTransfer .transaction-filter-inner .input-amount, .CardPayment .transaction-filter-inner .input-amount, .PaymentOrderV2 .transaction-filter-inner .input-amount, .PaymentOrderV4 .transaction-filter-inner .input-amount { border: 1px solid #E8E9EC; padding: 0; padding-left: 16px; width: 97%; } .FXTrading .transaction-filter-inner label, .PaymentTransfer .transaction-filter-inner label, .CardPayment .transaction-filter-inner label, .PaymentOrderV2 .transaction-filter-inner label, .PaymentOrderV4 .transaction-filter-inner label { padding: 0 16px; display: block; } .FXTrading .transaction-filter-inner .buttons-wrapper, .PaymentTransfer .transaction-filter-inner .buttons-wrapper, .CardPayment .transaction-filter-inner .buttons-wrapper, .PaymentOrderV2 .transaction-filter-inner .buttons-wrapper, .PaymentOrderV4 .transaction-filter-inner .buttons-wrapper { top: 100px !important; position: relative; display: flex; justify-content: center; align-items: center; } .FXTrading .transaction-filter-inner .buttons-wrapper .debt-btn, .PaymentTransfer .transaction-filter-inner .buttons-wrapper .debt-btn, .CardPayment .transaction-filter-inner .buttons-wrapper .debt-btn, .PaymentOrderV2 .transaction-filter-inner .buttons-wrapper .debt-btn, .PaymentOrderV4 .transaction-filter-inner .buttons-wrapper .debt-btn { width: 120px; text-align: center; border: 1px solid #52ae30; border-radius: 25px; color: #52ae30; margin: 0; padding: 9px 16px; transition: color .3s; cursor: pointer; font-family: 'Source-Sans-Pro-semibold', 'sans-serif'; } .FXTrading .transaction-filter-inner .buttons-wrapper .debt-btn:first-child, .PaymentTransfer .transaction-filter-inner .buttons-wrapper .debt-btn:first-child, .CardPayment .transaction-filter-inner .buttons-wrapper .debt-btn:first-child, .PaymentOrderV2 .transaction-filter-inner .buttons-wrapper .debt-btn:first-child, .PaymentOrderV4 .transaction-filter-inner .buttons-wrapper .debt-btn:first-child { margin-right: 20px; } .FXTrading .transaction-filter-inner .buttons-wrapper .debt-btn.active, .PaymentTransfer .transaction-filter-inner .buttons-wrapper .debt-btn.active, .CardPayment .transaction-filter-inner .buttons-wrapper .debt-btn.active, .PaymentOrderV2 .transaction-filter-inner .buttons-wrapper .debt-btn.active, .PaymentOrderV4 .transaction-filter-inner .buttons-wrapper .debt-btn.active { background-color: #52ae30; color: white; } .FXTrading .transaction-filter-inner .buttons-wrapper .debt-btn .title, .PaymentTransfer .transaction-filter-inner .buttons-wrapper .debt-btn .title, .CardPayment .transaction-filter-inner .buttons-wrapper .debt-btn .title, .PaymentOrderV2 .transaction-filter-inner .buttons-wrapper .debt-btn .title, .PaymentOrderV4 .transaction-filter-inner .buttons-wrapper .debt-btn .title { display: block; position: relative; top: 0; padding: 0; left: 0; font-size: 11px; line-height: 1.2; pointer-events: none; } .FXTrading .transaction-filter-inner .buttons-wrapper .debt-btn .amount, .PaymentTransfer .transaction-filter-inner .buttons-wrapper .debt-btn .amount, .CardPayment .transaction-filter-inner .buttons-wrapper .debt-btn .amount, .PaymentOrderV2 .transaction-filter-inner .buttons-wrapper .debt-btn .amount, .PaymentOrderV4 .transaction-filter-inner .buttons-wrapper .debt-btn .amount { display: block; font-size: 14px; pointer-events: none; } .FXTrading .user-account-info-cards-wrapper, .PaymentTransfer .user-account-info-cards-wrapper, .CardPayment .user-account-info-cards-wrapper, .PaymentOrderV2 .user-account-info-cards-wrapper, .PaymentOrderV4 .user-account-info-cards-wrapper { margin-bottom: 70px; } .FXTrading .user-account-card-outer, .PaymentTransfer .user-account-card-outer, .CardPayment .user-account-card-outer, .PaymentOrderV2 .user-account-card-outer, .PaymentOrderV4 .user-account-card-outer { width: 100%; } .FXTrading .user-account-card-outer .user-account-card, .PaymentTransfer .user-account-card-outer .user-account-card, .CardPayment .user-account-card-outer .user-account-card, .PaymentOrderV2 .user-account-card-outer .user-account-card, .PaymentOrderV4 .user-account-card-outer .user-account-card { border-radius: 16px; padding: 35px 40px; } .FXTrading .user-account-card-outer .user-account-card .account-intro-inner, .PaymentTransfer .user-account-card-outer .user-account-card .account-intro-inner, .CardPayment .user-account-card-outer .user-account-card .account-intro-inner, .PaymentOrderV2 .user-account-card-outer .user-account-card .account-intro-inner, .PaymentOrderV4 .user-account-card-outer .user-account-card .account-intro-inner { width: 100%; } .FXTrading .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-balance small, .PaymentTransfer .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-balance small, .CardPayment .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-balance small, .PaymentOrderV2 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-balance small, .PaymentOrderV4 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-balance small { display: inline; color: #8294a8; font-weight: 600; font-size: 15px; } .FXTrading .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-balance h2, .PaymentTransfer .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-balance h2, .CardPayment .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-balance h2, .PaymentOrderV2 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-balance h2, .PaymentOrderV4 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-balance h2 { display: inline; } .FXTrading .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title, .PaymentTransfer .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title, .CardPayment .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title, .PaymentOrderV2 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title, .PaymentOrderV4 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title { padding-left: 40px; width: 50%; } .FXTrading .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title .account-card-text, .PaymentTransfer .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title .account-card-text, .CardPayment .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title .account-card-text, .PaymentOrderV2 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title .account-card-text, .PaymentOrderV4 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title .account-card-text { width: calc(100% - 80px); padding-left: 16px; } .FXTrading .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title .user-account-card-img.accounts, .PaymentTransfer .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title .user-account-card-img.accounts, .CardPayment .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title .user-account-card-img.accounts, .PaymentOrderV2 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title .user-account-card-img.accounts, .PaymentOrderV4 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title .user-account-card-img.accounts { width: 50px; height: 50px; /*box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);*/ overflow: hidden; /*background-image: url(images/icons/home-acc-pic.jpg); */ background-repeat: no-repeat; background-position: center; background-size: contain; } .FXTrading .user-account-card-outer .user-account-card .account-detail-menu, .PaymentTransfer .user-account-card-outer .user-account-card .account-detail-menu, .CardPayment .user-account-card-outer .user-account-card .account-detail-menu, .PaymentOrderV2 .user-account-card-outer .user-account-card .account-detail-menu, .PaymentOrderV4 .user-account-card-outer .user-account-card .account-detail-menu { width: 100px; padding-right: 40px; } .FXTrading .user-account-card-outer .user-account-card .account-detail-menu .account-detail-arrow, .PaymentTransfer .user-account-card-outer .user-account-card .account-detail-menu .account-detail-arrow, .CardPayment .user-account-card-outer .user-account-card .account-detail-menu .account-detail-arrow, .PaymentOrderV2 .user-account-card-outer .user-account-card .account-detail-menu .account-detail-arrow, .PaymentOrderV4 .user-account-card-outer .user-account-card .account-detail-menu .account-detail-arrow { fill: #52ae30; width: 8px; height: 14px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .FXTrading .user-account-card-outer .user-account-card .account-detail-menu .account-card-btn, .PaymentTransfer .user-account-card-outer .user-account-card .account-detail-menu .account-card-btn, .CardPayment .user-account-card-outer .user-account-card .account-detail-menu .account-card-btn, .PaymentOrderV2 .user-account-card-outer .user-account-card .account-detail-menu .account-card-btn, .PaymentOrderV4 .user-account-card-outer .user-account-card .account-detail-menu .account-card-btn { width: 40px; height: 40px; border-radius: 50%; border: 1px solid #DCDCDC; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; user-select: none; background-color: #efefef; } .FXTrading .user-account-card-outer .wrapper, .PaymentTransfer .user-account-card-outer .wrapper, .CardPayment .user-account-card-outer .wrapper, .PaymentOrderV2 .user-account-card-outer .wrapper, .PaymentOrderV4 .user-account-card-outer .wrapper { width: -webkit-calc(100% - 160px); -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .FXTrading .user-account-card-outer .wrapper.account-card-img, .PaymentTransfer .user-account-card-outer .wrapper.account-card-img, .CardPayment .user-account-card-outer .wrapper.account-card-img, .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img, .PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img { -webkit-transition: background-color .5s; transition: background-color .5s; width: 100%; } .FXTrading .user-account-card-outer .wrapper.account-card-img:hover, .PaymentTransfer .user-account-card-outer .wrapper.account-card-img:hover, .CardPayment .user-account-card-outer .wrapper.account-card-img:hover, .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img:hover, .PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img:hover { background-color: #F5F5F5 !important; } .FXTrading .user-account-card-outer .wrapper.account-card-img:hover .profile-text-arrow, .PaymentTransfer .user-account-card-outer .wrapper.account-card-img:hover .profile-text-arrow, .CardPayment .user-account-card-outer .wrapper.account-card-img:hover .profile-text-arrow, .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img:hover .profile-text-arrow, .PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img:hover .profile-text-arrow { -webkit-transform: translate(10px); transform: translate(10px); } .FXTrading .user-account-card-outer .wrapper.account-card-img .user-account-card-img, .PaymentTransfer .user-account-card-outer .wrapper.account-card-img .user-account-card-img, .CardPayment .user-account-card-outer .wrapper.account-card-img .user-account-card-img, .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .user-account-card-img, .PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img .user-account-card-img { display: none; } .FXTrading .user-account-card-outer .wrapper.account-card-img .user-account-card-img.background-5, .PaymentTransfer .user-account-card-outer .wrapper.account-card-img .user-account-card-img.background-5, .CardPayment .user-account-card-outer .wrapper.account-card-img .user-account-card-img.background-5, .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .user-account-card-img.background-5, .PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img .user-account-card-img.background-5 { display: block; background-image: none; width: 40px; height: 40px; border-radius: 50%; } .FXTrading .user-account-card-outer .wrapper.account-card-img .user-account-card-img.background-5 svg, .PaymentTransfer .user-account-card-outer .wrapper.account-card-img .user-account-card-img.background-5 svg, .CardPayment .user-account-card-outer .wrapper.account-card-img .user-account-card-img.background-5 svg, .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .user-account-card-img.background-5 svg, .PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img .user-account-card-img.background-5 svg { width: 24px; height: 19px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .FXTrading .user-account-card-outer .wrapper.account-card-img .profile-text-arrow, .PaymentTransfer .user-account-card-outer .wrapper.account-card-img .profile-text-arrow, .CardPayment .user-account-card-outer .wrapper.account-card-img .profile-text-arrow, .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .profile-text-arrow, .PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img .profile-text-arrow { display: block; fill: #C7C7C7; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s,-webkit-transform .5s; width: 7px; height: 12px; right: 1px; position: relative; top: -10px; } .FXTrading .user-account-card-outer .wrapper.account-card-img .account-detail-menu, .PaymentTransfer .user-account-card-outer .wrapper.account-card-img .account-detail-menu, .CardPayment .user-account-card-outer .wrapper.account-card-img .account-detail-menu, .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-detail-menu, .PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img .account-detail-menu { display: none; } .FXTrading .user-account-card-outer .wrapper.account-card-img .account-intro-inner, .PaymentTransfer .user-account-card-outer .wrapper.account-card-img .account-intro-inner, .CardPayment .user-account-card-outer .wrapper.account-card-img .account-intro-inner, .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner, .PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img .account-intro-inner { width: calc(100% - 100px); width: -webkit-calc(100% - 100px); padding: 15px 95px 15px 0px; border-bottom: 1px solid #DCDCDC; width: 100%; } .FXTrading .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title, .PaymentTransfer .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title, .CardPayment .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title, .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title, .PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title { padding-left: 40px; } .FXTrading .user-account-card-outer .wrapper.account-card-img .account-intro-inner .account-card-text, .PaymentTransfer .user-account-card-outer .wrapper.account-card-img .account-intro-inner .account-card-text, .CardPayment .user-account-card-outer .wrapper.account-card-img .account-intro-inner .account-card-text, .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .account-card-text, .PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .account-card-text { padding-left: 20px; } .FXTrading .user-account-card-outer .wrapper.account-card-img .account-intro-inner.lastBorder, .PaymentTransfer .user-account-card-outer .wrapper.account-card-img .account-intro-inner.lastBorder, .CardPayment .user-account-card-outer .wrapper.account-card-img .account-intro-inner.lastBorder, .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner.lastBorder, .PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img .account-intro-inner.lastBorder { border-bottom: none !important; } .FXTrading .user-account-card-outer .wrapper.account-card-img .account-card-text h2, .PaymentTransfer .user-account-card-outer .wrapper.account-card-img .account-card-text h2, .CardPayment .user-account-card-outer .wrapper.account-card-img .account-card-text h2, .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-card-text h2, .PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img .account-card-text h2 { font-family: "Source-Sans-Pro-bold", sans-serif; font-size: 20px; } .FXTrading .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance h2, .PaymentTransfer .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance h2, .CardPayment .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance h2, .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance h2, .PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance h2 { font-family: "Source-Sans-Pro-bold", sans-serif; font-size: 20px; display: inline; } .FXTrading .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance small, .PaymentTransfer .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance small, .CardPayment .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance small, .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance small, .PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance small { display: inline; color: #8294a8; font-weight: 600; font-size: 15px; top: 0px; } .FXTrading .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance.right, .PaymentTransfer .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance.right, .CardPayment .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance.right, .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance.right, .PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance.right { cursor: pointer; } .FXTrading .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text, .PaymentTransfer .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text, .CardPayment .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text, .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text, .PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text { display: inline-block; margin-right: 32px; } .FXTrading .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance.right svg, .PaymentTransfer .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance.right svg, .CardPayment .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance.right svg, .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance.right svg, .PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance.right svg { display: inline-block; } .FXTrading .user-account-card-outer .wrapper.account-card-img.selected, .PaymentTransfer .user-account-card-outer .wrapper.account-card-img.selected, .CardPayment .user-account-card-outer .wrapper.account-card-img.selected, .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img.selected, .PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img.selected { background-image: linear-gradient(to bottom, rgba(54, 57, 164, 0.1), transparent); margin-top: 40px; } .rateData .accountDetailsPopup, .transferData .accountDetailsPopup, .transferSuccess .accountDetailsPopup, .exchangeDetails .accountDetailsPopup, .intrabankData .accountDetailsPopup, .intrabankDataSuccess .accountDetailsPopup, .newTemplate .accountDetailsPopup { height: 89vh !important; padding-top: 0 !important; } .rateData .accountDetailsPopup .read-messages-list .all-account-popup-title, .transferData .accountDetailsPopup .read-messages-list .all-account-popup-title, .transferSuccess .accountDetailsPopup .read-messages-list .all-account-popup-title, .exchangeDetails .accountDetailsPopup .read-messages-list .all-account-popup-title, .intrabankData .accountDetailsPopup .read-messages-list .all-account-popup-title, .intrabankDataSuccess .accountDetailsPopup .read-messages-list .all-account-popup-title, .newTemplate .accountDetailsPopup .read-messages-list .all-account-popup-title { padding: 0 !important; margin: 30px 0; } .rateData .accountDetailsPopup .read-messages-list .all-account-popup-title.template, .transferData .accountDetailsPopup .read-messages-list .all-account-popup-title.template, .transferSuccess .accountDetailsPopup .read-messages-list .all-account-popup-title.template, .exchangeDetails .accountDetailsPopup .read-messages-list .all-account-popup-title.template, .intrabankData .accountDetailsPopup .read-messages-list .all-account-popup-title.template, .intrabankDataSuccess .accountDetailsPopup .read-messages-list .all-account-popup-title.template, .newTemplate .accountDetailsPopup .read-messages-list .all-account-popup-title.template { margin-top: 0 !important; } .rateData .accountDetailsPopup .read-messages-list .all-account-popup-title h3, .transferData .accountDetailsPopup .read-messages-list .all-account-popup-title h3, .transferSuccess .accountDetailsPopup .read-messages-list .all-account-popup-title h3, .exchangeDetails .accountDetailsPopup .read-messages-list .all-account-popup-title h3, .intrabankData .accountDetailsPopup .read-messages-list .all-account-popup-title h3, .intrabankDataSuccess .accountDetailsPopup .read-messages-list .all-account-popup-title h3, .newTemplate .accountDetailsPopup .read-messages-list .all-account-popup-title h3 { margin: 0 auto !important; } .rateData .accountDetailsPopup .account-item-inner.optiscroll, .transferData .accountDetailsPopup .account-item-inner.optiscroll, .transferSuccess .accountDetailsPopup .account-item-inner.optiscroll, .exchangeDetails .accountDetailsPopup .account-item-inner.optiscroll, .intrabankData .accountDetailsPopup .account-item-inner.optiscroll, .intrabankDataSuccess .accountDetailsPopup .account-item-inner.optiscroll, .newTemplate .accountDetailsPopup .account-item-inner.optiscroll { height: 100% !important; position: relative; } .rateData .accountDetailsPopup .account-item-inner.optiscroll.recDialog, .transferData .accountDetailsPopup .account-item-inner.optiscroll.recDialog, .transferSuccess .accountDetailsPopup .account-item-inner.optiscroll.recDialog, .exchangeDetails .accountDetailsPopup .account-item-inner.optiscroll.recDialog, .intrabankData .accountDetailsPopup .account-item-inner.optiscroll.recDialog, .intrabankDataSuccess .accountDetailsPopup .account-item-inner.optiscroll.recDialog, .newTemplate .accountDetailsPopup .account-item-inner.optiscroll.recDialog { height: 100% !important; } .rateData .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll, .transferData .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll, .transferSuccess .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll, .exchangeDetails .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll, .intrabankData .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll, .intrabankDataSuccess .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll, .newTemplate .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll { overflow-y: auto !important; } .rateData .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll.overflow-hidden, .transferData .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll.overflow-hidden, .transferSuccess .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll.overflow-hidden, .exchangeDetails .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll.overflow-hidden, .intrabankData .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll.overflow-hidden, .intrabankDataSuccess .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll.overflow-hidden, .newTemplate .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll.overflow-hidden { overflow-y: hidden !important; } .rateData .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar, .transferData .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar, .transferSuccess .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar, .exchangeDetails .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar, .intrabankData .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar, .intrabankDataSuccess .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar, .newTemplate .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar { background: white; width: 5px; } .rateData .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar-track, .transferData .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar-track, .transferSuccess .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar-track, .exchangeDetails .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar-track, .intrabankData .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar-track, .intrabankDataSuccess .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar-track, .newTemplate .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar-track { top: 20px; background: white; } .rateData .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar-thumb, .transferData .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar-thumb, .transferSuccess .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar-thumb, .exchangeDetails .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar-thumb, .intrabankData .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar-thumb, .intrabankDataSuccess .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar-thumb, .newTemplate .accountDetailsPopup .account-item-inner.optiscroll.recDialog .account-inter-inner-scroll::-webkit-scrollbar-thumb { background-color: #52ae30; border-radius: 5px; width: 4px; } .rateData .accountDetailsPopup .account-item-inner.optiscroll .account-inter-inner-scroll, .transferData .accountDetailsPopup .account-item-inner.optiscroll .account-inter-inner-scroll, .transferSuccess .accountDetailsPopup .account-item-inner.optiscroll .account-inter-inner-scroll, .exchangeDetails .accountDetailsPopup .account-item-inner.optiscroll .account-inter-inner-scroll, .intrabankData .accountDetailsPopup .account-item-inner.optiscroll .account-inter-inner-scroll, .intrabankDataSuccess .accountDetailsPopup .account-item-inner.optiscroll .account-inter-inner-scroll, .newTemplate .accountDetailsPopup .account-item-inner.optiscroll .account-inter-inner-scroll { height: 100% !important; display: block; padding-right: 25px !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; overflow: hidden; } .rateData .accountDetailsPopup .account-item-inner.optiscroll .account-inter-inner-scroll.hidden, .transferData .accountDetailsPopup .account-item-inner.optiscroll .account-inter-inner-scroll.hidden, .transferSuccess .accountDetailsPopup .account-item-inner.optiscroll .account-inter-inner-scroll.hidden, .exchangeDetails .accountDetailsPopup .account-item-inner.optiscroll .account-inter-inner-scroll.hidden, .intrabankData .accountDetailsPopup .account-item-inner.optiscroll .account-inter-inner-scroll.hidden, .intrabankDataSuccess .accountDetailsPopup .account-item-inner.optiscroll .account-inter-inner-scroll.hidden, .newTemplate .accountDetailsPopup .account-item-inner.optiscroll .account-inter-inner-scroll.hidden { overflow: hidden !important; } .rateData .accountDetailsPopup .popup-btn-wrapper, .transferData .accountDetailsPopup .popup-btn-wrapper, .transferSuccess .accountDetailsPopup .popup-btn-wrapper, .exchangeDetails .accountDetailsPopup .popup-btn-wrapper, .intrabankData .accountDetailsPopup .popup-btn-wrapper, .intrabankDataSuccess .accountDetailsPopup .popup-btn-wrapper, .newTemplate .accountDetailsPopup .popup-btn-wrapper { position: relative; padding: 0 40px; padding-bottom: 50px !important; } .rateData .accountDetailsPopup .popup-btn-wrapper a, .transferData .accountDetailsPopup .popup-btn-wrapper a, .transferSuccess .accountDetailsPopup .popup-btn-wrapper a, .exchangeDetails .accountDetailsPopup .popup-btn-wrapper a, .intrabankData .accountDetailsPopup .popup-btn-wrapper a, .intrabankDataSuccess .accountDetailsPopup .popup-btn-wrapper a, .newTemplate .accountDetailsPopup .popup-btn-wrapper a { width: 36%; } .rateData .accountDetailsPopup .popup-btn-wrapper a:nth-child(2), .transferData .accountDetailsPopup .popup-btn-wrapper a:nth-child(2), .transferSuccess .accountDetailsPopup .popup-btn-wrapper a:nth-child(2), .exchangeDetails .accountDetailsPopup .popup-btn-wrapper a:nth-child(2), .intrabankData .accountDetailsPopup .popup-btn-wrapper a:nth-child(2), .intrabankDataSuccess .accountDetailsPopup .popup-btn-wrapper a:nth-child(2), .newTemplate .accountDetailsPopup .popup-btn-wrapper a:nth-child(2) { color: white !important; } .Forms_ActiveWorkflowListSOG .transaction-calendar, .FXTrading .transaction-calendar, .PaymentTransfer .transaction-calendar, .CardPayment .transaction-calendar, .PaymentOrderV2 .transaction-calendar, .PaymentOrderV4 .transaction-calendar { position: relative; } .Forms_ActiveWorkflowListSOG .transaction-calendar .input-1, .FXTrading .transaction-calendar .input-1, .PaymentTransfer .transaction-calendar .input-1, .CardPayment .transaction-calendar .input-1, .PaymentOrderV2 .transaction-calendar .input-1, .PaymentOrderV4 .transaction-calendar .input-1 { padding-left: 16px; padding-bottom: 0; padding-top: 0; padding-right: 0; } .Forms_ActiveWorkflowListSOG .transaction-calendar img, .FXTrading .transaction-calendar img, .PaymentTransfer .transaction-calendar img, .CardPayment .transaction-calendar img, .PaymentOrderV2 .transaction-calendar img, .PaymentOrderV4 .transaction-calendar img { width: 18px; height: 18px; right: 16px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; } .payment-calendar { width: 600px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; } .payment-calendar#ui-datepicker-div { background: white !important; top: 1029px !important; border-radius: 12px !important; box-shadow: 0 8px 8px rgba(0, 0, 0, 0.12); } .payment-calendar .ui-widget-header { background: white !important; } .payment-calendar .ui-datepicker-calendar td a { margin: 0 auto; } .testClass { display: block; width: 80px; height: 80px; border-radius: 50%; background-image: url("images/icons/error-icon.png"); } .height-fit { height: fit-content !important; } .width-fit { width: fit-content !important; } .transferSuccess .read-messages-list .popup-ammount-wrapper .popup-ammount-ico-wrapper, .exchangeDetails .read-messages-list .popup-ammount-wrapper .popup-ammount-ico-wrapper, .intrabankDataSuccess .read-messages-list .popup-ammount-wrapper .popup-ammount-ico-wrapper, .newTemplate .read-messages-list .popup-ammount-wrapper .popup-ammount-ico-wrapper { background-image: none; } .transferSuccess .read-messages-list .popup-ammount-wrapper .popup-ammount-ico-wrapper svg, .exchangeDetails .read-messages-list .popup-ammount-wrapper .popup-ammount-ico-wrapper svg, .intrabankDataSuccess .read-messages-list .popup-ammount-wrapper .popup-ammount-ico-wrapper svg, .newTemplate .read-messages-list .popup-ammount-wrapper .popup-ammount-ico-wrapper svg { position: absolute; width: 28px; height: 28px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .transferSuccess .read-messages-list a, .exchangeDetails .read-messages-list a, .intrabankDataSuccess .read-messages-list a, .newTemplate .read-messages-list a { color: rgba(0, 0, 0, 0.87) !important; } .transferSuccess .read-messages-list .dot-menu, .exchangeDetails .read-messages-list .dot-menu, .intrabankDataSuccess .read-messages-list .dot-menu, .newTemplate .read-messages-list .dot-menu { top: unset; right: unset; position: relative; transform: none; } .transferSuccess .read-messages-list .transaction-popup-option p, .exchangeDetails .read-messages-list .transaction-popup-option p, .intrabankDataSuccess .read-messages-list .transaction-popup-option p, .newTemplate .read-messages-list .transaction-popup-option p { width: calc(100% - 100px) !important; padding: 0 25px 35px 16px; } .transferSuccess .read-messages-list .transaction-popup-option p svg, .exchangeDetails .read-messages-list .transaction-popup-option p svg, .intrabankDataSuccess .read-messages-list .transaction-popup-option p svg, .newTemplate .read-messages-list .transaction-popup-option p svg { float: right; } .transferSuccess .accountDetailsPopup .popup-btn-wrapper a, .exchangeDetails .accountDetailsPopup .popup-btn-wrapper a, .intrabankDataSuccess .accountDetailsPopup .popup-btn-wrapper a, .newTemplate .accountDetailsPopup .popup-btn-wrapper a { width: 100%; color: white !important; } .transferSuccess .account-item-inner.optiscroll .account-inter-inner-scroll, .exchangeDetails .account-item-inner.optiscroll .account-inter-inner-scroll, .intrabankDataSuccess .account-item-inner.optiscroll .account-inter-inner-scroll, .newTemplate .account-item-inner.optiscroll .account-inter-inner-scroll { overflow-y: scroll !important; } .transactionDetails .TransactionDetails .account-item-inner.optiscroll, .intrabankTransferDetail .TransactionDetails .account-item-inner.optiscroll { overflow-y: scroll !important; } .exchangeDetails .account-item-inner.optiscroll .account-inter-inner-scroll, .intrabankDataSuccess .account-item-inner.optiscroll .account-inter-inner-scroll, .newTemplate .account-item-inner.optiscroll .account-inter-inner-scroll { overflow-y: hidden !important; } .PaymentOrderV2 .checkbox-save, .PaymentOrderV4 .checkbox-save { display: inline; position: relative; } .PaymentOrderV2 .checkbox-save .checkmark, .PaymentOrderV4 .checkbox-save .checkmark { position: absolute; top: 0; height: 14px; width: 14px; border: 2px solid #a2b8cf; border-radius: 2px; background: transparent; cursor: pointer; left: 10px; z-index: 2; } .PaymentOrderV2 .checkbox-save .checkmark:after, .PaymentOrderV4 .checkbox-save .checkmark:after { content: ""; width: 18px; height: 18px; left: -2px; top: -2px; position: absolute; background: url(images/icons/checkbox.png) 0 0 no-repeat; background-size: 100%; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; } .PaymentOrderV2 .checkbox-save.checked .checkmark:after, .PaymentOrderV4 .checkbox-save.checked .checkmark:after { opacity: 1; } .PaymentOrderV2 .checkbox-save.unchecked .checkmark:after, .PaymentOrderV4 .checkbox-save.unchecked .checkmark:after { opacity: 0; } .PaymentOrderV2 .payment-form-checkbox-label, .PaymentOrderV4 .payment-form-checkbox-label { padding-left: 40px !important; display: inline !important; } .PaymentOrderV2 .templateName, .PaymentOrderV4 .templateName { display: inline; } .PaymentOrderV2 .templateName input, .PaymentOrderV4 .templateName input { border: 1px solid #E8E9EC !important; padding: 8px !important; border-radius: 8px !important; } .PaymentOrderV2 .dk-select.select-1, .PaymentOrderV2 .btnExecute, .PaymentOrderV4 .dk-select.select-1, .PaymentOrderV4 .btnExecute { cursor: pointer; border-radius: 30px !important; } .PaymentOrderV2 .transaction-calendar input, .PaymentOrderV4 .transaction-calendar input { cursor: pointer !important; } .PaymentOrderV2 .wrapper, .PaymentOrderV4 .wrapper { width: -webkit-calc(100% - 160px); width: calc(100% - 0px); -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .PaymentOrderV2 .wrapper.account-card-img, .PaymentOrderV4 .wrapper.account-card-img { -webkit-transition: background-color .5s; transition: background-color .5s; } .PaymentOrderV2 .wrapper.account-card-img.selected, .PaymentOrderV4 .wrapper.account-card-img.selected { background-image: linear-gradient(to bottom, rgba(54, 57, 164, 0.1), transparent); margin-top: 40px; } .PaymentOrderV2 .wrapper.account-card-img:hover, .PaymentOrderV4 .wrapper.account-card-img:hover { background-color: #F5F5F5 !important; } .PaymentOrderV2 .wrapper.account-card-img:hover .profile-text-arrow, .PaymentOrderV4 .wrapper.account-card-img:hover .profile-text-arrow { -webkit-transform: translate(10px); transform: translate(10px); } .PaymentOrderV2 .wrapper.account-card-img .user-account-card-img, .PaymentOrderV4 .wrapper.account-card-img .user-account-card-img { display: none; } .PaymentOrderV2 .wrapper.account-card-img .user-account-card-img.background-5, .PaymentOrderV4 .wrapper.account-card-img .user-account-card-img.background-5 { display: block; background-image: none; width: 40px; height: 40px; border-radius: 50%; } .PaymentOrderV2 .wrapper.account-card-img .user-account-card-img.background-5 svg, .PaymentOrderV4 .wrapper.account-card-img .user-account-card-img.background-5 svg { width: 24px; height: 19px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .PaymentOrderV2 .wrapper.account-card-img .profile-text-arrow, .PaymentOrderV4 .wrapper.account-card-img .profile-text-arrow { display: block; fill: #C7C7C7; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s,-webkit-transform .5s; width: 7px; height: 12px; position: absolute; right: 6%; } .PaymentOrderV2 .wrapper.account-card-img .account-detail-menu, .PaymentOrderV4 .wrapper.account-card-img .account-detail-menu { display: none; } .PaymentOrderV2 .wrapper.account-card-img .account-intro-inner, .PaymentOrderV4 .wrapper.account-card-img .account-intro-inner { width: calc(100% - 100px); width: -webkit-calc(100% - 100px); padding: 15px 95px 15px 0px; border-bottom: 1px solid #DCDCDC; width: 100%; } .PaymentOrderV2 .wrapper.account-card-img .account-intro-inner .accounts-intro-title, .PaymentOrderV4 .wrapper.account-card-img .account-intro-inner .accounts-intro-title { padding-left: 40px; } .PaymentOrderV2 .wrapper.account-card-img .account-intro-inner .account-card-text, .PaymentOrderV4 .wrapper.account-card-img .account-intro-inner .account-card-text { padding-left: 20px; } .PaymentOrderV2 .wrapper.account-card-img .account-intro-inner.lastBorder, .PaymentOrderV4 .wrapper.account-card-img .account-intro-inner.lastBorder { border-bottom: none !important; } .PaymentOrderV2 .wrapper.account-card-img .account .account-card-text h2, .PaymentOrderV4 .wrapper.account-card-img .account .account-card-text h2 { font-family: "Source-Sans-Pro-bold", sans-serif; font-size: 20px; } .PaymentOrderV2 .wrapper.account-card-img .accounts-intro-balance h2, .PaymentOrderV4 .wrapper.account-card-img .accounts-intro-balance h2 { font-family: "Source-Sans-Pro-bold", sans-serif; font-size: 20px; display: inline; } .PaymentOrderV2 .wrapper.account-card-img .accounts-intro-balance small, .PaymentOrderV4 .wrapper.account-card-img .accounts-intro-balance small { display: inline; color: #8294a8; font-weight: 600; font-size: 15px; } .FXTrading .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .accounts-intro-balance, .CardPayment .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .accounts-intro-balance, .PaymentTransfer .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .accounts-intro-balance { margin-right: -33px; } .FXTrading .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title, .CardPayment .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title, .PaymentTransfer .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title { padding-left: 0px !important; } .FXTrading .user-account-card-outer .user-account-card .account-detail-menu, .CardPayment .user-account-card-outer .user-account-card .account-detail-menu, .PaymentTransfer .user-account-card-outer .user-account-card .account-detail-menu { width: 40px; padding-right: 20px; } .FXTrading .transaction-filter-inner .btn-2, .CardPayment .transaction-filter-inner .btn-2, .PaymentTransfer .transaction-filter-inner .btn-2 { border-radius: 38px; transition: all .5s; margin-top: 75px; max-width: 600px !important; } .FXTrading .transaction-filter-inner .btn-2:hover, .CardPayment .transaction-filter-inner .btn-2:hover, .PaymentTransfer .transaction-filter-inner .btn-2:hover { background-color: #2A7F00; box-shadow: 0 0 14px rgba(54, 60, 164, 0.4); } .FXTrading .transaction-filter-inner .btn-2.disabled, .CardPayment .transaction-filter-inner .btn-2.disabled, .PaymentTransfer .transaction-filter-inner .btn-2.disabled { pointer-events: none; cursor: not-allowed; } .FXTrading .transaction-filter-inner .dk-selected, .CardPayment .transaction-filter-inner .dk-selected, .PaymentTransfer .transaction-filter-inner .dk-selected { min-height: 18px !important; } .FXTrading .transaction-filter-inner .dk-selected:after, .CardPayment .transaction-filter-inner .dk-selected:after, .PaymentTransfer .transaction-filter-inner .dk-selected:after { background: url(images/icons/arrow-down.png) 50% no-repeat !important; background-size: 16px !important; top: 0px; right: 10px !important; width: 16px; height: 100%; } .FXTrading .transaction-filter-inner .input-amount, .CardPayment .transaction-filter-inner .input-amount, .PaymentTransfer .transaction-filter-inner .input-amount { padding: 11px; font-size: 15px; font-family: "Source-Sans-Pro-bold", sans-serif; height: 26px; border: 1px solid #b4bfcb; } .FXTrading .transaction-filter-inner .input-amount.borderError, .CardPayment .transaction-filter-inner .input-amount.borderError, .PaymentTransfer .transaction-filter-inner .input-amount.borderError { border: 1px solid red; } .FXTrading .transaction-filter-inner .input-amount.disabled, .CardPayment .transaction-filter-inner .input-amount.disabled, .PaymentTransfer .transaction-filter-inner .input-amount.disabled { background: #efefef; pointer-events: none; color: gray; cursor: not-allowed; } .FXTrading .transaction-filter-inner label, .CardPayment .transaction-filter-inner label, .PaymentTransfer .transaction-filter-inner label { top: 8px; left: 24px; padding: 0 24px 0 0; z-index: 1; } .FXTrading .transaction-filter-inner label.txt, .CardPayment .transaction-filter-inner label.txt, .PaymentTransfer .transaction-filter-inner label.txt { color: #52ae30; font-size: 12px; z-index: 4; } .FXTrading .transaction-filter-inner label.zIndex, .CardPayment .transaction-filter-inner label.zIndex, .PaymentTransfer .transaction-filter-inner label.zIndex { z-index: 11; } .FXTrading .transaction-filter-inner label.debt-repayment, .CardPayment .transaction-filter-inner label.debt-repayment, .PaymentTransfer .transaction-filter-inner label.debt-repayment { font-size: 12px; } .FXTrading .transaction-filter-inner .amount-currency, .CardPayment .transaction-filter-inner .amount-currency, .PaymentTransfer .transaction-filter-inner .amount-currency { position: absolute; top: 50%; right: 16px; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0; } .FXTrading .transaction-filter-inner .credit-type-select-wrapper, .CardPayment .transaction-filter-inner .credit-type-select-wrapper, .PaymentTransfer .transaction-filter-inner .credit-type-select-wrapper { padding: 13px 0 13px 24px; border: 1px solid #dcdcdc !important; border: none; border-radius: 6px; width: 97%; height: 22px; } .FXTrading .transaction-filter-inner .credit-type-select-wrapper.txt, .CardPayment .transaction-filter-inner .credit-type-select-wrapper.txt, .PaymentTransfer .transaction-filter-inner .credit-type-select-wrapper.txt { padding-top: 17px !important; position: absolute; z-index: 3; } .FXTrading .transaction-filter-inner .credit-type-select-wrapper.debt-repayment, .CardPayment .transaction-filter-inner .credit-type-select-wrapper.debt-repayment, .PaymentTransfer .transaction-filter-inner .credit-type-select-wrapper.debt-repayment { padding-top: 17px; } .FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .acc-balance, .CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .acc-balance, .PaymentTransfer .transaction-filter-inner .credit-type-select-wrapper .dk-select .acc-balance { font-size: 13px; color: rgba(0, 0, 0, 0.54); } .FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .acc-number, .CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .acc-number, .PaymentTransfer .transaction-filter-inner .credit-type-select-wrapper .dk-select .acc-number { font-size: 13px; color: rgba(0, 0, 0, 0.87); } .FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options, .CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options, .PaymentTransfer .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options { width: calc(100% + 24px); top: 100%; left: -24px; margin-top: -35px; position: relative; box-shadow: none; overflow: auto; padding: 0; margin-top: 5px; max-height: 165px; border-top: 2px solid #0a79b8 !important; } .FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar, .CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar, .PaymentTransfer .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar { background: white; width: 5px; } .FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar-track, .CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar-track, .PaymentTransfer .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar-track { top: 20px; background: white; } .FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar-thumb, .CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar-thumb, .PaymentTransfer .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar-thumb { background-color: #52ae30; border-radius: 5px; width: 4px; } .FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected, .CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected, .PaymentTransfer .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected { top: 5px; background-color: transparent; border-radius: 0 30px 30px 0; transform: none !important; } .FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected.debt-repayment, .CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected.debt-repayment, .PaymentTransfer .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected.debt-repayment { height: fit-content !important; margin-bottom: 7px; } .FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected p, .CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected p, .PaymentTransfer .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected p { margin-bottom: 0px; } .FXTrading .account-custom-name, .CardPayment .account-custom-name, .PaymentTransfer .account-custom-name { margin-bottom: 0px !important; } .FXTrading .accounts-intro-balance, .CardPayment .accounts-intro-balance, .PaymentTransfer .accounts-intro-balance { margin-left: 210px; } .FXTrading .focusin, .CardPayment .focusin, .PaymentTransfer .focusin { border: 1px solid #0a79b8 !important; } .bold { font-weight: bold; } .bold.semibold { font-family: 'Source-Sans-Pro-semibold', 'sans-serif' !important; } .height-fit-content { height: fit-content !important; } .hidden { overflow: hidden !important; } #accountBalanceDomesticTemplate .transaction-popup-details-wrapper.templateWrapper { height: 70vh !important; } #accountBalanceDomesticTemplate .swift-ico { background-image: url("images/icons/swiftinstructions.png"); background-size: 20px; top: 52%; left: 46%; transform: translate(-50%, -50%); background-repeat: no-repeat; width: 22px; height: 22px; position: absolute; background-position: 50% 50%; transition: all 0.5s; } #accountBalanceDomesticTemplate .dot-menu.element-border-3:hover .swift-ico { filter: invert(1); } #TravelInsuranceEndowmentTemplate .pay-insurance-debt { background-image: url(images/icons/plati-osiguranje-b.png); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); background-repeat: no-repeat; width: 22px; height: 22px; position: absolute; background-position: 50% 50%; transition: all .5; } #TravelInsuranceEndowmentTemplate .discount-popup-icon-wrapper:hover .pay-insurance-debt { background-image: url(images/icons/plati-osiguranje-w.png); } #TravelInsuranceUniqaTemplate .read-messages-list, #TravelInsuranceEndowmentTemplate .read-messages-list, #TravelInsuranceTemplate .read-messages-list, #accountBalanceDomesticTemplate .read-messages-list { box-shadow: none; height: 98vh !important; } #TravelInsuranceUniqaTemplate .read-messages-list.payment, #TravelInsuranceEndowmentTemplate .read-messages-list.payment, #TravelInsuranceTemplate .read-messages-list.payment, #accountBalanceDomesticTemplate .read-messages-list.payment { height: 111vh !important; } @media (max-height: 860px) { #TravelInsuranceUniqaTemplate .read-messages-list.payment, #TravelInsuranceEndowmentTemplate .read-messages-list.payment, #TravelInsuranceTemplate .read-messages-list.payment, #accountBalanceDomesticTemplate .read-messages-list.payment { height: 115vh !important; } } #TravelInsuranceUniqaTemplate .read-messages-list .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .popup-ammount-ico-wrapper, #TravelInsuranceEndowmentTemplate .read-messages-list .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .popup-ammount-ico-wrapper, #TravelInsuranceTemplate .read-messages-list .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .popup-ammount-ico-wrapper, #accountBalanceDomesticTemplate .read-messages-list .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .popup-ammount-ico-wrapper { width: 80px; height: 63px; margin: 0 auto 24px; border-radius: unset; box-shadow: none; } #TravelInsuranceUniqaTemplate .read-messages-list .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .popup-ammount-ico-wrapper svg, #TravelInsuranceEndowmentTemplate .read-messages-list .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .popup-ammount-ico-wrapper svg, #TravelInsuranceTemplate .read-messages-list .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .popup-ammount-ico-wrapper svg, #accountBalanceDomesticTemplate .read-messages-list .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .popup-ammount-ico-wrapper svg { width: 100%; height: 100%; fill: #0a79b8; stroke: #0a79b8; } #TravelInsuranceUniqaTemplate .read-messages-list .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .popup-ammount-ico-wrapper svg.denied, #TravelInsuranceEndowmentTemplate .read-messages-list .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .popup-ammount-ico-wrapper svg.denied, #TravelInsuranceTemplate .read-messages-list .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .popup-ammount-ico-wrapper svg.denied, #accountBalanceDomesticTemplate .read-messages-list .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .popup-ammount-ico-wrapper svg.denied { fill: #ff435a; stroke: #ff435a; } #TravelInsuranceUniqaTemplate .read-messages-list .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper h3, #TravelInsuranceEndowmentTemplate .read-messages-list .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper h3, #TravelInsuranceTemplate .read-messages-list .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper h3, #accountBalanceDomesticTemplate .read-messages-list .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper h3 { font-size: 24px; margin-bottom: 5px; } #TravelInsuranceUniqaTemplate .read-messages-list .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper h3, #TravelInsuranceEndowmentTemplate .read-messages-list .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper h3, #TravelInsuranceTemplate .read-messages-list .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper h3, #accountBalanceDomesticTemplate .read-messages-list .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper h3 { margin-bottom: 5px; } #TravelInsuranceUniqaTemplate .read-messages-list .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper.template, #TravelInsuranceEndowmentTemplate .read-messages-list .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper.template, #TravelInsuranceTemplate .read-messages-list .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper.template, #accountBalanceDomesticTemplate .read-messages-list .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper.template { overflow: hidden !important; } #TravelInsuranceUniqaTemplate .read-messages-list .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper.template.payment, #TravelInsuranceEndowmentTemplate .read-messages-list .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper.template.payment, #TravelInsuranceTemplate .read-messages-list .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper.template.payment, #accountBalanceDomesticTemplate .read-messages-list .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper.template.payment { overflow-y: scroll !important; } #TravelInsuranceUniqaTemplate .read-messages-list .transaction-popup-option p, #TravelInsuranceEndowmentTemplate .read-messages-list .transaction-popup-option p, #TravelInsuranceTemplate .read-messages-list .transaction-popup-option p, #accountBalanceDomesticTemplate .read-messages-list .transaction-popup-option p { padding: 0px 25px 0px 25px !important; font-family: "Source-Sans-Pro-bold", sans-serif; } #TravelInsuranceUniqaTemplate .element-border, #TravelInsuranceEndowmentTemplate .element-border, #TravelInsuranceTemplate .element-border, #accountBalanceDomesticTemplate .element-border { border-radius: 12px; } #TravelInsuranceUniqaTemplate .dot-menu, #TravelInsuranceEndowmentTemplate .dot-menu, #TravelInsuranceTemplate .dot-menu, #accountBalanceDomesticTemplate .dot-menu { box-shadow: none; } #TravelInsuranceUniqaTemplate .popup-btn-wrapper, #TravelInsuranceEndowmentTemplate .popup-btn-wrapper, #TravelInsuranceTemplate .popup-btn-wrapper, #accountBalanceDomesticTemplate .popup-btn-wrapper { margin-bottom: 0px !important; } #TravelInsuranceUniqaTemplate .popup-btn-wrapper.fxt a, #TravelInsuranceEndowmentTemplate .popup-btn-wrapper.fxt a, #TravelInsuranceTemplate .popup-btn-wrapper.fxt a, #accountBalanceDomesticTemplate .popup-btn-wrapper.fxt a { width: 140px !important; } #TravelInsuranceUniqaTemplate .popup-btn-wrapper .btn-2, #TravelInsuranceEndowmentTemplate .popup-btn-wrapper .btn-2, #TravelInsuranceTemplate .popup-btn-wrapper .btn-2, #accountBalanceDomesticTemplate .popup-btn-wrapper .btn-2 { width: 200px !important; border-radius: 25px; background-color: white; color: #52AE30; border: none; font-weight: bold; font-size: 14px; transition: all .5s ease; } #TravelInsuranceUniqaTemplate .popup-btn-wrapper .btn-2.template, #TravelInsuranceEndowmentTemplate .popup-btn-wrapper .btn-2.template, #TravelInsuranceTemplate .popup-btn-wrapper .btn-2.template, #accountBalanceDomesticTemplate .popup-btn-wrapper .btn-2.template { width: 140px !important; font-family: 'Source-Sans-Pro-bold', 'sans-serif'; font-size: 15px; } #TravelInsuranceUniqaTemplate .popup-btn-wrapper .btn-2.backToHome, #TravelInsuranceEndowmentTemplate .popup-btn-wrapper .btn-2.backToHome, #TravelInsuranceTemplate .popup-btn-wrapper .btn-2.backToHome, #accountBalanceDomesticTemplate .popup-btn-wrapper .btn-2.backToHome { background: #52AE30; box-shadow: 0 8px 24px rgba(54, 60, 164, 0.4); width: 100% !important; } #TravelInsuranceUniqaTemplate .popup-btn-wrapper .btn-2.backToHome:hover, #TravelInsuranceEndowmentTemplate .popup-btn-wrapper .btn-2.backToHome:hover, #TravelInsuranceTemplate .popup-btn-wrapper .btn-2.backToHome:hover, #accountBalanceDomesticTemplate .popup-btn-wrapper .btn-2.backToHome:hover { background: #2a7f00; } #TravelInsuranceUniqaTemplate .popup-btn-wrapper .btn-2.confirm, #TravelInsuranceEndowmentTemplate .popup-btn-wrapper .btn-2.confirm, #TravelInsuranceTemplate .popup-btn-wrapper .btn-2.confirm, #accountBalanceDomesticTemplate .popup-btn-wrapper .btn-2.confirm { background-color: #52AE30; color: white; } #TravelInsuranceUniqaTemplate .popup-btn-wrapper .btn-2.confirm.fxt, #TravelInsuranceEndowmentTemplate .popup-btn-wrapper .btn-2.confirm.fxt, #TravelInsuranceTemplate .popup-btn-wrapper .btn-2.confirm.fxt, #accountBalanceDomesticTemplate .popup-btn-wrapper .btn-2.confirm.fxt { width: 100% !important; } #TravelInsuranceUniqaTemplate .popup-btn-wrapper .btn-2.confirm:hover, #TravelInsuranceEndowmentTemplate .popup-btn-wrapper .btn-2.confirm:hover, #TravelInsuranceTemplate .popup-btn-wrapper .btn-2.confirm:hover, #accountBalanceDomesticTemplate .popup-btn-wrapper .btn-2.confirm:hover { background-color: #2a7f00 !important; } #TravelInsuranceUniqaTemplate .popup-btn-wrapper .btn-shadow-1, #TravelInsuranceEndowmentTemplate .popup-btn-wrapper .btn-shadow-1, #TravelInsuranceTemplate .popup-btn-wrapper .btn-shadow-1, #accountBalanceDomesticTemplate .popup-btn-wrapper .btn-shadow-1 { transition: all .5s; } #TravelInsuranceUniqaTemplate .popup-btn-wrapper .btn-shadow-1:hover, #TravelInsuranceEndowmentTemplate .popup-btn-wrapper .btn-shadow-1:hover, #TravelInsuranceTemplate .popup-btn-wrapper .btn-shadow-1:hover, #accountBalanceDomesticTemplate .popup-btn-wrapper .btn-shadow-1:hover { background-color: #2A7F00; box-shadow: 0 0 14px rgba(54, 60, 164, 0.4); } #TravelInsuranceUniqaTemplate .popup-btn-wrapper.center, #TravelInsuranceEndowmentTemplate .popup-btn-wrapper.center, #TravelInsuranceTemplate .popup-btn-wrapper.center, #accountBalanceDomesticTemplate .popup-btn-wrapper.center { display: flex; align-items: center; justify-content: center; } #TravelInsuranceUniqaTemplate .popup-btn-wrapper.center a, #TravelInsuranceEndowmentTemplate .popup-btn-wrapper.center a, #TravelInsuranceTemplate .popup-btn-wrapper.center a, #accountBalanceDomesticTemplate .popup-btn-wrapper.center a { width: 100% !important; } #TravelInsuranceTemplate .validation_message { left: 25px; top: 53px; height: 20px; opacity: 0; color: red; font-size: 15px; position: absolute; } #TravelInsuranceTemplate .intrabank-wrapper.with-label-inside.margin-3.borderError input { border-color: red; } #TravelInsuranceTemplate .intrabank-wrapper.with-label-inside.margin-3.borderError .validation_message { opacity: 1; } .PaymentOrderV2 .otp-insurance-debt-payment .creditorName, .PaymentOrderV2 .otp-insurance-debt-payment .creditorAddress, .PaymentOrderV2 .otp-insurance-debt-payment .creditorModel, .PaymentOrderV2 .otp-insurance-debt-payment .creditorCity, .PaymentOrderV2 .otp-insurance-debt-payment .creditAccount, .PaymentOrderV2 .otp-insurance-debt-payment .paymentCode, .PaymentOrderV2 .otp-insurance-debt-payment .pbo, .PaymentOrderV2 .otp-insurance-debt-payment .dateInput { border: 2px solid #DCDCDC; color: #989898; background-color: #F1F1F1; pointer-events: none !important; cursor: default !important; } .PaymentOrderV2 .otp-insurance-debt-payment .inside-div-model-left, .PaymentOrderV2 .otp-insurance-debt-payment .label-inside-custom-select, .PaymentOrderV2 .otp-insurance-debt-payment .inside-div-model-right { cursor: default !important; } .PaymentOrderV2 .otp-insurance-debt-payment .creditorName-wrapper svg, .PaymentOrderV2 .otp-insurance-debt-payment .creditorName-wrapper a, .PaymentOrderV2 .otp-insurance-debt-payment .paymentCode svg, .PaymentOrderV2 .otp-insurance-debt-payment .paymentCode a { display: none !important; } .CardPayment .input-select-1, .CardPayment .btnExecute, .PaymentTransfer .input-select-1, .PaymentTransfer .btnExecute, .FXTrading .input-select-1, .FXTrading .btnExecute { cursor: pointer; } .no-yes-dialog.OTPDialog .ui-dialog-buttonset button:nth-child(1) { background-color: #FFFFFF !important; color: #000000 !important; } .no-yes-dialog.OTPDialog .ui-dialog-buttonset button:nth-child(1):hover { background-color: #E8E9EC !important; } .no-yes-dialog.OTPDialog .ui-dialog-buttonset button:nth-child(2) { background-color: #0a79b8 !important; color: #FFFFFF !important; } .no-yes-dialog.OTPDialog .ui-dialog-buttonset button:nth-child(2):hover { background-color: #2A7F00 !important; } .SMSDialog, .accountUndueLiabilities, .foreignInstructions { border-radius: 16px !important; box-shadow: 0 0 24px rgba(0, 0, 0, 0.16); padding: 50px 40px !important; max-width: 328px; width: -webkit-calc(100% - 40px) !important; width: calc(100% - 40px) !important; background-color: #EFEFEF !important; color: rgba(0, 0, 0, 0.87) !important; border: none !important; background: #EFEFEF !important; } .SMSDialog .transaction-popup-detail, .accountUndueLiabilities .transaction-popup-detail, .foreignInstructions .transaction-popup-detail { padding-right: 30px; } .SMSDialog .ui-dialog-titlebar, .accountUndueLiabilities .ui-dialog-titlebar, .foreignInstructions .ui-dialog-titlebar { background: transparent; border: none; text-align: center; font-family: "Source-Sans-Pro-bold", sans-serif; color: rgba(0, 0, 0, 0.87); font-weight: normal; font-size: 20px; margin-top: -10px; } .SMSDialog .ui-dialog-titlebar:before, .accountUndueLiabilities .ui-dialog-titlebar:before, .foreignInstructions .ui-dialog-titlebar:before { content: ""; width: 40px; height: 6px; background: #0a79b8; border-radius: 4px; position: absolute; top: -15px; left: 50%; margin-left: -20px; } .SMSDialog .ui-dialog-titlebar span, .accountUndueLiabilities .ui-dialog-titlebar span, .foreignInstructions .ui-dialog-titlebar span { margin-bottom: 30px; font-family: "Source-Sans-Pro-bold", sans-serif; font-size: 24px; text-align: center !important; float: none !important; white-space: break-spaces; } .SMSDialog .ui-dialog-titlebar-close, .accountUndueLiabilities .ui-dialog-titlebar-close, .foreignInstructions .ui-dialog-titlebar-close { display: none; } .SMSDialog .ui-dialog-buttonpane, .accountUndueLiabilities .ui-dialog-buttonpane, .foreignInstructions .ui-dialog-buttonpane { border-top: none !important; padding: 0 !important; margin-top: 0px !important; } .SMSDialog .ui-dialog-buttonpane .ui-dialog-buttonset, .accountUndueLiabilities .ui-dialog-buttonpane .ui-dialog-buttonset, .foreignInstructions .ui-dialog-buttonpane .ui-dialog-buttonset { float: none !important; } .SMSDialog .ui-dialog-buttonpane .ui-dialog-buttonset button, .accountUndueLiabilities .ui-dialog-buttonpane .ui-dialog-buttonset button, .foreignInstructions .ui-dialog-buttonpane .ui-dialog-buttonset button { width: 100%; margin: 0; display: inline-block; font-size: 15px; padding: 14px 28px; border: none !important; text-align: center; transition: background-color .5s; border-radius: 6px; font-family: "Source-Sans-Pro-semibold", sans-serif; background: -webkit-gradient(linear, left top, right top, from(#006de6), to(#00b2e6)); background: linear-gradient(90deg, #006de6, #00b2e6); color: #FFFFFF; /* &:nth-child(1) { background-color: $color-13 !important; color: $color-18 !important; &:hover { background-color: #E8E9EC !important; } } &:nth-child(2) { background-color: $color-2 !important; color: $color-13 !important; &:hover { background-color: $color-11 !important; } }*/ } .SMSDialog .ui-dialog-buttonpane .ui-dialog-buttonset button:hover, .accountUndueLiabilities .ui-dialog-buttonpane .ui-dialog-buttonset button:hover, .foreignInstructions .ui-dialog-buttonpane .ui-dialog-buttonset button:hover { background-color: #fff; box-shadow: rgba(54, 60, 164, 0.4); } .SMSDialog input.smsCode, .accountUndueLiabilities input.smsCode, .foreignInstructions input.smsCode { padding: 0; padding-left: 10px; width: 96%; transform: translateY(10px); margin-bottom: 25px; } .SMSDialog input.smsCode.borderError, .accountUndueLiabilities input.smsCode.borderError, .foreignInstructions input.smsCode.borderError { border: 1px solid red; } .SMSDialog .active, .accountUndueLiabilities .active, .foreignInstructions .active { border: 1px solid #0a79b8 !important; } .SMSDialog .SMSmessage, .accountUndueLiabilities .SMSmessage, .foreignInstructions .SMSmessage { margin-bottom: 20px; display: block; margin-top: -25px; font-family: "Source-Sans-Pro", sans-serif !important; } .LoanRepayments, .CreditorTemplateManaging, .CardStatementsCorporate, .CardStatements, .AccountStatements, .PaymentToMobileTemplates, .CreditorTemplateManagingV3, .CreditorTemplateManagingV3Public, .CreditorTemplateManagingForeignV2, .CrontoTokenList, .P2PPaymentOverview, .DepositStatementsCorporate { padding-bottom: 100px; } .LoanRepayments .account-statements-info-wrapper, .CreditorTemplateManaging .account-statements-info-wrapper, .CardStatementsCorporate .account-statements-info-wrapper, .CardStatements .account-statements-info-wrapper, .AccountStatements .account-statements-info-wrapper, .PaymentToMobileTemplates .account-statements-info-wrapper, .CreditorTemplateManagingV3 .account-statements-info-wrapper, .CreditorTemplateManagingV3Public .account-statements-info-wrapper, .CreditorTemplateManagingForeignV2 .account-statements-info-wrapper, .CrontoTokenList .account-statements-info-wrapper, .P2PPaymentOverview .account-statements-info-wrapper, .DepositStatementsCorporate .account-statements-info-wrapper { border-bottom: 1px solid #8294a8; } .LoanRepayments .show-per-page .page-text-2, .CreditorTemplateManaging .show-per-page .page-text-2, .CardStatementsCorporate .show-per-page .page-text-2, .CardStatements .show-per-page .page-text-2, .AccountStatements .show-per-page .page-text-2, .PaymentToMobileTemplates .show-per-page .page-text-2, .CreditorTemplateManagingV3 .show-per-page .page-text-2, .CreditorTemplateManagingV3Public .show-per-page .page-text-2, .CreditorTemplateManagingForeignV2 .show-per-page .page-text-2, .CrontoTokenList .show-per-page .page-text-2, .P2PPaymentOverview .show-per-page .page-text-2, .DepositStatementsCorporate .show-per-page .page-text-2 { padding-right: 16px; } .LoanRepayments .payment-filter-box .inactive-sort-arrow, .CreditorTemplateManaging .payment-filter-box .inactive-sort-arrow, .CardStatementsCorporate .payment-filter-box .inactive-sort-arrow, .CardStatements .payment-filter-box .inactive-sort-arrow, .AccountStatements .payment-filter-box .inactive-sort-arrow, .PaymentToMobileTemplates .payment-filter-box .inactive-sort-arrow, .CreditorTemplateManagingV3 .payment-filter-box .inactive-sort-arrow, .CreditorTemplateManagingV3Public .payment-filter-box .inactive-sort-arrow, .CreditorTemplateManagingForeignV2 .payment-filter-box .inactive-sort-arrow, .CrontoTokenList .payment-filter-box .inactive-sort-arrow, .P2PPaymentOverview .payment-filter-box .inactive-sort-arrow, .DepositStatementsCorporate .payment-filter-box .inactive-sort-arrow { right: unset; display: inline; float: left; transition: opacity .5s; position: absolute; width: 8px; height: 14px; top: 2px; cursor: pointer; background-image: url("images/icons/arrows-2.png"); background-position: 50%; background-repeat: no-repeat; background-size: contain; opacity: 1; z-index: 1; } .LoanRepayments .payment-filter-box .sort-indicator-name, .CreditorTemplateManaging .payment-filter-box .sort-indicator-name, .CardStatementsCorporate .payment-filter-box .sort-indicator-name, .CardStatements .payment-filter-box .sort-indicator-name, .AccountStatements .payment-filter-box .sort-indicator-name, .PaymentToMobileTemplates .payment-filter-box .sort-indicator-name, .CreditorTemplateManagingV3 .payment-filter-box .sort-indicator-name, .CreditorTemplateManagingV3Public .payment-filter-box .sort-indicator-name, .CreditorTemplateManagingForeignV2 .payment-filter-box .sort-indicator-name, .CrontoTokenList .payment-filter-box .sort-indicator-name, .P2PPaymentOverview .payment-filter-box .sort-indicator-name, .DepositStatementsCorporate .payment-filter-box .sort-indicator-name { right: unset; display: inline; float: left; transition: opacity .5s; position: absolute; width: 8px; height: 14px; top: 2px; cursor: pointer; background-image: url("images/icons/icon-sorter-down.png"); background-repeat: no-repeat; opacity: 0; } .LoanRepayments .payment-filter-box .sort-indicator-name.active, .CreditorTemplateManaging .payment-filter-box .sort-indicator-name.active, .CardStatementsCorporate .payment-filter-box .sort-indicator-name.active, .CardStatements .payment-filter-box .sort-indicator-name.active, .AccountStatements .payment-filter-box .sort-indicator-name.active, .PaymentToMobileTemplates .payment-filter-box .sort-indicator-name.active, .CreditorTemplateManagingV3 .payment-filter-box .sort-indicator-name.active, .CreditorTemplateManagingV3Public .payment-filter-box .sort-indicator-name.active, .CreditorTemplateManagingForeignV2 .payment-filter-box .sort-indicator-name.active, .CrontoTokenList .payment-filter-box .sort-indicator-name.active, .P2PPaymentOverview .payment-filter-box .sort-indicator-name.active, .DepositStatementsCorporate .payment-filter-box .sort-indicator-name.active { opacity: 1; z-index: 2; } .LoanRepayments .payment-filter-box .sort-indicator-name-2, .CreditorTemplateManaging .payment-filter-box .sort-indicator-name-2, .CardStatementsCorporate .payment-filter-box .sort-indicator-name-2, .CardStatements .payment-filter-box .sort-indicator-name-2, .AccountStatements .payment-filter-box .sort-indicator-name-2, .PaymentToMobileTemplates .payment-filter-box .sort-indicator-name-2, .CreditorTemplateManagingV3 .payment-filter-box .sort-indicator-name-2, .CreditorTemplateManagingV3Public .payment-filter-box .sort-indicator-name-2, .CreditorTemplateManagingForeignV2 .payment-filter-box .sort-indicator-name-2, .CrontoTokenList .payment-filter-box .sort-indicator-name-2, .P2PPaymentOverview .payment-filter-box .sort-indicator-name-2, .DepositStatementsCorporate .payment-filter-box .sort-indicator-name-2 { right: unset; display: inline; float: left; transition: opacity .5s; position: absolute; width: 8px; height: 14px; top: 2px; cursor: pointer; background-image: url("images/icons/icon-sorter-up.png"); background-repeat: no-repeat; opacity: 0; } .LoanRepayments .payment-filter-box .sort-indicator-name-2.active, .CreditorTemplateManaging .payment-filter-box .sort-indicator-name-2.active, .CardStatementsCorporate .payment-filter-box .sort-indicator-name-2.active, .CardStatements .payment-filter-box .sort-indicator-name-2.active, .AccountStatements .payment-filter-box .sort-indicator-name-2.active, .PaymentToMobileTemplates .payment-filter-box .sort-indicator-name-2.active, .CreditorTemplateManagingV3 .payment-filter-box .sort-indicator-name-2.active, .CreditorTemplateManagingV3Public .payment-filter-box .sort-indicator-name-2.active, .CreditorTemplateManagingForeignV2 .payment-filter-box .sort-indicator-name-2.active, .CrontoTokenList .payment-filter-box .sort-indicator-name-2.active, .P2PPaymentOverview .payment-filter-box .sort-indicator-name-2.active, .DepositStatementsCorporate .payment-filter-box .sort-indicator-name-2.active { opacity: 1; z-index: 2; } .LoanRepayments .credit-type-select-wrapper, .CreditorTemplateManaging .credit-type-select-wrapper, .CardStatementsCorporate .credit-type-select-wrapper, .CardStatements .credit-type-select-wrapper, .AccountStatements .credit-type-select-wrapper, .PaymentToMobileTemplates .credit-type-select-wrapper, .CreditorTemplateManagingV3 .credit-type-select-wrapper, .CreditorTemplateManagingV3Public .credit-type-select-wrapper, .CreditorTemplateManagingForeignV2 .credit-type-select-wrapper, .CrontoTokenList .credit-type-select-wrapper, .P2PPaymentOverview .credit-type-select-wrapper, .DepositStatementsCorporate .credit-type-select-wrapper { height: 40px; background-color: transparent; } .LoanRepayments .credit-type-select-wrapper .dk-select, .CreditorTemplateManaging .credit-type-select-wrapper .dk-select, .CardStatementsCorporate .credit-type-select-wrapper .dk-select, .CardStatements .credit-type-select-wrapper .dk-select, .AccountStatements .credit-type-select-wrapper .dk-select, .PaymentToMobileTemplates .credit-type-select-wrapper .dk-select, .CreditorTemplateManagingV3 .credit-type-select-wrapper .dk-select, .CreditorTemplateManagingV3Public .credit-type-select-wrapper .dk-select, .CreditorTemplateManagingForeignV2 .credit-type-select-wrapper .dk-select, .CrontoTokenList .credit-type-select-wrapper .dk-select, .P2PPaymentOverview .credit-type-select-wrapper .dk-select, .DepositStatementsCorporate .credit-type-select-wrapper .dk-select { padding: 10px 35px 10px 16px; background-color: #fff; border: 1px solid #b4bfcb; border-radius: 6px; } .LoanRepayments .credit-type-select-wrapper .dk-select.active, .CreditorTemplateManaging .credit-type-select-wrapper .dk-select.active, .CardStatementsCorporate .credit-type-select-wrapper .dk-select.active, .CardStatements .credit-type-select-wrapper .dk-select.active, .AccountStatements .credit-type-select-wrapper .dk-select.active, .PaymentToMobileTemplates .credit-type-select-wrapper .dk-select.active, .CreditorTemplateManagingV3 .credit-type-select-wrapper .dk-select.active, .CreditorTemplateManagingV3Public .credit-type-select-wrapper .dk-select.active, .CreditorTemplateManagingForeignV2 .credit-type-select-wrapper .dk-select.active, .CrontoTokenList .credit-type-select-wrapper .dk-select.active, .P2PPaymentOverview .credit-type-select-wrapper .dk-select.active, .DepositStatementsCorporate .credit-type-select-wrapper .dk-select.active { border-color: #0faaea; } .LoanRepayments .credit-type-select-wrapper .dk-select.active ul, .CreditorTemplateManaging .credit-type-select-wrapper .dk-select.active ul, .CardStatementsCorporate .credit-type-select-wrapper .dk-select.active ul, .CardStatements .credit-type-select-wrapper .dk-select.active ul, .AccountStatements .credit-type-select-wrapper .dk-select.active ul, .PaymentToMobileTemplates .credit-type-select-wrapper .dk-select.active ul, .CreditorTemplateManagingV3 .credit-type-select-wrapper .dk-select.active ul, .CreditorTemplateManagingV3Public .credit-type-select-wrapper .dk-select.active ul, .CreditorTemplateManagingForeignV2 .credit-type-select-wrapper .dk-select.active ul, .CrontoTokenList .credit-type-select-wrapper .dk-select.active ul, .P2PPaymentOverview .credit-type-select-wrapper .dk-select.active ul, .DepositStatementsCorporate .credit-type-select-wrapper .dk-select.active ul { display: block !important; } .LoanRepayments .credit-type-select-wrapper .dk-select .acc-number, .CreditorTemplateManaging .credit-type-select-wrapper .dk-select .acc-number, .CardStatementsCorporate .credit-type-select-wrapper .dk-select .acc-number, .CardStatements .credit-type-select-wrapper .dk-select .acc-number, .AccountStatements .credit-type-select-wrapper .dk-select .acc-number, .PaymentToMobileTemplates .credit-type-select-wrapper .dk-select .acc-number, .CreditorTemplateManagingV3 .credit-type-select-wrapper .dk-select .acc-number, .CreditorTemplateManagingV3Public .credit-type-select-wrapper .dk-select .acc-number, .CreditorTemplateManagingForeignV2 .credit-type-select-wrapper .dk-select .acc-number, .CrontoTokenList .credit-type-select-wrapper .dk-select .acc-number, .P2PPaymentOverview .credit-type-select-wrapper .dk-select .acc-number, .DepositStatementsCorporate .credit-type-select-wrapper .dk-select .acc-number { color: #C7C7C7; font-size: 15px; } .LoanRepayments .credit-type-select-wrapper .dk-select .dk-selected, .CreditorTemplateManaging .credit-type-select-wrapper .dk-select .dk-selected, .CardStatementsCorporate .credit-type-select-wrapper .dk-select .dk-selected, .CardStatements .credit-type-select-wrapper .dk-select .dk-selected, .AccountStatements .credit-type-select-wrapper .dk-select .dk-selected, .PaymentToMobileTemplates .credit-type-select-wrapper .dk-select .dk-selected, .CreditorTemplateManagingV3 .credit-type-select-wrapper .dk-select .dk-selected, .CreditorTemplateManagingV3Public .credit-type-select-wrapper .dk-select .dk-selected, .CreditorTemplateManagingForeignV2 .credit-type-select-wrapper .dk-select .dk-selected, .CrontoTokenList .credit-type-select-wrapper .dk-select .dk-selected, .P2PPaymentOverview .credit-type-select-wrapper .dk-select .dk-selected, .DepositStatementsCorporate .credit-type-select-wrapper .dk-select .dk-selected { border: none; border-radius: 0; padding: 0; position: relative; height: auto; } .LoanRepayments .credit-type-select-wrapper .dk-select .dk-selected:after, .CreditorTemplateManaging .credit-type-select-wrapper .dk-select .dk-selected:after, .CardStatementsCorporate .credit-type-select-wrapper .dk-select .dk-selected:after, .CardStatements .credit-type-select-wrapper .dk-select .dk-selected:after, .AccountStatements .credit-type-select-wrapper .dk-select .dk-selected:after, .PaymentToMobileTemplates .credit-type-select-wrapper .dk-select .dk-selected:after, .CreditorTemplateManagingV3 .credit-type-select-wrapper .dk-select .dk-selected:after, .CreditorTemplateManagingV3Public .credit-type-select-wrapper .dk-select .dk-selected:after, .CreditorTemplateManagingForeignV2 .credit-type-select-wrapper .dk-select .dk-selected:after, .CrontoTokenList .credit-type-select-wrapper .dk-select .dk-selected:after, .P2PPaymentOverview .credit-type-select-wrapper .dk-select .dk-selected:after, .DepositStatementsCorporate .credit-type-select-wrapper .dk-select .dk-selected:after { content: ""; display: block; width: 16px; height: 100%; position: absolute; top: 0; right: -20px; background: url(images/icons/arrow-down.png) 50% no-repeat; background-size: 16px; } .LoanRepayments .credit-type-select-wrapper .dk-select .dk-select-options, .CreditorTemplateManaging .credit-type-select-wrapper .dk-select .dk-select-options, .CardStatementsCorporate .credit-type-select-wrapper .dk-select .dk-select-options, .CardStatements .credit-type-select-wrapper .dk-select .dk-select-options, .AccountStatements .credit-type-select-wrapper .dk-select .dk-select-options, .PaymentToMobileTemplates .credit-type-select-wrapper .dk-select .dk-select-options, .CreditorTemplateManagingV3 .credit-type-select-wrapper .dk-select .dk-select-options, .CreditorTemplateManagingV3Public .credit-type-select-wrapper .dk-select .dk-select-options, .CreditorTemplateManagingForeignV2 .credit-type-select-wrapper .dk-select .dk-select-options, .CrontoTokenList .credit-type-select-wrapper .dk-select .dk-select-options, .P2PPaymentOverview .credit-type-select-wrapper .dk-select .dk-select-options, .DepositStatementsCorporate .credit-type-select-wrapper .dk-select .dk-select-options { border-radius: 0; position: relative; box-shadow: none; display: none; visibility: visible; opacity: 1; padding-top: 0; border: none; top: 0; } .LoanRepayments .credit-type-select-wrapper .dk-select .dk-select-options li, .CreditorTemplateManaging .credit-type-select-wrapper .dk-select .dk-select-options li, .CardStatementsCorporate .credit-type-select-wrapper .dk-select .dk-select-options li, .CardStatements .credit-type-select-wrapper .dk-select .dk-select-options li, .AccountStatements .credit-type-select-wrapper .dk-select .dk-select-options li, .PaymentToMobileTemplates .credit-type-select-wrapper .dk-select .dk-select-options li, .CreditorTemplateManagingV3 .credit-type-select-wrapper .dk-select .dk-select-options li, .CreditorTemplateManagingV3Public .credit-type-select-wrapper .dk-select .dk-select-options li, .CreditorTemplateManagingForeignV2 .credit-type-select-wrapper .dk-select .dk-select-options li, .CrontoTokenList .credit-type-select-wrapper .dk-select .dk-select-options li, .P2PPaymentOverview .credit-type-select-wrapper .dk-select .dk-select-options li, .DepositStatementsCorporate .credit-type-select-wrapper .dk-select .dk-select-options li { padding: 16px 0; } .LoanRepayments .credit-type-select-wrapper .dk-select .dk-select-options li:last-child, .CreditorTemplateManaging .credit-type-select-wrapper .dk-select .dk-select-options li:last-child, .CardStatementsCorporate .credit-type-select-wrapper .dk-select .dk-select-options li:last-child, .CardStatements .credit-type-select-wrapper .dk-select .dk-select-options li:last-child, .AccountStatements .credit-type-select-wrapper .dk-select .dk-select-options li:last-child, .PaymentToMobileTemplates .credit-type-select-wrapper .dk-select .dk-select-options li:last-child, .CreditorTemplateManagingV3 .credit-type-select-wrapper .dk-select .dk-select-options li:last-child, .CreditorTemplateManagingV3Public .credit-type-select-wrapper .dk-select .dk-select-options li:last-child, .CreditorTemplateManagingForeignV2 .credit-type-select-wrapper .dk-select .dk-select-options li:last-child, .CrontoTokenList .credit-type-select-wrapper .dk-select .dk-select-options li:last-child, .P2PPaymentOverview .credit-type-select-wrapper .dk-select .dk-select-options li:last-child, .DepositStatementsCorporate .credit-type-select-wrapper .dk-select .dk-select-options li:last-child { padding-bottom: 6px; } .LoanRepayments .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected, .CreditorTemplateManaging .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected, .CardStatementsCorporate .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected, .CardStatements .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected, .AccountStatements .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected, .PaymentToMobileTemplates .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected, .CreditorTemplateManagingV3 .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected, .CreditorTemplateManagingV3Public .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected, .CreditorTemplateManagingForeignV2 .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected, .CrontoTokenList .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected, .P2PPaymentOverview .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected, .DepositStatementsCorporate .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected { background: transparent; } .LoanRepayments .credit-type-select-wrapper .dk-select .dk-select-options.perPage, .CreditorTemplateManaging .credit-type-select-wrapper .dk-select .dk-select-options.perPage, .CardStatementsCorporate .credit-type-select-wrapper .dk-select .dk-select-options.perPage, .CardStatements .credit-type-select-wrapper .dk-select .dk-select-options.perPage, .AccountStatements .credit-type-select-wrapper .dk-select .dk-select-options.perPage, .PaymentToMobileTemplates .credit-type-select-wrapper .dk-select .dk-select-options.perPage, .CreditorTemplateManagingV3 .credit-type-select-wrapper .dk-select .dk-select-options.perPage, .CreditorTemplateManagingV3Public .credit-type-select-wrapper .dk-select .dk-select-options.perPage, .CreditorTemplateManagingForeignV2 .credit-type-select-wrapper .dk-select .dk-select-options.perPage, .CrontoTokenList .credit-type-select-wrapper .dk-select .dk-select-options.perPage, .P2PPaymentOverview .credit-type-select-wrapper .dk-select .dk-select-options.perPage, .DepositStatementsCorporate .credit-type-select-wrapper .dk-select .dk-select-options.perPage { border-top: 2px solid #52ae30; } .LoanRepayments .credit-type-select-wrapper .dk-select .dk-select-options.perPage li, .CreditorTemplateManaging .credit-type-select-wrapper .dk-select .dk-select-options.perPage li, .CardStatementsCorporate .credit-type-select-wrapper .dk-select .dk-select-options.perPage li, .CardStatements .credit-type-select-wrapper .dk-select .dk-select-options.perPage li, .AccountStatements .credit-type-select-wrapper .dk-select .dk-select-options.perPage li, .PaymentToMobileTemplates .credit-type-select-wrapper .dk-select .dk-select-options.perPage li, .CreditorTemplateManagingV3 .credit-type-select-wrapper .dk-select .dk-select-options.perPage li, .CreditorTemplateManagingV3Public .credit-type-select-wrapper .dk-select .dk-select-options.perPage li, .CreditorTemplateManagingForeignV2 .credit-type-select-wrapper .dk-select .dk-select-options.perPage li, .CrontoTokenList .credit-type-select-wrapper .dk-select .dk-select-options.perPage li, .P2PPaymentOverview .credit-type-select-wrapper .dk-select .dk-select-options.perPage li, .DepositStatementsCorporate .credit-type-select-wrapper .dk-select .dk-select-options.perPage li { margin: 0; padding: 0; padding: 10px 35px 10px 16px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .LoanRepayments .credit-type-select-wrapper .dk-select .dk-select-options.perPage li:hover, .CreditorTemplateManaging .credit-type-select-wrapper .dk-select .dk-select-options.perPage li:hover, .CardStatementsCorporate .credit-type-select-wrapper .dk-select .dk-select-options.perPage li:hover, .CardStatements .credit-type-select-wrapper .dk-select .dk-select-options.perPage li:hover, .AccountStatements .credit-type-select-wrapper .dk-select .dk-select-options.perPage li:hover, .PaymentToMobileTemplates .credit-type-select-wrapper .dk-select .dk-select-options.perPage li:hover, .CreditorTemplateManagingV3 .credit-type-select-wrapper .dk-select .dk-select-options.perPage li:hover, .CreditorTemplateManagingV3Public .credit-type-select-wrapper .dk-select .dk-select-options.perPage li:hover, .CreditorTemplateManagingForeignV2 .credit-type-select-wrapper .dk-select .dk-select-options.perPage li:hover, .CrontoTokenList .credit-type-select-wrapper .dk-select .dk-select-options.perPage li:hover, .P2PPaymentOverview .credit-type-select-wrapper .dk-select .dk-select-options.perPage li:hover, .DepositStatementsCorporate .credit-type-select-wrapper .dk-select .dk-select-options.perPage li:hover { background-color: whitesmoke; border-color: #dcdcdc; } .LoanRepayments .credit-type-select-wrapper .dk-select .dk-select-options.perPage li.dk-option-selected, .CreditorTemplateManaging .credit-type-select-wrapper .dk-select .dk-select-options.perPage li.dk-option-selected, .CardStatementsCorporate .credit-type-select-wrapper .dk-select .dk-select-options.perPage li.dk-option-selected, .CardStatements .credit-type-select-wrapper .dk-select .dk-select-options.perPage li.dk-option-selected, .AccountStatements .credit-type-select-wrapper .dk-select .dk-select-options.perPage li.dk-option-selected, .PaymentToMobileTemplates .credit-type-select-wrapper .dk-select .dk-select-options.perPage li.dk-option-selected, .CreditorTemplateManagingV3 .credit-type-select-wrapper .dk-select .dk-select-options.perPage li.dk-option-selected, .CreditorTemplateManagingV3Public .credit-type-select-wrapper .dk-select .dk-select-options.perPage li.dk-option-selected, .CreditorTemplateManagingForeignV2 .credit-type-select-wrapper .dk-select .dk-select-options.perPage li.dk-option-selected, .CrontoTokenList .credit-type-select-wrapper .dk-select .dk-select-options.perPage li.dk-option-selected, .P2PPaymentOverview .credit-type-select-wrapper .dk-select .dk-select-options.perPage li.dk-option-selected, .DepositStatementsCorporate .credit-type-select-wrapper .dk-select .dk-select-options.perPage li.dk-option-selected { background: transparent; } .LoanRepayments .credit-type-select-wrapper .dk-select.perPage, .CreditorTemplateManaging .credit-type-select-wrapper .dk-select.perPage, .CardStatementsCorporate .credit-type-select-wrapper .dk-select.perPage, .CardStatements .credit-type-select-wrapper .dk-select.perPage, .AccountStatements .credit-type-select-wrapper .dk-select.perPage, .PaymentToMobileTemplates .credit-type-select-wrapper .dk-select.perPage, .CreditorTemplateManagingV3 .credit-type-select-wrapper .dk-select.perPage, .CreditorTemplateManagingV3Public .credit-type-select-wrapper .dk-select.perPage, .CreditorTemplateManagingForeignV2 .credit-type-select-wrapper .dk-select.perPage, .CrontoTokenList .credit-type-select-wrapper .dk-select.perPage, .P2PPaymentOverview .credit-type-select-wrapper .dk-select.perPage, .DepositStatementsCorporate .credit-type-select-wrapper .dk-select.perPage { padding: 0; overflow: hidden; } .LoanRepayments .credit-type-select-wrapper .dk-select.perPage .dk-selected, .CreditorTemplateManaging .credit-type-select-wrapper .dk-select.perPage .dk-selected, .CardStatementsCorporate .credit-type-select-wrapper .dk-select.perPage .dk-selected, .CardStatements .credit-type-select-wrapper .dk-select.perPage .dk-selected, .AccountStatements .credit-type-select-wrapper .dk-select.perPage .dk-selected, .PaymentToMobileTemplates .credit-type-select-wrapper .dk-select.perPage .dk-selected, .CreditorTemplateManagingV3 .credit-type-select-wrapper .dk-select.perPage .dk-selected, .CreditorTemplateManagingV3Public .credit-type-select-wrapper .dk-select.perPage .dk-selected, .CreditorTemplateManagingForeignV2 .credit-type-select-wrapper .dk-select.perPage .dk-selected, .CrontoTokenList .credit-type-select-wrapper .dk-select.perPage .dk-selected, .P2PPaymentOverview .credit-type-select-wrapper .dk-select.perPage .dk-selected, .DepositStatementsCorporate .credit-type-select-wrapper .dk-select.perPage .dk-selected { padding: 10px 35px 10px 16px; } .LoanRepayments .credit-type-select-wrapper .dk-select.perPage .dk-selected:after, .CreditorTemplateManaging .credit-type-select-wrapper .dk-select.perPage .dk-selected:after, .CardStatementsCorporate .credit-type-select-wrapper .dk-select.perPage .dk-selected:after, .CardStatements .credit-type-select-wrapper .dk-select.perPage .dk-selected:after, .AccountStatements .credit-type-select-wrapper .dk-select.perPage .dk-selected:after, .PaymentToMobileTemplates .credit-type-select-wrapper .dk-select.perPage .dk-selected:after, .CreditorTemplateManagingV3 .credit-type-select-wrapper .dk-select.perPage .dk-selected:after, .CreditorTemplateManagingV3Public .credit-type-select-wrapper .dk-select.perPage .dk-selected:after, .CreditorTemplateManagingForeignV2 .credit-type-select-wrapper .dk-select.perPage .dk-selected:after, .CrontoTokenList .credit-type-select-wrapper .dk-select.perPage .dk-selected:after, .P2PPaymentOverview .credit-type-select-wrapper .dk-select.perPage .dk-selected:after, .DepositStatementsCorporate .credit-type-select-wrapper .dk-select.perPage .dk-selected:after { right: 15px; } .LoanRepayments .credit-type-select-wrapper .select-1.dk-select-open-down, .CreditorTemplateManaging .credit-type-select-wrapper .select-1.dk-select-open-down, .CardStatementsCorporate .credit-type-select-wrapper .select-1.dk-select-open-down, .CardStatements .credit-type-select-wrapper .select-1.dk-select-open-down, .AccountStatements .credit-type-select-wrapper .select-1.dk-select-open-down, .PaymentToMobileTemplates .credit-type-select-wrapper .select-1.dk-select-open-down, .CreditorTemplateManagingV3 .credit-type-select-wrapper .select-1.dk-select-open-down, .CreditorTemplateManagingV3Public .credit-type-select-wrapper .select-1.dk-select-open-down, .CreditorTemplateManagingForeignV2 .credit-type-select-wrapper .select-1.dk-select-open-down, .CrontoTokenList .credit-type-select-wrapper .select-1.dk-select-open-down, .P2PPaymentOverview .credit-type-select-wrapper .select-1.dk-select-open-down, .DepositStatementsCorporate .credit-type-select-wrapper .select-1.dk-select-open-down { border-radius: 6px; border-color: #0faaea; } .LoanRepayments .payment-filter .payment-filter-box svg, .CreditorTemplateManaging .payment-filter .payment-filter-box svg, .CardStatementsCorporate .payment-filter .payment-filter-box svg, .CardStatements .payment-filter .payment-filter-box svg, .AccountStatements .payment-filter .payment-filter-box svg, .PaymentToMobileTemplates .payment-filter .payment-filter-box svg, .CreditorTemplateManagingV3 .payment-filter .payment-filter-box svg, .CreditorTemplateManagingV3Public .payment-filter .payment-filter-box svg, .CreditorTemplateManagingForeignV2 .payment-filter .payment-filter-box svg, .CrontoTokenList .payment-filter .payment-filter-box svg, .P2PPaymentOverview .payment-filter .payment-filter-box svg, .DepositStatementsCorporate .payment-filter .payment-filter-box svg { right: 3px; display: inline; float: left; top: 3px; } .LoanRepayments .account-statements-info .beneficiaries-fav svg, .CreditorTemplateManaging .account-statements-info .beneficiaries-fav svg, .CardStatementsCorporate .account-statements-info .beneficiaries-fav svg, .CardStatements .account-statements-info .beneficiaries-fav svg, .AccountStatements .account-statements-info .beneficiaries-fav svg, .PaymentToMobileTemplates .account-statements-info .beneficiaries-fav svg, .CreditorTemplateManagingV3 .account-statements-info .beneficiaries-fav svg, .CreditorTemplateManagingV3Public .account-statements-info .beneficiaries-fav svg, .CreditorTemplateManagingForeignV2 .account-statements-info .beneficiaries-fav svg, .CrontoTokenList .account-statements-info .beneficiaries-fav svg, .P2PPaymentOverview .account-statements-info .beneficiaries-fav svg, .DepositStatementsCorporate .account-statements-info .beneficiaries-fav svg { margin: 0 25px; } .LoanRepayments .account-statements-info .beneficiaries-fav.active svg, .CreditorTemplateManaging .account-statements-info .beneficiaries-fav.active svg, .CardStatementsCorporate .account-statements-info .beneficiaries-fav.active svg, .CardStatements .account-statements-info .beneficiaries-fav.active svg, .AccountStatements .account-statements-info .beneficiaries-fav.active svg, .PaymentToMobileTemplates .account-statements-info .beneficiaries-fav.active svg, .CreditorTemplateManagingV3 .account-statements-info .beneficiaries-fav.active svg, .CreditorTemplateManagingV3Public .account-statements-info .beneficiaries-fav.active svg, .CreditorTemplateManagingForeignV2 .account-statements-info .beneficiaries-fav.active svg, .CrontoTokenList .account-statements-info .beneficiaries-fav.active svg, .P2PPaymentOverview .account-statements-info .beneficiaries-fav.active svg, .DepositStatementsCorporate .account-statements-info .beneficiaries-fav.active svg { stroke: #f60; fill: #f60; } .LoanRepayments .account-statements-info .payments-ico p, .CreditorTemplateManaging .account-statements-info .payments-ico p, .CardStatementsCorporate .account-statements-info .payments-ico p, .CardStatements .account-statements-info .payments-ico p, .AccountStatements .account-statements-info .payments-ico p, .PaymentToMobileTemplates .account-statements-info .payments-ico p, .CreditorTemplateManagingV3 .account-statements-info .payments-ico p, .CreditorTemplateManagingV3Public .account-statements-info .payments-ico p, .CreditorTemplateManagingForeignV2 .account-statements-info .payments-ico p, .CrontoTokenList .account-statements-info .payments-ico p, .P2PPaymentOverview .account-statements-info .payments-ico p, .DepositStatementsCorporate .account-statements-info .payments-ico p { position: absolute; line-height: 0 !important; margin-bottom: 0; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .LoanRepayments .account-statements-info .payments-ico img, .CreditorTemplateManaging .account-statements-info .payments-ico img, .CardStatementsCorporate .account-statements-info .payments-ico img, .CardStatements .account-statements-info .payments-ico img, .AccountStatements .account-statements-info .payments-ico img, .PaymentToMobileTemplates .account-statements-info .payments-ico img, .CreditorTemplateManagingV3 .account-statements-info .payments-ico img, .CreditorTemplateManagingV3Public .account-statements-info .payments-ico img, .CreditorTemplateManagingForeignV2 .account-statements-info .payments-ico img, .CrontoTokenList .account-statements-info .payments-ico img, .P2PPaymentOverview .account-statements-info .payments-ico img, .DepositStatementsCorporate .account-statements-info .payments-ico img { border-radius: 50%; } .LoanRepayments .account-statements-info .account-statement-pdf-download, .CreditorTemplateManaging .account-statements-info .account-statement-pdf-download, .CardStatementsCorporate .account-statements-info .account-statement-pdf-download, .CardStatements .account-statements-info .account-statement-pdf-download, .AccountStatements .account-statements-info .account-statement-pdf-download, .PaymentToMobileTemplates .account-statements-info .account-statement-pdf-download, .CreditorTemplateManagingV3 .account-statements-info .account-statement-pdf-download, .CreditorTemplateManagingV3Public .account-statements-info .account-statement-pdf-download, .CreditorTemplateManagingForeignV2 .account-statements-info .account-statement-pdf-download, .CrontoTokenList .account-statements-info .account-statement-pdf-download, .P2PPaymentOverview .account-statements-info .account-statement-pdf-download, .DepositStatementsCorporate .account-statements-info .account-statement-pdf-download { padding-right: 0; } .LoanRepayments .account-statements-info .account-statement-pdf-download p, .CreditorTemplateManaging .account-statements-info .account-statement-pdf-download p, .CardStatementsCorporate .account-statements-info .account-statement-pdf-download p, .CardStatements .account-statements-info .account-statement-pdf-download p, .AccountStatements .account-statements-info .account-statement-pdf-download p, .PaymentToMobileTemplates .account-statements-info .account-statement-pdf-download p, .CreditorTemplateManagingV3 .account-statements-info .account-statement-pdf-download p, .CreditorTemplateManagingV3Public .account-statements-info .account-statement-pdf-download p, .CreditorTemplateManagingForeignV2 .account-statements-info .account-statement-pdf-download p, .CrontoTokenList .account-statements-info .account-statement-pdf-download p, .P2PPaymentOverview .account-statements-info .account-statement-pdf-download p, .DepositStatementsCorporate .account-statements-info .account-statement-pdf-download p { padding-left: 50px; } .LoanRepayments .account-statements-info .account-statement-pdf-download .dot-menu-text-wrapper .pdf-download .page-text, .CreditorTemplateManaging .account-statements-info .account-statement-pdf-download .dot-menu-text-wrapper .pdf-download .page-text, .CardStatementsCorporate .account-statements-info .account-statement-pdf-download .dot-menu-text-wrapper .pdf-download .page-text, .CardStatements .account-statements-info .account-statement-pdf-download .dot-menu-text-wrapper .pdf-download .page-text, .AccountStatements .account-statements-info .account-statement-pdf-download .dot-menu-text-wrapper .pdf-download .page-text, .PaymentToMobileTemplates .account-statements-info .account-statement-pdf-download .dot-menu-text-wrapper .pdf-download .page-text, .CreditorTemplateManagingV3 .account-statements-info .account-statement-pdf-download .dot-menu-text-wrapper .pdf-download .page-text, .CreditorTemplateManagingV3Public .account-statements-info .account-statement-pdf-download .dot-menu-text-wrapper .pdf-download .page-text, .CreditorTemplateManagingForeignV2 .account-statements-info .account-statement-pdf-download .dot-menu-text-wrapper .pdf-download .page-text, .CrontoTokenList .account-statements-info .account-statement-pdf-download .dot-menu-text-wrapper .pdf-download .page-text, .P2PPaymentOverview .account-statements-info .account-statement-pdf-download .dot-menu-text-wrapper .pdf-download .page-text, .DepositStatementsCorporate .account-statements-info .account-statement-pdf-download .dot-menu-text-wrapper .pdf-download .page-text { padding-left: 10px; text-transform: inherit; white-space: nowrap; } .LoanRepayments .account-statements-info .account-detail-menu .dot-menu, .CreditorTemplateManaging .account-statements-info .account-detail-menu .dot-menu, .CardStatementsCorporate .account-statements-info .account-detail-menu .dot-menu, .CardStatements .account-statements-info .account-detail-menu .dot-menu, .AccountStatements .account-statements-info .account-detail-menu .dot-menu, .PaymentToMobileTemplates .account-statements-info .account-detail-menu .dot-menu, .CreditorTemplateManagingV3 .account-statements-info .account-detail-menu .dot-menu, .CreditorTemplateManagingV3Public .account-statements-info .account-detail-menu .dot-menu, .CreditorTemplateManagingForeignV2 .account-statements-info .account-detail-menu .dot-menu, .CrontoTokenList .account-statements-info .account-detail-menu .dot-menu, .P2PPaymentOverview .account-statements-info .account-detail-menu .dot-menu, .DepositStatementsCorporate .account-statements-info .account-detail-menu .dot-menu { box-shadow: none; } .LoanRepayments .account-statements-info .account-detail-menu .dot-menu:hover, .CreditorTemplateManaging .account-statements-info .account-detail-menu .dot-menu:hover, .CardStatementsCorporate .account-statements-info .account-detail-menu .dot-menu:hover, .CardStatements .account-statements-info .account-detail-menu .dot-menu:hover, .AccountStatements .account-statements-info .account-detail-menu .dot-menu:hover, .PaymentToMobileTemplates .account-statements-info .account-detail-menu .dot-menu:hover, .CreditorTemplateManagingV3 .account-statements-info .account-detail-menu .dot-menu:hover, .CreditorTemplateManagingV3Public .account-statements-info .account-detail-menu .dot-menu:hover, .CreditorTemplateManagingForeignV2 .account-statements-info .account-detail-menu .dot-menu:hover, .CrontoTokenList .account-statements-info .account-detail-menu .dot-menu:hover, .P2PPaymentOverview .account-statements-info .account-detail-menu .dot-menu:hover, .DepositStatementsCorporate .account-statements-info .account-detail-menu .dot-menu:hover { box-shadow: none; } .LoanRepayments .addNew, .CreditorTemplateManaging .addNew, .CardStatementsCorporate .addNew, .CardStatements .addNew, .AccountStatements .addNew, .PaymentToMobileTemplates .addNew, .CreditorTemplateManagingV3 .addNew, .CreditorTemplateManagingV3Public .addNew, .CreditorTemplateManagingForeignV2 .addNew, .CrontoTokenList .addNew, .P2PPaymentOverview .addNew, .DepositStatementsCorporate .addNew { top: unset; position: absolute; } .LoanRepayments .addNew a, .CreditorTemplateManaging .addNew a, .CardStatementsCorporate .addNew a, .CardStatements .addNew a, .AccountStatements .addNew a, .PaymentToMobileTemplates .addNew a, .CreditorTemplateManagingV3 .addNew a, .CreditorTemplateManagingV3Public .addNew a, .CreditorTemplateManagingForeignV2 .addNew a, .CrontoTokenList .addNew a, .P2PPaymentOverview .addNew a, .DepositStatementsCorporate .addNew a { border-radius: 25px; cursor: pointer; height: 20px; } .LoanRepayments .addNew a > .plus-ico, .CreditorTemplateManaging .addNew a > .plus-ico, .CardStatementsCorporate .addNew a > .plus-ico, .CardStatements .addNew a > .plus-ico, .AccountStatements .addNew a > .plus-ico, .PaymentToMobileTemplates .addNew a > .plus-ico, .CreditorTemplateManagingV3 .addNew a > .plus-ico, .CreditorTemplateManagingV3Public .addNew a > .plus-ico, .CreditorTemplateManagingForeignV2 .addNew a > .plus-ico, .CrontoTokenList .addNew a > .plus-ico, .P2PPaymentOverview .addNew a > .plus-ico, .DepositStatementsCorporate .addNew a > .plus-ico { width: 18px; height: 18px; stroke: currentColor; margin-right: 7px; } .LoanRepayments .addNew a p, .CreditorTemplateManaging .addNew a p, .CardStatementsCorporate .addNew a p, .CardStatements .addNew a p, .AccountStatements .addNew a p, .PaymentToMobileTemplates .addNew a p, .CreditorTemplateManagingV3 .addNew a p, .CreditorTemplateManagingV3Public .addNew a p, .CreditorTemplateManagingForeignV2 .addNew a p, .CrontoTokenList .addNew a p, .P2PPaymentOverview .addNew a p, .DepositStatementsCorporate .addNew a p { /*padding-left: 10px;*/ font-size: 14px; } .LoanRepayments .addNew:hover, .CreditorTemplateManaging .addNew:hover, .CardStatementsCorporate .addNew:hover, .CardStatements .addNew:hover, .AccountStatements .addNew:hover, .PaymentToMobileTemplates .addNew:hover, .CreditorTemplateManagingV3 .addNew:hover, .CreditorTemplateManagingV3Public .addNew:hover, .CreditorTemplateManagingForeignV2 .addNew:hover, .CrontoTokenList .addNew:hover, .P2PPaymentOverview .addNew:hover, .DepositStatementsCorporate .addNew:hover { color: white; } .LoanRepayments .addNew:hover a, .CreditorTemplateManaging .addNew:hover a, .CardStatementsCorporate .addNew:hover a, .CardStatements .addNew:hover a, .AccountStatements .addNew:hover a, .PaymentToMobileTemplates .addNew:hover a, .CreditorTemplateManagingV3 .addNew:hover a, .CreditorTemplateManagingV3Public .addNew:hover a, .CreditorTemplateManagingForeignV2 .addNew:hover a, .CrontoTokenList .addNew:hover a, .P2PPaymentOverview .addNew:hover a, .DepositStatementsCorporate .addNew:hover a { box-shadow: none; } .LoanRepayments .popup-content, .CreditorTemplateManaging .popup-content, .CardStatementsCorporate .popup-content, .CardStatements .popup-content, .AccountStatements .popup-content, .PaymentToMobileTemplates .popup-content, .CreditorTemplateManagingV3 .popup-content, .CreditorTemplateManagingV3Public .popup-content, .CreditorTemplateManagingForeignV2 .popup-content, .CrontoTokenList .popup-content, .P2PPaymentOverview .popup-content, .DepositStatementsCorporate .popup-content { width: 184px; } .LoanRepayments .popup-content .dot-decoration, .CreditorTemplateManaging .popup-content .dot-decoration, .CardStatementsCorporate .popup-content .dot-decoration, .CardStatements .popup-content .dot-decoration, .AccountStatements .popup-content .dot-decoration, .PaymentToMobileTemplates .popup-content .dot-decoration, .CreditorTemplateManagingV3 .popup-content .dot-decoration, .CreditorTemplateManagingV3Public .popup-content .dot-decoration, .CreditorTemplateManagingForeignV2 .popup-content .dot-decoration, .CrontoTokenList .popup-content .dot-decoration, .P2PPaymentOverview .popup-content .dot-decoration, .DepositStatementsCorporate .popup-content .dot-decoration { right: 55px; } .LoanRepayments .popup-content p.third-element, .CreditorTemplateManaging .popup-content p.third-element, .CardStatementsCorporate .popup-content p.third-element, .CardStatements .popup-content p.third-element, .AccountStatements .popup-content p.third-element, .PaymentToMobileTemplates .popup-content p.third-element, .CreditorTemplateManagingV3 .popup-content p.third-element, .CreditorTemplateManagingV3Public .popup-content p.third-element, .CreditorTemplateManagingForeignV2 .popup-content p.third-element, .CrontoTokenList .popup-content p.third-element, .P2PPaymentOverview .popup-content p.third-element, .DepositStatementsCorporate .popup-content p.third-element { white-space: nowrap; } .LoanRepayments .widget-tabs, .CreditorTemplateManaging .widget-tabs, .CardStatementsCorporate .widget-tabs, .CardStatements .widget-tabs, .AccountStatements .widget-tabs, .PaymentToMobileTemplates .widget-tabs, .CreditorTemplateManagingV3 .widget-tabs, .CreditorTemplateManagingV3Public .widget-tabs, .CreditorTemplateManagingForeignV2 .widget-tabs, .CrontoTokenList .widget-tabs, .P2PPaymentOverview .widget-tabs, .DepositStatementsCorporate .widget-tabs { top: -160px; position: absolute; width: 380px; left: 0; right: 0; } .LoanRepayments .widget-tabs li a, .CreditorTemplateManaging .widget-tabs li a, .CardStatementsCorporate .widget-tabs li a, .CardStatements .widget-tabs li a, .AccountStatements .widget-tabs li a, .PaymentToMobileTemplates .widget-tabs li a, .CreditorTemplateManagingV3 .widget-tabs li a, .CreditorTemplateManagingV3Public .widget-tabs li a, .CreditorTemplateManagingForeignV2 .widget-tabs li a, .CrontoTokenList .widget-tabs li a, .P2PPaymentOverview .widget-tabs li a, .DepositStatementsCorporate .widget-tabs li a { /*padding: 6px 55px;*/ padding: 4px 0; white-space: nowrap; display: inline-block; width: 100%; } .classNoStatements { border-bottom: 1px solid #c7c7c7; padding-bottom: 20px; } .LoanRepayments .credit-type-select-wrapper .dk-select .dk-selected:after, .DepositStatementsCorporate .credit-type-select-wrapper .dk-select .dk-selected:after, .AccountStatements .credit-type-select-wrapper .dk-select .dk-selected:after { content: ""; display: block; width: 20px; height: 100%; position: absolute; top: 0; right: -20px; background: url(images/icons/arrow-down.png) 50% no-repeat; background-size: 16px; } .DepositStatementsCorporate .tableFilter, .AccountStatements .tableFilter { margin-bottom: 50px; } .DepositStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .select-1.active .dk-selected, .AccountStatements .tableFilter .transaction-filter-inner .transaction-filter-box .select-1.active .dk-selected { border-radius: 6px 6px 0 0; border-bottom: transparent; border-right: transparent; border-color: #0faaea; } .DepositStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .AccountStatements .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input { padding: 6px 34px 6px 16px; } .DepositStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .AccountStatements .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select { padding: 11px 34px 11px 16px; } .DepositStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .dk-select .dk-select-options, .AccountStatements .tableFilter .transaction-filter-inner .transaction-filter-box .dk-select .dk-select-options { padding: 0; height: auto; padding-top: 50px; } .DepositStatementsCorporate .noStatements .payment-filter-box .page-text-2, .AccountStatements .noStatements .payment-filter-box .page-text-2 { margin-bottom: 5px; } .DepositStatementsCorporate .noStatements .payment-filter-box svg, .AccountStatements .noStatements .payment-filter-box svg { top: 0px !important; } .DepositStatementsCorporate .account-statements-info .group-inner, .AccountStatements .account-statements-info .group-inner { width: 8%; padding-left: 60px; } .DepositStatementsCorporate .account-statement-pdf-download, .AccountStatements .account-statement-pdf-download { width: 15%; } .gvAccountStatementDetal table thead tr th { text-align: left; } .gvAccountStatementDetal table tbody tr td { line-height: unset; vertical-align: top; /* &:nth-child(2), &:nth-child(3), &:nth-child(6), &:nth-child(7), &:nth-child(8) { vertical-align: top; }*/ } .AccountStatements, .DepositStatementsCorporate, .CardStatementsCorporate, .CardStatements { margin-bottom: 0px; padding-bottom: 0px; } .AccountStatements .tableFilter .transaction-filter-inner .dk-selected { padding: 11px 35px 11px 16px; } .AccountStatements .payment-filter .payment-filter-box:first-child { width: 20%; } .AccountStatements .payment-filter .payment-filter-box svg { left: unset !important; } .AccountStatements .payment-filter .payment-filter-box .page-text-2 { padding-right: 10px; } .AccountStatements .credit-type-select-wrapper .dk-select .dk-selected { height: unset; } .Forms_ActiveWorkflowListSOG { padding-bottom: 100px; } .Forms_ActiveWorkflowListSOG .account-statements-info-wrapper { border-bottom: 1px solid #C7C7C7; } .Forms_ActiveWorkflowListSOG .show-per-page .page-text-2 { padding-right: 8px; } .Forms_ActiveWorkflowListSOG .payment-filter { width: 100%; padding-right: 20px; } .Forms_ActiveWorkflowListSOG .account-statement-text { width: -webkit-calc(100% - 348px); width: 40%; } .Forms_ActiveWorkflowListSOG .payment-filter-box .inactive-sort-arrow { right: unset; display: inline; float: left; transition: opacity .5s; position: absolute; width: 8px; height: 14px; top: 2px; cursor: pointer; background-image: url("images/icons/arrows-2.png"); background-position: 50%; background-repeat: no-repeat; background-size: contain; opacity: 1; z-index: 1; } .Forms_ActiveWorkflowListSOG .payment-filter-box .sort-indicator-name { right: unset; display: inline; float: left; transition: opacity .5s; position: absolute; width: 8px; height: 14px; top: 2px; cursor: pointer; background-image: url("images/icons/icon-sorter-down.png"); background-repeat: no-repeat; opacity: 0; } .Forms_ActiveWorkflowListSOG .payment-filter-box .sort-indicator-name.active { opacity: 1; z-index: 2; } .Forms_ActiveWorkflowListSOG .payment-filter-box .sort-indicator-name-2 { right: unset; display: inline; float: left; transition: opacity .5s; position: absolute; width: 8px; height: 14px; top: 2px; cursor: pointer; background-image: url("images/icons/icon-sorter-up.png"); background-repeat: no-repeat; opacity: 0; } .Forms_ActiveWorkflowListSOG .payment-filter-box .sort-indicator-name-2.active { opacity: 1; z-index: 2; } .Forms_ActiveWorkflowListSOG .credit-type-select-wrapper { height: 40px; background-color: transparent; } .Forms_ActiveWorkflowListSOG .credit-type-select-wrapper .dk-select { padding: 10px 35px 10px 16px; background-color: #fff; border: 1px solid #dcdcdc; border-radius: 25px; } .Forms_ActiveWorkflowListSOG .credit-type-select-wrapper .dk-select .acc-number { color: #C7C7C7; font-size: 15px; } .Forms_ActiveWorkflowListSOG .credit-type-select-wrapper .dk-select .dk-selected { border: none; border-radius: 0; padding: 0; position: relative; } .Forms_ActiveWorkflowListSOG .credit-type-select-wrapper .dk-select .dk-selected:after { content: ""; display: block; width: 9px; height: 100%; position: absolute; top: 0; right: -20px; background-size: 9px; } .Forms_ActiveWorkflowListSOG .credit-type-select-wrapper .dk-select .dk-select-options { border-radius: 0; position: relative; box-shadow: none; display: none; } .Forms_ActiveWorkflowListSOG .credit-type-select-wrapper .dk-select .dk-select-options li { padding: 16px 0; } .Forms_ActiveWorkflowListSOG .credit-type-select-wrapper .dk-select .dk-select-options li:last-child { padding-top: 0; padding-bottom: 6px; } .Forms_ActiveWorkflowListSOG .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected { background: transparent; } .Forms_ActiveWorkflowListSOG .credit-type-select-wrapper .dk-select .dk-select-options.perPage { border-top: 2px solid #52ae30; } .Forms_ActiveWorkflowListSOG .credit-type-select-wrapper .dk-select .dk-select-options.perPage li { margin: 0; padding: 0; padding: 10px 35px 10px 16px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .Forms_ActiveWorkflowListSOG .credit-type-select-wrapper .dk-select .dk-select-options.perPage li:hover { background-color: whitesmoke; border-color: #dcdcdc; } .Forms_ActiveWorkflowListSOG .credit-type-select-wrapper .dk-select .dk-select-options.perPage li.dk-option-selected { background: transparent; } .Forms_ActiveWorkflowListSOG .credit-type-select-wrapper .dk-select.perPage { padding: 0; overflow: hidden; } .Forms_ActiveWorkflowListSOG .credit-type-select-wrapper .dk-select.perPage .dk-selected { padding: 10px 35px 10px 16px; } .Forms_ActiveWorkflowListSOG .credit-type-select-wrapper .dk-select.perPage .dk-selected:after { right: 15px; } .Forms_ActiveWorkflowListSOG .payment-filter .payment-filter-box svg { right: unset; display: inline; float: left; } .Forms_ActiveWorkflowListSOG .account-statements-info .beneficiaries-fav svg { margin: 0 25px; } .Forms_ActiveWorkflowListSOG .account-statements-info .beneficiaries-fav.active svg { stroke: #f60; fill: #f60; } .Forms_ActiveWorkflowListSOG .account-statements-info .payments-ico p { position: absolute; line-height: 0 !important; margin-bottom: 0; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .Forms_ActiveWorkflowListSOG .account-statements-info .payments-ico img { border-radius: 50%; } .Forms_ActiveWorkflowListSOG .account-statements-info .account-statement-pdf-download { padding-right: 0; } .Forms_ActiveWorkflowListSOG .account-statements-info .account-statement-pdf-download p { padding-left: 16px; } .Forms_ActiveWorkflowListSOG .account-statements-info .account-statement-pdf-download .dot-menu-text-wrapper .pdf-download .page-text { padding-left: 10px; text-transform: inherit; white-space: nowrap; } .Forms_ActiveWorkflowListSOG .account-statements-info .account-detail-menu .dot-menu { box-shadow: none; } .Forms_ActiveWorkflowListSOG .account-statements-info .account-detail-menu .dot-menu:hover { box-shadow: none; } .Forms_ActiveWorkflowListSOG .addNew { top: unset; position: absolute; } .Forms_ActiveWorkflowListSOG .addNew a { border-radius: 25px; cursor: pointer; height: 20px; } .Forms_ActiveWorkflowListSOG .addNew a > .plus-ico { width: 18px; height: 18px; stroke: currentColor; margin-right: 7px; } .Forms_ActiveWorkflowListSOG .addNew a p { /*padding-left: 10px;*/ font-size: 14px; } .Forms_ActiveWorkflowListSOG .addNew:hover { color: white; } .Forms_ActiveWorkflowListSOG .addNew:hover a { box-shadow: none; } .Forms_ActiveWorkflowListSOG .popup-content { width: 184px; } .Forms_ActiveWorkflowListSOG .popup-content .dot-decoration { right: 55px; } .Forms_ActiveWorkflowListSOG .popup-content p.third-element { white-space: nowrap; } .Forms_ActiveWorkflowListSOG .widget-tabs { top: -160px; position: absolute; width: 380px; left: 0; right: 0; } .Forms_ActiveWorkflowListSOG .widget-tabs li a { /*padding: 6px 55px;*/ padding: 4px 0; white-space: nowrap; display: inline-block; width: 100%; } .MessageHubNotificationList { padding-bottom: 100px; } .MessageHubNotificationList .account-statements-info-wrapper { border-bottom: 1px solid #C7C7C7; } .MessageHubNotificationList .show-per-page .page-text-2 { padding-right: 16px; } .MessageHubNotificationList .credit-type-select-wrapper { height: 40px; background-color: transparent; } .MessageHubNotificationList .credit-type-select-wrapper .dk-select { padding: 10px 35px 10px 16px; background-color: #fff; border: 1px solid #dcdcdc; border-radius: 25px; } .MessageHubNotificationList .credit-type-select-wrapper .dk-select .acc-number { color: #C7C7C7; font-size: 15px; } .MessageHubNotificationList .credit-type-select-wrapper .dk-select .dk-selected { border: none; border-radius: 0; padding: 0; position: relative; } .MessageHubNotificationList .credit-type-select-wrapper .dk-select .dk-selected:after { content: ""; display: block; width: 9px; height: 100%; position: absolute; top: 0; right: -20px; background-size: 9px; } .MessageHubNotificationList .credit-type-select-wrapper .dk-select .dk-select-options { border-radius: 0; position: relative; box-shadow: none; display: none; } .MessageHubNotificationList .credit-type-select-wrapper .dk-select .dk-select-options li { padding: 16px 0; } .MessageHubNotificationList .credit-type-select-wrapper .dk-select .dk-select-options li:last-child { padding-top: 0; padding-bottom: 6px; } .MessageHubNotificationList .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected { background: transparent; } .MessageHubNotificationList .credit-type-select-wrapper .dk-select .dk-select-options.perPage { border-top: 2px solid #52ae30; } .MessageHubNotificationList .credit-type-select-wrapper .dk-select .dk-select-options.perPage li { margin: 0; padding: 0; padding: 10px 35px 10px 16px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .MessageHubNotificationList .credit-type-select-wrapper .dk-select .dk-select-options.perPage li:hover { background-color: whitesmoke; border-color: #dcdcdc; } .MessageHubNotificationList .credit-type-select-wrapper .dk-select .dk-select-options.perPage li.dk-option-selected { background: transparent; } .MessageHubNotificationList .credit-type-select-wrapper .dk-select.perPage { padding: 0; overflow: hidden; } .MessageHubNotificationList .credit-type-select-wrapper .dk-select.perPage .dk-selected { padding: 10px 35px 10px 16px; } .MessageHubNotificationList .credit-type-select-wrapper .dk-select.perPage .dk-selected:after { right: 15px; } .newTemplate .input-select-1 .validationMessage { top: 15px !important; left: -15px !important; position: relative !important; } .newTemplate .credit-type-select-wrapper { padding: 17px 30px 17px 16px; border: 1px solid #E8E9EC; } .newTemplate .credit-type-select-wrapper .dk-select .custom-name { font-size: 15px; color: rgba(0, 0, 0, 0.87); } .newTemplate .credit-type-select-wrapper .dk-select .acc-number { color: #C7C7C7; font-size: 15px; } .newTemplate .credit-type-select-wrapper .dk-select .dk-selected { border: none; border-radius: 0; padding: 0; position: relative; } .newTemplate .credit-type-select-wrapper .dk-select .dk-selected:after { right: 0; } .newTemplate .credit-type-select-wrapper .dk-select .dk-select-options { width: calc(100% - 20px); top: 75%; left: -15px; margin-top: 17px; border-radius: 0; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; box-shadow: 0 9px 8px rgba(0, 0, 0, 0.12); } .newTemplate .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected { background: transparent; } .newTemplate .my-account-detail-img-wrapper { width: 80px; height: 80px; margin: auto; margin-bottom: 20px; } .newTemplate .my-account-detail-img-wrapper .my-account-detail-img { width: 100%; height: 100%; border-radius: 50%; overflow: hidden; } .newTemplate .my-account-detail-img-wrapper .my-account-detail-img .beneficiary-default-ico { position: absolute; width: 33px; height: 40px; left: 50%; top: 50%; transform: translate(-50%, -50%); } .newTemplate .my-account-detail-img-wrapper .my-account-detail-img .beneficiary-default-ico.templateAvatar { color: rgba(0, 0, 0, 0.54); } .newTemplate .my-account-detail-img-wrapper .my-account-detail-change-img { position: absolute; width: 40px; height: 40px; right: -10px; bottom: -10px; display: block; border-radius: 50%; background-color: #0a79b8 !important; transition: all .5s; } .newTemplate .my-account-detail-img-wrapper .my-account-detail-change-img:hover { background-color: #2A7F00 !important; } .newTemplate .my-account-detail-img-wrapper .my-account-detail-change-img .my-account-img-upload { position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; z-index: 10 !important; cursor: pointer; } .newTemplate .my-account-detail-img-wrapper .my-account-detail-change-img .cam-ico { position: absolute; width: 18px; height: 15px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); stroke: currentColor; } .newTemplate .input-1 { padding: 0; width: 95%; height: 44px; padding-left: 16px; } .newTemplate .checkbox-save { display: inline; position: relative; } .newTemplate .checkbox-save .checkmark { position: absolute; top: 0; height: 14px; width: 14px; border: 2px solid #a2b8cf; border-radius: 2px; background: transparent; cursor: pointer; left: 10px; z-index: 2; } .newTemplate .checkbox-save .checkmark:after { content: ""; width: 18px; height: 18px; left: -2px; top: -2px; position: absolute; background: url(images/icons/checkbox.png) 0 0 no-repeat; background-size: 100%; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; } .newTemplate .checkbox-save.checked .checkmark:after { opacity: 1; } .newTemplate .checkbox-save.unchecked .checkmark:after { opacity: 0; } .newTemplate .popup-btn-wrapper .cancle-beneficiary:hover { background: #E8E9EC !important; border-color: #E8E9EC !important; } .newTemplate .payment-form-checkbox-wrapper label { padding-left: 40px; } /*.PaymentOverviewV3 { .s-widget-title { margin-top: -32px; } table { thead { tr { border-bottom: 1px solid #C7C7C7; } th { text-align: left !important; padding-left: 12px; &:nth-child(2) { text-align: center !important; padding-left: 0px; } &:last-child { text-align: right !important; padding-right: 15px; padding-left: 0px; } &:nth-child(7) { display: none !important; } } } tbody { &:before { content: "@"; display: block; line-height: 20px; text-indent: -99999px; } tr { &:first-child { border-top: none !important; } td { &:nth-child(2) { border-bottom-left-radius: 31px; border-top-left-radius: 31px; width: 21%; } &:nth-child(3) { width: 26%; span { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; max-width: 355px; } } &:nth-child(4) { width: 30%; span { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; max-width: 375px; } } &:last-child { border-bottom-right-radius: 31px; border-top-right-radius: 31px; text-align: right !important; } .amount-overview { display: inline; color: rgba(0, 0, 0, .87) !important; font-family: $secondaryfont !important; } .currencyTurnover { color: $color-3 !important; font-family: $secondaryfont !important; } .status { &-completed { color: $color-2; } &-rejected { color: #ff435a; } &-pending { color: $color-3; } } } } } } .account-input { width: 19% !important; .dk-select { &:after { content: ""; display: block; width: 9px; height: 100%; position: absolute; top: 0; right: 18px; background: url(images/icons/arrows-2.png) 50% no-repeat; background-size: 9px; z-index: 1; } } &.activeClick { .dk-select { .dk-selected { border-radius: 25px 25px 0 0 !important; } } } } .clientGridPager { display: flex !important; } .focusin { border: 1px solid $color-2; } .transaction-filter-inner { .filterButton { box-shadow: none !important; right: -35px; button { font-size: 15px !important; box-shadow: none; } } .transaction-filter-box { .transaction-filter { input { padding-left: 15px !important; background-color: transparent; } } } .description { .search { fill: #C7C7C7; width: 18px; height: 18px; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); } .input-1 { width: 67% !important; } } } }*/ .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img { display: block !important; position: absolute; right: 15px; width: 18px; height: 18px; } .PaymentOverviewV3 { margin-bottom: 60px; } .PaymentOverviewV3 .s-widget-title { margin-bottom: 0px; } .PaymentOverviewV3 .gvOrderPreviewList table tbody { border-bottom: 1px solid #8294a8; } .PaymentOverviewV3 .gvOrderPreviewList .clientGridPager { padding-top: unset; border-top: none; } .PaymentOverviewV3 .group-inner .select-1.dk-select-open-down .dk-selected { border-right: 1px solid #0faaea !important; } .PaymentOverviewV3 .group-inner.filter .dk-select-options { padding-top: 0; } .PaymentOverviewV3 .tableFilter, .ForeignPaymentOverviewV2 .tableFilter { margin-bottom: 30px !important; } .PaymentOverviewV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .ForeignPaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar { padding: 11px 16px; } @media only screen and (max-width: 600px) { .DigitalBank .wrapper-container .childrens-wrapper { flex-direction: column; align-items: center; } .DigitalBank .wrapper-container .childrens-wrapper .childrenList { flex-direction: column; } .DigitalBank .wrapper-container .childrens-wrapper .child { width: 100% !important; text-align: center; max-width: 290px; } } .DigitalBank { max-width: 1210px; padding: 0 20px; margin: 0 auto; padding-bottom: 1px; margin-top: 10px; } .DigitalBank .title { font-family: 'Source-Sans-Pro-bold', 'sans-serif'; color: rgba(0, 0, 0, 0.87); font-size: 24px; text-align: center; letter-spacing: -.02em; margin: 0; margin-bottom: 20px; padding: 0; border: 0; } .DigitalBank .wrapper-container { display: grid; place-items: center; } .DigitalBank .wrapper-container .childrens-wrapper { display: flex; } .DigitalBank .wrapper-container .childrens-wrapper .childrenList { margin-bottom: 20px; display: flex; align-items: center; justify-content: center; } .DigitalBank .wrapper-container .childrens-wrapper .child { display: inline-block; padding: 12px 18px 11px; margin: 0 8px 16px; border: 1px solid rgba(0, 0, 0, 0.54); border-radius: 20px; color: rgba(0, 0, 0, 0.54); font-family: 'Source-Sans-Pro-bold', 'sans-serif'; font-size: 15px; line-height: 1; letter-spacing: -.02em; cursor: pointer; height: fit-content; transition: color .3s,background-color .3s,border .3s; width: fit-content; } .DigitalBank .wrapper-container .childrens-wrapper .child:hover { border-color: #52ae30; color: #52ae30; } .DigitalBank .wrapper-container .childrens-wrapper .child.active { color: #fff; background-color: #52ae30; border-color: #52ae30; pointer-events: none; } .DigitalBank .wrapper-container .childrens-wrapper .child .all { opacity: 1; } .DigitalBank .items-wrapper { display: flex; flex-wrap: wrap; max-width: 955px; width: fit-content; margin: auto; } .DigitalBank .items-wrapper .item-model { width: calc(33.333333% - 18px); width: 300px; margin: 0 9px 44px; max-height: 375px; min-height: 330px; border-radius: 30px; overflow: hidden; background-color: #fff; box-shadow: 0 3px 16px rgba(0, 0, 0, 0.12); -webkit-transition: box-shadow .3s; transition: box-shadow .3s; cursor: pointer; } .DigitalBank .items-wrapper .item-model .promo-card-img-wrapper { width: 100%; height: 50%; position: relative; max-height: 200px; overflow: hidden; background-color: rgba(0, 0, 0, 0.54); } .DigitalBank .items-wrapper .item-model .promo-card-img-wrapper .img-wrapper { transition: transform 0.5s ease; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; background-repeat: no-repeat; background-size: cover; background-position: 50%; } .DigitalBank .items-wrapper .item-model .promo-card-img-wrapper .img-wrapper.img-50 { background-image: url("images/pictures/preapproved_banner.jpg"); } .DigitalBank .items-wrapper .item-model .promo-card-img-wrapper .img-wrapper.img-100 { background-image: url("images/pictures/img-100.jpg"); } .DigitalBank .items-wrapper .item-model .promo-card-img-wrapper .img-wrapper.img-200 { background-image: url("images/pictures/img-200.jpg"); } .DigitalBank .items-wrapper .item-model .promo-card-img-wrapper .img-wrapper.img-301 { background-image: url("images/pictures/img-301.jpg"); } .DigitalBank .items-wrapper .item-model .promo-card-img-wrapper .img-wrapper.img-302 { background-image: url("images/pictures/img-302.jpg"); } .DigitalBank .items-wrapper .item-model .promo-card-img-wrapper .img-wrapper.img-350 { background-image: url("images/pictures/img-350.jpg"); } .DigitalBank .items-wrapper .item-model .promo-card-img-wrapper .img-wrapper.img-351 { background-image: url("images/pictures/img-351.jpg"); } .DigitalBank .items-wrapper .item-model .promo-card-img-wrapper .img-wrapper.img-352 { background-image: url("images/pictures/img-352.jpg"); } .DigitalBank .items-wrapper .item-model .promo-card-img-wrapper .img-wrapper.img-500 { background-image: url("images/pictures/img-500.jpg"); } .DigitalBank .items-wrapper .item-model .promo-card-img-wrapper .img-wrapper.img-402 { background-image: url("images/pictures/img-402.jpg"); } .DigitalBank .items-wrapper .item-model .promo-card-img-wrapper .img-wrapper.img-410 { background-image: url("images/pictures/img-410.jpg"); } .DigitalBank .items-wrapper .item-model .promo-card-img-wrapper .img-wrapper.img-420 { background-image: url("images/pictures/img-420.jpg"); } .DigitalBank .items-wrapper .item-model .promo-card-content { padding: 22px 24px; background-color: #fff; font: inherit; } .DigitalBank .items-wrapper .item-model .promo-card-content .parent-model { margin-bottom: 0; color: #52ae30; font-size: 14px; margin: 0; padding: 0; text-transform: uppercase; } .DigitalBank .items-wrapper .item-model .promo-card-content .model-title { margin-bottom: 0; color: rgba(0, 0, 0, 0.87); font-size: 22px; margin: 0; padding: 0; border: 0; font-family: 'Source-Sans-Pro-bold', 'sans-serif'; } .DigitalBank .items-wrapper .item-model .promo-card-content .model-desc { color: rgba(0, 0, 0, 0.54); font-size: 15px; line-height: 1.388888; margin-bottom: 0; padding: 0; } .DigitalBank .items-wrapper .item-model:hover { box-shadow: 0 3px 16px rgba(0, 0, 0, 0.24); } .DigitalBank .items-wrapper .item-model:hover .promo-card-img-wrapper .img-wrapper { transform: scale(1.05); } #promotionDetailTemplateList { margin-top: 75px; } #promotionDetailTemplateList .insurance-debt-wrapper { display: flex; justify-content: flex-end; align-items: center; } #promotionDetailTemplateList .insurance-debt-wrapper .insurance-debt-dot { background-image: url(images/icons/insurance-debt-dot.png); background-size: 35px; background-repeat: no-repeat; width: 35px; height: 35px; position: absolute; z-index: 5 !important; } #promotionDetailTemplateList .promo-cards-wrapper .generali { background-image: url(images/pictures/promo-card-18.jpg); } #promotionDetailTemplateList .promo-cards-wrapper .generali-logo { background-image: url(images/pictures/discount-logo-9.png); } #promotionDetailTemplateList .promo-cards-wrapper .uniqa { background-image: url(images/pictures/promo-card-19.jpg); } #promotionDetailTemplateList .promo-cards-wrapper .uniqa-logo { background-image: url(images/pictures/discount-logo-10.png); } #promotionDetailTemplateList .promo-cards-wrapper .triglav-logo { background-image: url(images/pictures/ic_logo_triglav_osiguranje.png); } #promotionDetailTemplateList .promo-cards-wrapper .mix-insurance { background-image: url(images/pictures/promo-card-20.jpg); } #promotionDetailTemplateList .promo-cards-wrapper .mix-insurance-logo { background-image: url(images/pictures/discount-logo-11.png); } #promotionDetailTemplateList .promo-cards-wrapper .promo-card-content.promo-card-content-center { height: unset !important; } #promotionDetailTemplateList .promo-cards-wrapper .promo-card-content { background-color: #FFFFFF !important; } #promotionDetailTemplateList .debt-wrapper { position: absolute; } #promotionDetailTemplateList .debt-wrapper-dot { font-size: 250px; color: red; position: relative; z-index: 5 !important; top: -220px; left: 344px; } #promotionSingleDetail .installmentsList .account-item-inner, #promotionSingleDetail .reservedFunds .account-item-inner { margin-top: 25px; } #promotionSingleDetail .all-account-wrapper-outer .all-accounts-popup-wrapper p { text-align: left !important; color: unset; } #promotionSingleDetail .all-account-wrapper-outer .all-accounts-popup-wrapper .mCSB_inside > .mCSB_container { margin-right: 0px !important; } #promotionSingleDetail .all-account-wrapper-outer .all-accounts-popup-wrapper .account-item-inner .optiscroll-content .account-inter-inner-scroll .detail-container .promotion-detail-txt { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dotted rgba(0, 0, 0, 0.54); } #promotionSingleDetail .all-account-wrapper-outer .all-accounts-popup-wrapper .account-item-inner .optiscroll-content .account-inter-inner-scroll .detail-container .discount-promo-label-text { margin-top: 20px; } #promotionSingleDetail .all-account-wrapper-outer .all-accounts-popup-wrapper .account-item-inner .optiscroll-content .account-inter-inner-scroll .detail-container .transaction-popup-detail { margin-top: 20px; } #promotionSingleDetail .all-account-wrapper-outer .all-accounts-popup-wrapper .account-item-inner .optiscroll-content .account-inter-inner-scroll .detail-container .transaction-popup-detail .text-color-3 { color: rgba(0, 0, 0, 0.54) !important; } #promotionSingleDetail .all-account-wrapper-outer .all-accounts-popup-wrapper .account-item-inner .optiscroll-content .account-inter-inner-scroll .detail-container .transaction-popup-detail:hover svg { stroke: #0a79b8; } #promotionSingleDetail .all-account-wrapper-outer .all-accounts-popup-wrapper .account-item-inner .optiscroll-content .account-inter-inner-scroll .detail-container .transaction-popup-detail .dot-menu { background-color: #FFFFFF; } #promotionSingleDetail .all-account-wrapper-outer .all-accounts-popup-wrapper .account-item-inner .optiscroll-content .account-inter-inner-scroll .detail-container .transaction-popup-detail .dot-menu:hover { background-color: #0a79b8; } #promotionSingleDetail .all-account-wrapper-outer .all-accounts-popup-wrapper .account-item-inner .optiscroll-content .account-inter-inner-scroll .detail-container .transaction-popup-detail .dot-menu:hover svg { stroke: #FFFFFF; } #promotionSingleDetail .all-account-wrapper-outer .all-accounts-popup-wrapper .account-item-inner .optiscroll-content .account-inter-inner-scroll .detail-container .discount-with-tag { margin-top: 20px; display: flex; align-content: center; align-items: center; } #promotionSingleDetail .all-account-wrapper-outer .all-accounts-popup-wrapper .account-item-inner .optiscroll-content .account-inter-inner-scroll .detail-container .discount-with-tag .discount-tag-ico { stroke: #0a79b8; width: 40px; height: 40px; margin-right: 24px; } #promotionSingleDetail .all-account-wrapper-outer .all-accounts-popup-wrapper .account-item-inner .optiscroll-content .account-inter-inner-scroll .detail-container .discount-with-tag .discount-tag-content { border-left: 1px dotted rgba(0, 0, 0, 0.54); padding-left: 24px; } #promotionSingleDetail .all-account-wrapper-outer .all-accounts-popup-wrapper .account-item-inner .optiscroll-content .account-inter-inner-scroll .detail-container .discount-with-tag .discount-tag-content .text-up { color: rgba(0, 0, 0, 0.54); } #promotionSingleDetail .all-account-wrapper-outer .all-accounts-popup-wrapper .account-item-inner .optiscroll-content .account-inter-inner-scroll .detail-container .discount-with-tag .discount-tag-content .text-down { color: #0a79b8; font-size: 24px !important; white-space: break-spaces; } #promotionSingleDetail .all-account-wrapper-outer .all-accounts-popup-wrapper .account-item-inner .optiscroll-content .account-inter-inner-scroll .detail-container .promotion-detail-img img { width: calc(100% + 40px) !important; border-radius: 30px 0 0 30px; margin-bottom: 10px; } .TravelInsuranceUniqaDiv, .TravelInsuranceEndowmentDiv, .TravelInsuranceDiv { padding-top: 40px !important; } .TravelInsuranceUniqaDiv .uniqa_empty, .TravelInsuranceUniqaDiv .endowment_empty, .TravelInsuranceEndowmentDiv .uniqa_empty, .TravelInsuranceEndowmentDiv .endowment_empty, .TravelInsuranceDiv .uniqa_empty, .TravelInsuranceDiv .endowment_empty { margin-top: 65% !important; display: flex; flex-direction: column; } .TravelInsuranceUniqaDiv .validationMessage, .TravelInsuranceEndowmentDiv .validationMessage, .TravelInsuranceDiv .validationMessage { padding-left: 0px !important; position: absolute; bottom: -35px; } .TravelInsuranceUniqaDiv .checkbox-validation-area, .TravelInsuranceEndowmentDiv .checkbox-validation-area, .TravelInsuranceDiv .checkbox-validation-area { padding-bottom: 30px; } .TravelInsuranceUniqaDiv .checkbox-validation-area.normal-area, .TravelInsuranceEndowmentDiv .checkbox-validation-area.normal-area, .TravelInsuranceDiv .checkbox-validation-area.normal-area { padding-bottom: 0px !important; } .TravelInsuranceUniqaDiv .generali-detail .account-item-inner, .TravelInsuranceEndowmentDiv .generali-detail .account-item-inner, .TravelInsuranceDiv .generali-detail .account-item-inner { margin-bottom: -60px !important; } .TravelInsuranceUniqaDiv .generali-detail .flex-parents-children, .TravelInsuranceEndowmentDiv .generali-detail .flex-parents-children, .TravelInsuranceDiv .generali-detail .flex-parents-children { display: flex; align-content: space-between; justify-content: space-between; } .TravelInsuranceUniqaDiv .generali-detail .flex-parents-children .left-flex-column, .TravelInsuranceUniqaDiv .generali-detail .flex-parents-children .right-flex-column, .TravelInsuranceEndowmentDiv .generali-detail .flex-parents-children .left-flex-column, .TravelInsuranceEndowmentDiv .generali-detail .flex-parents-children .right-flex-column, .TravelInsuranceDiv .generali-detail .flex-parents-children .left-flex-column, .TravelInsuranceDiv .generali-detail .flex-parents-children .right-flex-column { width: 49% !important; } .TravelInsuranceUniqaDiv .generali-detail .insuranceBox, .TravelInsuranceEndowmentDiv .generali-detail .insuranceBox, .TravelInsuranceDiv .generali-detail .insuranceBox { width: 100%; } .TravelInsuranceUniqaDiv .generali-detail .insuranceBox input, .TravelInsuranceEndowmentDiv .generali-detail .insuranceBox input, .TravelInsuranceDiv .generali-detail .insuranceBox input { padding: 26px 0px 3px 24px !important; width: calc(100% - 24px); height: fit-content; border: 1px solid #DCDCDC; border-radius: 30px; font-family: "Source-Sans-Pro", sans-serif !important; } .TravelInsuranceUniqaDiv .generali-detail .insuranceBox .al-3, .TravelInsuranceEndowmentDiv .generali-detail .insuranceBox .al-3, .TravelInsuranceDiv .generali-detail .insuranceBox .al-3 { top: 8px !important; color: #0a79b8 !important; transform: scale3d(0.9, 0.9, 1); left: 12px !important; font-family: "Source-Sans-Pro-semibold", sans-serif; } .TravelInsuranceUniqaDiv .generali-detail .insuranceBox .intrabank-wrapper:last-child, .TravelInsuranceEndowmentDiv .generali-detail .insuranceBox .intrabank-wrapper:last-child, .TravelInsuranceDiv .generali-detail .insuranceBox .intrabank-wrapper:last-child { margin-bottom: 0px !important; } .TravelInsuranceUniqaDiv .generali-detail .wrapperIntraCode, .TravelInsuranceEndowmentDiv .generali-detail .wrapperIntraCode, .TravelInsuranceDiv .generali-detail .wrapperIntraCode { width: 100% !important; } .TravelInsuranceUniqaDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate, .TravelInsuranceEndowmentDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate, .TravelInsuranceDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate { width: 100% !important; } .TravelInsuranceUniqaDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .animationLabel-2, .TravelInsuranceEndowmentDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .animationLabel-2, .TravelInsuranceDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .animationLabel-2 { left: 21px !important; } .TravelInsuranceUniqaDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate ul.template, .TravelInsuranceEndowmentDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate ul.template, .TravelInsuranceDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate ul.template { border: none !important; border-top: 2px solid #0a79b8 !important; width: 100% !important; left: 0px !important; } .TravelInsuranceUniqaDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate ul.template li, .TravelInsuranceEndowmentDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate ul.template li, .TravelInsuranceDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate ul.template li { margin-left: 0px !important; padding-left: 25px !important; padding-top: 12px; padding-bottom: 12px; font-family: "Source-Sans-Pro", sans-serif !important; font-weight: 100; font-size: 15px; } .TravelInsuranceUniqaDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate ul.template li:hover, .TravelInsuranceEndowmentDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate ul.template li:hover, .TravelInsuranceDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate ul.template li:hover { background-color: #F5F5F5; border-bottom: 1px solid #DCDCDC; border-top: 1px solid #DCDCDC; } .TravelInsuranceUniqaDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate ul.template li::marker, .TravelInsuranceEndowmentDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate ul.template li::marker, .TravelInsuranceDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate ul.template li::marker { content: "" !important; } .TravelInsuranceUniqaDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper, .TravelInsuranceEndowmentDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper, .TravelInsuranceDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper { border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; } .TravelInsuranceUniqaDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .select-1 .dk-selected .payment-filter-ico, .TravelInsuranceEndowmentDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .select-1 .dk-selected .payment-filter-ico, .TravelInsuranceDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .select-1 .dk-selected .payment-filter-ico { margin-top: 20px; } .TravelInsuranceUniqaDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .select-1 .dk-selected .page-text.margin-0, .TravelInsuranceEndowmentDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .select-1 .dk-selected .page-text.margin-0, .TravelInsuranceDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .select-1 .dk-selected .page-text.margin-0 { margin-top: 25px; margin-bottom: 5px; margin-left: 25px; } .TravelInsuranceUniqaDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .select-1 .wrapperOptionTemplate, .TravelInsuranceEndowmentDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .select-1 .wrapperOptionTemplate, .TravelInsuranceDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .select-1 .wrapperOptionTemplate { height: 140px; overflow-y: scroll; } .TravelInsuranceUniqaDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .select-1 .wrapperOptionTemplate::-webkit-scrollbar, .TravelInsuranceEndowmentDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .select-1 .wrapperOptionTemplate::-webkit-scrollbar, .TravelInsuranceDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .select-1 .wrapperOptionTemplate::-webkit-scrollbar { background: transparent !important; background-color: transparent !important; width: 5px; } .TravelInsuranceUniqaDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .select-1 .wrapperOptionTemplate::-webkit-scrollbar-track, .TravelInsuranceEndowmentDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .select-1 .wrapperOptionTemplate::-webkit-scrollbar-track, .TravelInsuranceDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .select-1 .wrapperOptionTemplate::-webkit-scrollbar-track { top: 20px; background: transparent !important; background-color: transparent !important; } .TravelInsuranceUniqaDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .select-1 .wrapperOptionTemplate::-webkit-scrollbar-thumb, .TravelInsuranceEndowmentDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .select-1 .wrapperOptionTemplate::-webkit-scrollbar-thumb, .TravelInsuranceDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .select-1 .wrapperOptionTemplate::-webkit-scrollbar-thumb { background-color: #0a79b8; border-radius: 5px; width: 4px; } .TravelInsuranceUniqaDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .select-1 .wrapperOptionTemplate-2, .TravelInsuranceEndowmentDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .select-1 .wrapperOptionTemplate-2, .TravelInsuranceDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .select-1 .wrapperOptionTemplate-2 { height: 89px !important; } .TravelInsuranceUniqaDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .select-1 .wrapperOptionTemplate.no-scroll, .TravelInsuranceEndowmentDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .select-1 .wrapperOptionTemplate.no-scroll, .TravelInsuranceDiv .generali-detail .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .select-1 .wrapperOptionTemplate.no-scroll { overflow-x: hidden !important; overflow-y: hidden !important; } .TravelInsuranceUniqaDiv .generali-detail .wrapperIntraCode.active .wraperOptionsTemplate .dk-selected, .TravelInsuranceEndowmentDiv .generali-detail .wrapperIntraCode.active .wraperOptionsTemplate .dk-selected, .TravelInsuranceDiv .generali-detail .wrapperIntraCode.active .wraperOptionsTemplate .dk-selected { border-bottom: 2px solid #0a79b8; } .TravelInsuranceUniqaDiv .uniqa-detail .all-account-popup-title, .TravelInsuranceUniqaDiv .endowment-detail .all-account-popup-title, .TravelInsuranceUniqaDiv .generali-detail .all-account-popup-title, .TravelInsuranceEndowmentDiv .uniqa-detail .all-account-popup-title, .TravelInsuranceEndowmentDiv .endowment-detail .all-account-popup-title, .TravelInsuranceEndowmentDiv .generali-detail .all-account-popup-title, .TravelInsuranceDiv .uniqa-detail .all-account-popup-title, .TravelInsuranceDiv .endowment-detail .all-account-popup-title, .TravelInsuranceDiv .generali-detail .all-account-popup-title { margin-bottom: 20px !important; } .TravelInsuranceUniqaDiv .uniqa-detail .all-account-popup-title .mainTitle, .TravelInsuranceUniqaDiv .endowment-detail .all-account-popup-title .mainTitle, .TravelInsuranceUniqaDiv .generali-detail .all-account-popup-title .mainTitle, .TravelInsuranceEndowmentDiv .uniqa-detail .all-account-popup-title .mainTitle, .TravelInsuranceEndowmentDiv .endowment-detail .all-account-popup-title .mainTitle, .TravelInsuranceEndowmentDiv .generali-detail .all-account-popup-title .mainTitle, .TravelInsuranceDiv .uniqa-detail .all-account-popup-title .mainTitle, .TravelInsuranceDiv .endowment-detail .all-account-popup-title .mainTitle, .TravelInsuranceDiv .generali-detail .all-account-popup-title .mainTitle { margin-bottom: 20px !important; width: calc(100% + 10px); } .TravelInsuranceUniqaDiv .uniqa-detail .all-account-popup-title .all-account-close, .TravelInsuranceUniqaDiv .endowment-detail .all-account-popup-title .all-account-close, .TravelInsuranceUniqaDiv .generali-detail .all-account-popup-title .all-account-close, .TravelInsuranceEndowmentDiv .uniqa-detail .all-account-popup-title .all-account-close, .TravelInsuranceEndowmentDiv .endowment-detail .all-account-popup-title .all-account-close, .TravelInsuranceEndowmentDiv .generali-detail .all-account-popup-title .all-account-close, .TravelInsuranceDiv .uniqa-detail .all-account-popup-title .all-account-close, .TravelInsuranceDiv .endowment-detail .all-account-popup-title .all-account-close, .TravelInsuranceDiv .generali-detail .all-account-popup-title .all-account-close { top: -5px; } .TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner, .TravelInsuranceUniqaDiv .endowment-detail .account-item-inner, .TravelInsuranceUniqaDiv .generali-detail .account-item-inner, .TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner, .TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner, .TravelInsuranceEndowmentDiv .generali-detail .account-item-inner, .TravelInsuranceDiv .uniqa-detail .account-item-inner, .TravelInsuranceDiv .endowment-detail .account-item-inner, .TravelInsuranceDiv .generali-detail .account-item-inner { height: 78vh !important; margin-bottom: -30px; } .TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper, .TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper, .TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper, .TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper, .TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper, .TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper, .TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper, .TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper, .TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper { overflow-x: hidden !important; padding-right: 40px; height: 70vh !important; } .TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-2 .intrabank-wrapper .transaction-calendar .ui-datepicker-trigger, .TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-2 .intrabank-wrapper .transaction-calendar .ui-datepicker-trigger, .TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-2 .intrabank-wrapper .transaction-calendar .ui-datepicker-trigger, .TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-2 .intrabank-wrapper .transaction-calendar .ui-datepicker-trigger, .TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-2 .intrabank-wrapper .transaction-calendar .ui-datepicker-trigger, .TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-2 .intrabank-wrapper .transaction-calendar .ui-datepicker-trigger, .TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-2 .intrabank-wrapper .transaction-calendar .ui-datepicker-trigger, .TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-2 .intrabank-wrapper .transaction-calendar .ui-datepicker-trigger, .TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-2 .intrabank-wrapper .transaction-calendar .ui-datepicker-trigger { display: none !important; } .TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .titleTextInsurance, .TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .titleTextInsurance, .TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .titleTextInsurance, .TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .titleTextInsurance, .TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .titleTextInsurance, .TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .titleTextInsurance, .TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .titleTextInsurance, .TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .titleTextInsurance, .TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .titleTextInsurance { width: calc(100% + 30px) !important; } .TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu, .TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu, .TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu, .TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu, .TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu, .TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu, .TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu, .TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu, .TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu { background-color: #FFFFFF; } .TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu svg, .TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu svg, .TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu svg, .TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu svg, .TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu svg, .TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu svg, .TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu svg, .TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu svg, .TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu svg { stroke: #0a79b8; } .TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu:hover, .TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu:hover, .TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu:hover, .TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu:hover, .TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu:hover, .TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu:hover, .TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu:hover, .TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu:hover, .TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu:hover { background-color: #0a79b8 !important; } .TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu:hover svg, .TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu:hover svg, .TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu:hover svg, .TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu:hover svg, .TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu:hover svg, .TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu:hover svg, .TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu:hover svg, .TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu:hover svg, .TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu:hover svg { stroke: #FFFFFF !important; } .TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper.last-popup, .TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper.last-popup, .TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper.last-popup, .TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper.last-popup, .TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper.last-popup, .TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper.last-popup, .TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper.last-popup, .TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper.last-popup, .TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper.last-popup { display: flex; flex-wrap: wrap; align-content: center; justify-content: center; } .TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li, .TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li, .TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li, .TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li, .TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li, .TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li, .TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li, .TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li, .TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li { margin-left: 5px; padding-left: 15px; } .TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li::marker, .TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li::marker, .TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li::marker, .TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li::marker, .TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li::marker, .TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li::marker, .TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li::marker, .TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li::marker, .TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li::marker { content: "\2022"; color: #0a79b8; display: block; line-height: 20px; } .TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper, .TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper, .TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper, .TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper, .TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper, .TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper, .TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper, .TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper, .TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper { width: calc(100% + 40px) !important; height: 330px; max-height: 330px; margin: 0 -40px 20px 0; border-radius: 30px 0 0 30px; overflow: hidden; } .TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img, .TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img, .TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img, .TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img, .TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img, .TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img, .TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img, .TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img, .TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img { background-image: url("images/pictures/promo-card-18.jpg"); } .TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img-uniqa, .TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img-uniqa, .TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img-uniqa, .TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img-uniqa, .TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img-uniqa, .TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img-uniqa, .TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img-uniqa, .TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img-uniqa, .TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img-uniqa { background-image: url("images/pictures/promo-card-19.jpg"); } .TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img-endowment, .TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img-endowment, .TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img-endowment, .TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img-endowment, .TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img-endowment, .TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img-endowment, .TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img-endowment, .TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img-endowment, .TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img-endowment { background-image: url("images/pictures/promo-card-20.jpg"); } .TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper, .TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper, .TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper, .TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper, .TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper, .TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper, .TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper, .TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper, .TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper { padding-right: 40px; } .TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper.final-popup, .TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper.final-popup, .TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper.final-popup, .TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper.final-popup, .TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper.final-popup, .TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper.final-popup, .TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper.final-popup, .TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper.final-popup, .TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper.final-popup { padding-right: 0px !important; margin-right: 0% !important; } .TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .insurance-popup-ico-wrapper, .TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .insurance-popup-ico-wrapper, .TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .insurance-popup-ico-wrapper, .TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .insurance-popup-ico-wrapper, .TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .insurance-popup-ico-wrapper, .TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .insurance-popup-ico-wrapper, .TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .insurance-popup-ico-wrapper, .TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .insurance-popup-ico-wrapper, .TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .insurance-popup-ico-wrapper { width: 65px; height: 80px; margin-top: 120px; margin-left: auto; margin-right: auto; } .TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .insurance-popup-ico-wrapper .insurance-popup-ico, .TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .insurance-popup-ico-wrapper .insurance-popup-ico, .TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .insurance-popup-ico-wrapper .insurance-popup-ico, .TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .insurance-popup-ico-wrapper .insurance-popup-ico, .TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .insurance-popup-ico-wrapper .insurance-popup-ico, .TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .insurance-popup-ico-wrapper .insurance-popup-ico, .TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .insurance-popup-ico-wrapper .insurance-popup-ico, .TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .insurance-popup-ico-wrapper .insurance-popup-ico, .TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .insurance-popup-ico-wrapper .insurance-popup-ico { width: 100%; height: 100%; stroke: currentColor; } .TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .transfer-popup-ico-wrapper, .TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .transfer-popup-ico-wrapper, .TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .transfer-popup-ico-wrapper, .TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .transfer-popup-ico-wrapper, .TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .transfer-popup-ico-wrapper, .TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .transfer-popup-ico-wrapper, .TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .transfer-popup-ico-wrapper, .TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .transfer-popup-ico-wrapper, .TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .transfer-popup-ico-wrapper { width: 80px; height: 63px; margin: 0 auto 24px; } .TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .transfer-popup-ico-wrapper .transfer-popup-ico, .TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .transfer-popup-ico-wrapper .transfer-popup-ico, .TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .transfer-popup-ico-wrapper .transfer-popup-ico, .TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .transfer-popup-ico-wrapper .transfer-popup-ico, .TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .transfer-popup-ico-wrapper .transfer-popup-ico, .TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .transfer-popup-ico-wrapper .transfer-popup-ico, .TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .transfer-popup-ico-wrapper .transfer-popup-ico, .TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .transfer-popup-ico-wrapper .transfer-popup-ico, .TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .transfer-popup-ico-wrapper .transfer-popup-ico { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); fill: #52ae30; stroke: #52ae30; } .TravelInsuranceUniqaDiv .uniqa-detail .insurance-with-tag-endowment, .TravelInsuranceUniqaDiv .uniqa-detail .insurance-with-tag-uniqa, .TravelInsuranceUniqaDiv .endowment-detail .insurance-with-tag-endowment, .TravelInsuranceUniqaDiv .endowment-detail .insurance-with-tag-uniqa, .TravelInsuranceUniqaDiv .generali-detail .insurance-with-tag-endowment, .TravelInsuranceUniqaDiv .generali-detail .insurance-with-tag-uniqa, .TravelInsuranceEndowmentDiv .uniqa-detail .insurance-with-tag-endowment, .TravelInsuranceEndowmentDiv .uniqa-detail .insurance-with-tag-uniqa, .TravelInsuranceEndowmentDiv .endowment-detail .insurance-with-tag-endowment, .TravelInsuranceEndowmentDiv .endowment-detail .insurance-with-tag-uniqa, .TravelInsuranceEndowmentDiv .generali-detail .insurance-with-tag-endowment, .TravelInsuranceEndowmentDiv .generali-detail .insurance-with-tag-uniqa, .TravelInsuranceDiv .uniqa-detail .insurance-with-tag-endowment, .TravelInsuranceDiv .uniqa-detail .insurance-with-tag-uniqa, .TravelInsuranceDiv .endowment-detail .insurance-with-tag-endowment, .TravelInsuranceDiv .endowment-detail .insurance-with-tag-uniqa, .TravelInsuranceDiv .generali-detail .insurance-with-tag-endowment, .TravelInsuranceDiv .generali-detail .insurance-with-tag-uniqa { display: flex; flex-direction: row; align-content: center; flex-wrap: nowrap; align-items: center; border: 2px dotted #C7C7C7; padding: 20px; border-radius: 20px; cursor: pointer; } .TravelInsuranceUniqaDiv .uniqa-detail .insurance-with-tag-endowment .tag-ico, .TravelInsuranceUniqaDiv .uniqa-detail .insurance-with-tag-uniqa .tag-ico, .TravelInsuranceUniqaDiv .endowment-detail .insurance-with-tag-endowment .tag-ico, .TravelInsuranceUniqaDiv .endowment-detail .insurance-with-tag-uniqa .tag-ico, .TravelInsuranceUniqaDiv .generali-detail .insurance-with-tag-endowment .tag-ico, .TravelInsuranceUniqaDiv .generali-detail .insurance-with-tag-uniqa .tag-ico, .TravelInsuranceEndowmentDiv .uniqa-detail .insurance-with-tag-endowment .tag-ico, .TravelInsuranceEndowmentDiv .uniqa-detail .insurance-with-tag-uniqa .tag-ico, .TravelInsuranceEndowmentDiv .endowment-detail .insurance-with-tag-endowment .tag-ico, .TravelInsuranceEndowmentDiv .endowment-detail .insurance-with-tag-uniqa .tag-ico, .TravelInsuranceEndowmentDiv .generali-detail .insurance-with-tag-endowment .tag-ico, .TravelInsuranceEndowmentDiv .generali-detail .insurance-with-tag-uniqa .tag-ico, .TravelInsuranceDiv .uniqa-detail .insurance-with-tag-endowment .tag-ico, .TravelInsuranceDiv .uniqa-detail .insurance-with-tag-uniqa .tag-ico, .TravelInsuranceDiv .endowment-detail .insurance-with-tag-endowment .tag-ico, .TravelInsuranceDiv .endowment-detail .insurance-with-tag-uniqa .tag-ico, .TravelInsuranceDiv .generali-detail .insurance-with-tag-endowment .tag-ico, .TravelInsuranceDiv .generali-detail .insurance-with-tag-uniqa .tag-ico { width: 40px; height: 40px; padding-right: 10px; border-right: 2px dotted #C7C7C7; stroke: #0a79b8; } .TravelInsuranceUniqaDiv .uniqa-detail .insurance-with-tag-endowment .tag-ico .insurance-tag-ico, .TravelInsuranceUniqaDiv .uniqa-detail .insurance-with-tag-uniqa .tag-ico .insurance-tag-ico, .TravelInsuranceUniqaDiv .endowment-detail .insurance-with-tag-endowment .tag-ico .insurance-tag-ico, .TravelInsuranceUniqaDiv .endowment-detail .insurance-with-tag-uniqa .tag-ico .insurance-tag-ico, .TravelInsuranceUniqaDiv .generali-detail .insurance-with-tag-endowment .tag-ico .insurance-tag-ico, .TravelInsuranceUniqaDiv .generali-detail .insurance-with-tag-uniqa .tag-ico .insurance-tag-ico, .TravelInsuranceEndowmentDiv .uniqa-detail .insurance-with-tag-endowment .tag-ico .insurance-tag-ico, .TravelInsuranceEndowmentDiv .uniqa-detail .insurance-with-tag-uniqa .tag-ico .insurance-tag-ico, .TravelInsuranceEndowmentDiv .endowment-detail .insurance-with-tag-endowment .tag-ico .insurance-tag-ico, .TravelInsuranceEndowmentDiv .endowment-detail .insurance-with-tag-uniqa .tag-ico .insurance-tag-ico, .TravelInsuranceEndowmentDiv .generali-detail .insurance-with-tag-endowment .tag-ico .insurance-tag-ico, .TravelInsuranceEndowmentDiv .generali-detail .insurance-with-tag-uniqa .tag-ico .insurance-tag-ico, .TravelInsuranceDiv .uniqa-detail .insurance-with-tag-endowment .tag-ico .insurance-tag-ico, .TravelInsuranceDiv .uniqa-detail .insurance-with-tag-uniqa .tag-ico .insurance-tag-ico, .TravelInsuranceDiv .endowment-detail .insurance-with-tag-endowment .tag-ico .insurance-tag-ico, .TravelInsuranceDiv .endowment-detail .insurance-with-tag-uniqa .tag-ico .insurance-tag-ico, .TravelInsuranceDiv .generali-detail .insurance-with-tag-endowment .tag-ico .insurance-tag-ico, .TravelInsuranceDiv .generali-detail .insurance-with-tag-uniqa .tag-ico .insurance-tag-ico { width: 40px; height: 40px; } .TravelInsuranceUniqaDiv .uniqa-detail .insurance-with-tag-endowment .endowment-tag-content, .TravelInsuranceUniqaDiv .uniqa-detail .insurance-with-tag-endowment .uniqa-tag-content, .TravelInsuranceUniqaDiv .uniqa-detail .insurance-with-tag-uniqa .endowment-tag-content, .TravelInsuranceUniqaDiv .uniqa-detail .insurance-with-tag-uniqa .uniqa-tag-content, .TravelInsuranceUniqaDiv .endowment-detail .insurance-with-tag-endowment .endowment-tag-content, .TravelInsuranceUniqaDiv .endowment-detail .insurance-with-tag-endowment .uniqa-tag-content, .TravelInsuranceUniqaDiv .endowment-detail .insurance-with-tag-uniqa .endowment-tag-content, .TravelInsuranceUniqaDiv .endowment-detail .insurance-with-tag-uniqa .uniqa-tag-content, .TravelInsuranceUniqaDiv .generali-detail .insurance-with-tag-endowment .endowment-tag-content, .TravelInsuranceUniqaDiv .generali-detail .insurance-with-tag-endowment .uniqa-tag-content, .TravelInsuranceUniqaDiv .generali-detail .insurance-with-tag-uniqa .endowment-tag-content, .TravelInsuranceUniqaDiv .generali-detail .insurance-with-tag-uniqa .uniqa-tag-content, .TravelInsuranceEndowmentDiv .uniqa-detail .insurance-with-tag-endowment .endowment-tag-content, .TravelInsuranceEndowmentDiv .uniqa-detail .insurance-with-tag-endowment .uniqa-tag-content, .TravelInsuranceEndowmentDiv .uniqa-detail .insurance-with-tag-uniqa .endowment-tag-content, .TravelInsuranceEndowmentDiv .uniqa-detail .insurance-with-tag-uniqa .uniqa-tag-content, .TravelInsuranceEndowmentDiv .endowment-detail .insurance-with-tag-endowment .endowment-tag-content, .TravelInsuranceEndowmentDiv .endowment-detail .insurance-with-tag-endowment .uniqa-tag-content, .TravelInsuranceEndowmentDiv .endowment-detail .insurance-with-tag-uniqa .endowment-tag-content, .TravelInsuranceEndowmentDiv .endowment-detail .insurance-with-tag-uniqa .uniqa-tag-content, .TravelInsuranceEndowmentDiv .generali-detail .insurance-with-tag-endowment .endowment-tag-content, .TravelInsuranceEndowmentDiv .generali-detail .insurance-with-tag-endowment .uniqa-tag-content, .TravelInsuranceEndowmentDiv .generali-detail .insurance-with-tag-uniqa .endowment-tag-content, .TravelInsuranceEndowmentDiv .generali-detail .insurance-with-tag-uniqa .uniqa-tag-content, .TravelInsuranceDiv .uniqa-detail .insurance-with-tag-endowment .endowment-tag-content, .TravelInsuranceDiv .uniqa-detail .insurance-with-tag-endowment .uniqa-tag-content, .TravelInsuranceDiv .uniqa-detail .insurance-with-tag-uniqa .endowment-tag-content, .TravelInsuranceDiv .uniqa-detail .insurance-with-tag-uniqa .uniqa-tag-content, .TravelInsuranceDiv .endowment-detail .insurance-with-tag-endowment .endowment-tag-content, .TravelInsuranceDiv .endowment-detail .insurance-with-tag-endowment .uniqa-tag-content, .TravelInsuranceDiv .endowment-detail .insurance-with-tag-uniqa .endowment-tag-content, .TravelInsuranceDiv .endowment-detail .insurance-with-tag-uniqa .uniqa-tag-content, .TravelInsuranceDiv .generali-detail .insurance-with-tag-endowment .endowment-tag-content, .TravelInsuranceDiv .generali-detail .insurance-with-tag-endowment .uniqa-tag-content, .TravelInsuranceDiv .generali-detail .insurance-with-tag-uniqa .endowment-tag-content, .TravelInsuranceDiv .generali-detail .insurance-with-tag-uniqa .uniqa-tag-content { padding-left: 10px; } .TravelInsuranceUniqaDiv .uniqa-detail .insurance-with-tag-endowment .endowment-tag-content p a u, .TravelInsuranceUniqaDiv .uniqa-detail .insurance-with-tag-endowment .uniqa-tag-content p a u, .TravelInsuranceUniqaDiv .uniqa-detail .insurance-with-tag-uniqa .endowment-tag-content p a u, .TravelInsuranceUniqaDiv .uniqa-detail .insurance-with-tag-uniqa .uniqa-tag-content p a u, .TravelInsuranceUniqaDiv .endowment-detail .insurance-with-tag-endowment .endowment-tag-content p a u, .TravelInsuranceUniqaDiv .endowment-detail .insurance-with-tag-endowment .uniqa-tag-content p a u, .TravelInsuranceUniqaDiv .endowment-detail .insurance-with-tag-uniqa .endowment-tag-content p a u, .TravelInsuranceUniqaDiv .endowment-detail .insurance-with-tag-uniqa .uniqa-tag-content p a u, .TravelInsuranceUniqaDiv .generali-detail .insurance-with-tag-endowment .endowment-tag-content p a u, .TravelInsuranceUniqaDiv .generali-detail .insurance-with-tag-endowment .uniqa-tag-content p a u, .TravelInsuranceUniqaDiv .generali-detail .insurance-with-tag-uniqa .endowment-tag-content p a u, .TravelInsuranceUniqaDiv .generali-detail .insurance-with-tag-uniqa .uniqa-tag-content p a u, .TravelInsuranceEndowmentDiv .uniqa-detail .insurance-with-tag-endowment .endowment-tag-content p a u, .TravelInsuranceEndowmentDiv .uniqa-detail .insurance-with-tag-endowment .uniqa-tag-content p a u, .TravelInsuranceEndowmentDiv .uniqa-detail .insurance-with-tag-uniqa .endowment-tag-content p a u, .TravelInsuranceEndowmentDiv .uniqa-detail .insurance-with-tag-uniqa .uniqa-tag-content p a u, .TravelInsuranceEndowmentDiv .endowment-detail .insurance-with-tag-endowment .endowment-tag-content p a u, .TravelInsuranceEndowmentDiv .endowment-detail .insurance-with-tag-endowment .uniqa-tag-content p a u, .TravelInsuranceEndowmentDiv .endowment-detail .insurance-with-tag-uniqa .endowment-tag-content p a u, .TravelInsuranceEndowmentDiv .endowment-detail .insurance-with-tag-uniqa .uniqa-tag-content p a u, .TravelInsuranceEndowmentDiv .generali-detail .insurance-with-tag-endowment .endowment-tag-content p a u, .TravelInsuranceEndowmentDiv .generali-detail .insurance-with-tag-endowment .uniqa-tag-content p a u, .TravelInsuranceEndowmentDiv .generali-detail .insurance-with-tag-uniqa .endowment-tag-content p a u, .TravelInsuranceEndowmentDiv .generali-detail .insurance-with-tag-uniqa .uniqa-tag-content p a u, .TravelInsuranceDiv .uniqa-detail .insurance-with-tag-endowment .endowment-tag-content p a u, .TravelInsuranceDiv .uniqa-detail .insurance-with-tag-endowment .uniqa-tag-content p a u, .TravelInsuranceDiv .uniqa-detail .insurance-with-tag-uniqa .endowment-tag-content p a u, .TravelInsuranceDiv .uniqa-detail .insurance-with-tag-uniqa .uniqa-tag-content p a u, .TravelInsuranceDiv .endowment-detail .insurance-with-tag-endowment .endowment-tag-content p a u, .TravelInsuranceDiv .endowment-detail .insurance-with-tag-endowment .uniqa-tag-content p a u, .TravelInsuranceDiv .endowment-detail .insurance-with-tag-uniqa .endowment-tag-content p a u, .TravelInsuranceDiv .endowment-detail .insurance-with-tag-uniqa .uniqa-tag-content p a u, .TravelInsuranceDiv .generali-detail .insurance-with-tag-endowment .endowment-tag-content p a u, .TravelInsuranceDiv .generali-detail .insurance-with-tag-endowment .uniqa-tag-content p a u, .TravelInsuranceDiv .generali-detail .insurance-with-tag-uniqa .endowment-tag-content p a u, .TravelInsuranceDiv .generali-detail .insurance-with-tag-uniqa .uniqa-tag-content p a u { color: #0a79b8 !important; } .TravelInsuranceUniqaDiv .popup-btn-wrapper, .TravelInsuranceEndowmentDiv .popup-btn-wrapper, .TravelInsuranceDiv .popup-btn-wrapper { padding-bottom: 0px !important; padding-top: 0px !important; margin-bottom: 0px !important; } .TravelInsuranceUniqaDiv .popup-btn-wrapper.last-btn, .TravelInsuranceEndowmentDiv .popup-btn-wrapper.last-btn, .TravelInsuranceDiv .popup-btn-wrapper.last-btn { padding-top: 60px !important; } .TravelInsuranceUniqaDiv .popup-btn-wrapper .btn-2, .TravelInsuranceEndowmentDiv .popup-btn-wrapper .btn-2, .TravelInsuranceDiv .popup-btn-wrapper .btn-2 { z-index: 10 !important; } .TravelInsuranceUniqaDiv .step-wrapper, .TravelInsuranceEndowmentDiv .step-wrapper, .TravelInsuranceDiv .step-wrapper { text-align: center; } .TravelInsuranceUniqaDiv .step-wrapper .step-circle, .TravelInsuranceEndowmentDiv .step-wrapper .step-circle, .TravelInsuranceDiv .step-wrapper .step-circle { display: inline-block; position: relative; width: 32px; height: 32px; border: 1px solid rgba(0, 0, 0, 0.54); border-radius: 50%; } .TravelInsuranceUniqaDiv .step-wrapper .step-circle.active, .TravelInsuranceEndowmentDiv .step-wrapper .step-circle.active, .TravelInsuranceDiv .step-wrapper .step-circle.active { background-color: #0a79b8; border-color: #0a79b8; } .TravelInsuranceUniqaDiv .step-wrapper .step-circle.active .step-number, .TravelInsuranceEndowmentDiv .step-wrapper .step-circle.active .step-number, .TravelInsuranceDiv .step-wrapper .step-circle.active .step-number { color: #FFFFFF; } .TravelInsuranceUniqaDiv .step-wrapper .step-circle:not(:last-child), .TravelInsuranceEndowmentDiv .step-wrapper .step-circle:not(:last-child), .TravelInsuranceDiv .step-wrapper .step-circle:not(:last-child) { margin-right: 24px; } .TravelInsuranceUniqaDiv .step-wrapper .step-circle:not(:first-child):after, .TravelInsuranceEndowmentDiv .step-wrapper .step-circle:not(:first-child):after, .TravelInsuranceDiv .step-wrapper .step-circle:not(:first-child):after { position: absolute; content: ""; width: 28px; height: 1px; top: 50%; left: -29px; background-color: rgba(0, 0, 0, 0.54); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .TravelInsuranceUniqaDiv .step-wrapper .step-number, .TravelInsuranceEndowmentDiv .step-wrapper .step-number, .TravelInsuranceDiv .step-wrapper .step-number { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-family: "Source-Sans-Pro-bold", sans-serif; font-size: 14px; line-height: 1; color: rgba(0, 0, 0, 0.54); } .TravelInsuranceUniqaDiv .bottom-line-default, .TravelInsuranceEndowmentDiv .bottom-line-default, .TravelInsuranceDiv .bottom-line-default { border-bottom: 1px dotted rgba(0, 0, 0, 0.54); padding-bottom: 30px; } .TravelInsuranceUniqaDiv .max-width-button, .TravelInsuranceEndowmentDiv .max-width-button, .TravelInsuranceDiv .max-width-button { width: 100% !important; } .TravelInsuranceUniqaDiv .btn-1, .TravelInsuranceEndowmentDiv .btn-1, .TravelInsuranceDiv .btn-1 { background-color: #0a79b8; color: #FFFFFF; z-index: 2 !important; } .TravelInsuranceUniqaDiv .padding-right-input, .TravelInsuranceEndowmentDiv .padding-right-input, .TravelInsuranceDiv .padding-right-input { padding-right: 40px !important; } .TravelInsuranceUniqaDiv .padding-right-input .input-1, .TravelInsuranceEndowmentDiv .padding-right-input .input-1, .TravelInsuranceDiv .padding-right-input .input-1 { height: 25px !important; } .TravelInsuranceUniqaDiv .green-note, .TravelInsuranceEndowmentDiv .green-note, .TravelInsuranceDiv .green-note { max-width: 335px !important; } .TravelInsuranceUniqaDiv .checkbox-wrap, .TravelInsuranceEndowmentDiv .checkbox-wrap, .TravelInsuranceDiv .checkbox-wrap { display: block; position: relative; padding-left: 46px; font-size: 15px; text-align: left; color: #c7c7c7; user-select: none; } .TravelInsuranceUniqaDiv .checkbox-wrap.first-checkbox, .TravelInsuranceEndowmentDiv .checkbox-wrap.first-checkbox, .TravelInsuranceDiv .checkbox-wrap.first-checkbox { margin-bottom: 20px; } .TravelInsuranceUniqaDiv .checkbox-wrap.centered-checkbox, .TravelInsuranceEndowmentDiv .checkbox-wrap.centered-checkbox, .TravelInsuranceDiv .checkbox-wrap.centered-checkbox { padding-left: 38px; } .TravelInsuranceUniqaDiv .checkbox-wrap.centered-checkbox input, .TravelInsuranceEndowmentDiv .checkbox-wrap.centered-checkbox input, .TravelInsuranceDiv .checkbox-wrap.centered-checkbox input { top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0; } .TravelInsuranceUniqaDiv .checkbox-wrap.centered-checkbox .checkmark, .TravelInsuranceEndowmentDiv .checkbox-wrap.centered-checkbox .checkmark, .TravelInsuranceDiv .checkbox-wrap.centered-checkbox .checkmark { top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0; } .TravelInsuranceUniqaDiv .checkbox-wrap input, .TravelInsuranceEndowmentDiv .checkbox-wrap input, .TravelInsuranceDiv .checkbox-wrap input { position: absolute; opacity: 0; cursor: pointer; height: 17px; width: 17px; z-index: 10 !important; } .TravelInsuranceUniqaDiv .checkbox-wrap input:checked ~ .checkmark:after, .TravelInsuranceEndowmentDiv .checkbox-wrap input:checked ~ .checkmark:after, .TravelInsuranceDiv .checkbox-wrap input:checked ~ .checkmark:after { opacity: 1; } .TravelInsuranceUniqaDiv .checkbox-wrap .checkmark, .TravelInsuranceEndowmentDiv .checkbox-wrap .checkmark, .TravelInsuranceDiv .checkbox-wrap .checkmark { position: absolute; height: 17px; width: 17px; border: 2px solid #a2b8cf; border-radius: 2px; background: transparent; } .TravelInsuranceUniqaDiv .checkbox-wrap .checkmark:after, .TravelInsuranceEndowmentDiv .checkbox-wrap .checkmark:after, .TravelInsuranceDiv .checkbox-wrap .checkmark:after { content: ""; top: -1px; left: -1px; width: 19px; height: 19px; position: absolute; background: url("images/icons/checkbox.png") 0 0 no-repeat; background-size: 100%; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; } .TravelInsuranceUniqaDiv .custom-radio-button, .TravelInsuranceEndowmentDiv .custom-radio-button, .TravelInsuranceDiv .custom-radio-button { position: relative; display: block; padding: 18px 15px 17px 46px; cursor: pointer; background: rgba(255, 255, 255, 0.6); border-radius: 25px; } .TravelInsuranceUniqaDiv .custom-radio-button .custom-radio-input, .TravelInsuranceEndowmentDiv .custom-radio-button .custom-radio-input, .TravelInsuranceDiv .custom-radio-button .custom-radio-input { position: absolute; width: 100%; height: 100%; inset: 0; opacity: 0; cursor: pointer; padding: 0; margin: 0; border: none; z-index: 1; } .TravelInsuranceUniqaDiv .custom-radio-button .custom-radio-input:checked ~ .checkmark:after, .TravelInsuranceEndowmentDiv .custom-radio-button .custom-radio-input:checked ~ .checkmark:after, .TravelInsuranceDiv .custom-radio-button .custom-radio-input:checked ~ .checkmark:after { opacity: 1; } .TravelInsuranceUniqaDiv .custom-radio-button .checkmark, .TravelInsuranceEndowmentDiv .custom-radio-button .checkmark, .TravelInsuranceDiv .custom-radio-button .checkmark { position: absolute; top: 50%; left: 14px; height: 16px; width: 16px; border-radius: 50%; border: 1px solid #E8E9EC; background: #FFFFFF; -webkit-transform: translateY(-50%); transform: translateY(-50%); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); } .TravelInsuranceUniqaDiv .custom-radio-button .checkmark:after, .TravelInsuranceEndowmentDiv .custom-radio-button .checkmark:after, .TravelInsuranceDiv .custom-radio-button .checkmark:after { width: 8px; height: 8px; top: 50%; left: 50%; border-radius: 50%; background: #0a79b8; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ""; position: absolute; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; } .TravelInsuranceUniqaDiv .custom-radio-button .custom-label, .TravelInsuranceEndowmentDiv .custom-radio-button .custom-label, .TravelInsuranceDiv .custom-radio-button .custom-label { font-family: "Source-Sans-Pro-bold", sans-serif; font-size: 15px; line-height: 1; color: rgba(0, 0, 0, 0.87); margin: 0; } .TravelInsuranceUniqaDiv .group-inner, .TravelInsuranceEndowmentDiv .group-inner, .TravelInsuranceDiv .group-inner { width: unset !important; margin-bottom: 0px !important; } .TravelInsuranceUniqaDiv .group-inner .explanation-group, .TravelInsuranceEndowmentDiv .group-inner .explanation-group, .TravelInsuranceDiv .group-inner .explanation-group { max-width: 335px; margin-left: auto; margin-right: auto; } .TravelInsuranceUniqaDiv .group-inner .group-inner .input-grid-wrapper, .TravelInsuranceEndowmentDiv .group-inner .group-inner .input-grid-wrapper, .TravelInsuranceDiv .group-inner .group-inner .input-grid-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .TravelInsuranceUniqaDiv .group-inner .group-inner .input-grid-wrapper .col-50, .TravelInsuranceEndowmentDiv .group-inner .group-inner .input-grid-wrapper .col-50, .TravelInsuranceDiv .group-inner .group-inner .input-grid-wrapper .col-50 { width: 50%; margin-right: 16px; } .TravelInsuranceUniqaDiv .group-inner .group-inner .input-grid-wrapper .col-50.col-last, .TravelInsuranceEndowmentDiv .group-inner .group-inner .input-grid-wrapper .col-50.col-last, .TravelInsuranceDiv .group-inner .group-inner .input-grid-wrapper .col-50.col-last { margin-right: 0px; } .TravelInsuranceUniqaDiv .custom-checkbox-toggle, .TravelInsuranceEndowmentDiv .custom-checkbox-toggle, .TravelInsuranceDiv .custom-checkbox-toggle { margin-top: 20px; margin-bottom: 20px; position: relative; display: flex !important; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; min-height: 50px; user-select: none; background: rgba(255, 255, 255, 0.6); border-radius: 25px; padding: 5px 24px !important; } .TravelInsuranceUniqaDiv .custom-checkbox-toggle .custom-checkbox-input, .TravelInsuranceEndowmentDiv .custom-checkbox-toggle .custom-checkbox-input, .TravelInsuranceDiv .custom-checkbox-toggle .custom-checkbox-input { position: absolute; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; opacity: 0; padding: 0; margin: 0; border: none; z-index: 1; } .TravelInsuranceUniqaDiv .custom-checkbox-toggle .custom-label, .TravelInsuranceEndowmentDiv .custom-checkbox-toggle .custom-label, .TravelInsuranceDiv .custom-checkbox-toggle .custom-label { padding-right: 50px; } .TravelInsuranceUniqaDiv .custom-checkbox-toggle .toggle-btn, .TravelInsuranceEndowmentDiv .custom-checkbox-toggle .toggle-btn, .TravelInsuranceDiv .custom-checkbox-toggle .toggle-btn { position: absolute; width: 40px; height: 20px; top: 50%; right: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 20px; padding: 5px; -webkit-transition: background-color .5s; transition: background-color .5s; background-color: #E1E1E1; } .TravelInsuranceUniqaDiv .custom-checkbox-toggle .toggle-btn .toggle-btn-switch, .TravelInsuranceEndowmentDiv .custom-checkbox-toggle .toggle-btn .toggle-btn-switch, .TravelInsuranceDiv .custom-checkbox-toggle .toggle-btn .toggle-btn-switch { display: block; width: 20px; height: 20px; border-radius: 50%; background-color: #FFFFFF; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s,-webkit-transform .5s; } .TravelInsuranceUniqaDiv .custom-checkbox-toggle.active .toggle-btn, .TravelInsuranceEndowmentDiv .custom-checkbox-toggle.active .toggle-btn, .TravelInsuranceDiv .custom-checkbox-toggle.active .toggle-btn { background-color: #0a79b8; } .TravelInsuranceUniqaDiv .custom-checkbox-toggle.active .toggle-btn .toggle-btn-switch, .TravelInsuranceEndowmentDiv .custom-checkbox-toggle.active .toggle-btn .toggle-btn-switch, .TravelInsuranceDiv .custom-checkbox-toggle.active .toggle-btn .toggle-btn-switch { transform: translateX(100%); } .TravelInsuranceUniqaDiv .exhange-form-select, .TravelInsuranceEndowmentDiv .exhange-form-select, .TravelInsuranceDiv .exhange-form-select { padding: 23px 30px 6px 24px; border: 1px solid #DCDCDC; cursor: pointer; background-color: #FFFFFF; } .TravelInsuranceUniqaDiv .exhange-form-select .payment-filter-ico, .TravelInsuranceEndowmentDiv .exhange-form-select .payment-filter-ico, .TravelInsuranceDiv .exhange-form-select .payment-filter-ico { width: 6px; height: 10px; right: 20px; top: 50%; -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); fill: #0a79b8; } .TravelInsuranceUniqaDiv .exhange-form-select label, .TravelInsuranceEndowmentDiv .exhange-form-select label, .TravelInsuranceDiv .exhange-form-select label { position: absolute; top: 8px; left: 24px; font-size: 12px !important; color: #0a79b8; font-family: "Source-Sans-Pro-semibold", sans-serif; } .TravelInsuranceUniqaDiv .exchangle-form-dropdown, .TravelInsuranceEndowmentDiv .exchangle-form-dropdown, .TravelInsuranceDiv .exchangle-form-dropdown { position: absolute; width: 100%; top: 100%; left: 0; border: 1px solid #DCDCDC; border-top: none; border-radius: 0 0 30px 30px; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.12); -webkit-transform: translateY(-6px); transform: translateY(-6px); opacity: 0; visibility: hidden; } .TravelInsuranceUniqaDiv .exchangle-form-dropdown .exchange-form-dropdown-inner, .TravelInsuranceEndowmentDiv .exchangle-form-dropdown .exchange-form-dropdown-inner, .TravelInsuranceDiv .exchangle-form-dropdown .exchange-form-dropdown-inner { height: 106px; } .TravelInsuranceUniqaDiv .exchangle-form-dropdown .exchange-form-dropdown-inner.optiscroll.is-enabled > .optiscroll-content, .TravelInsuranceEndowmentDiv .exchangle-form-dropdown .exchange-form-dropdown-inner.optiscroll.is-enabled > .optiscroll-content, .TravelInsuranceDiv .exchangle-form-dropdown .exchange-form-dropdown-inner.optiscroll.is-enabled > .optiscroll-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; overflow: scroll; -webkit-overflow-scrolling: touch; } .TravelInsuranceUniqaDiv .exchangle-form-dropdown .exchange-form-dropdown-inner.optiscroll.is-enabled > .optiscroll-content .exchange-form-dropdown-item, .TravelInsuranceEndowmentDiv .exchangle-form-dropdown .exchange-form-dropdown-inner.optiscroll.is-enabled > .optiscroll-content .exchange-form-dropdown-item, .TravelInsuranceDiv .exchangle-form-dropdown .exchange-form-dropdown-inner.optiscroll.is-enabled > .optiscroll-content .exchange-form-dropdown-item { padding: 15px 16px 15px 24px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-transition: all .3s; transition: all .3s; } .TravelInsuranceUniqaDiv .exchangle-form-dropdown .exchange-form-dropdown-inner.optiscroll.is-enabled > .optiscroll-content .exchange-form-dropdown-item .page-text, .TravelInsuranceEndowmentDiv .exchangle-form-dropdown .exchange-form-dropdown-inner.optiscroll.is-enabled > .optiscroll-content .exchange-form-dropdown-item .page-text, .TravelInsuranceDiv .exchangle-form-dropdown .exchange-form-dropdown-inner.optiscroll.is-enabled > .optiscroll-content .exchange-form-dropdown-item .page-text { line-height: 1.4; } .TravelInsuranceUniqaDiv .exchangle-form-dropdown .exchange-form-dropdown-inner .optiscroll-v, .TravelInsuranceEndowmentDiv .exchangle-form-dropdown .exchange-form-dropdown-inner .optiscroll-v, .TravelInsuranceDiv .exchangle-form-dropdown .exchange-form-dropdown-inner .optiscroll-v { right: 5px; } .TravelInsuranceUniqaDiv .exchangle-form-dropdown .exchange-form-dropdown-inner .optiscroll-h, .TravelInsuranceEndowmentDiv .exchangle-form-dropdown .exchange-form-dropdown-inner .optiscroll-h, .TravelInsuranceDiv .exchangle-form-dropdown .exchange-form-dropdown-inner .optiscroll-h { left: 4px; right: 4px; height: 0; } .TravelInsuranceUniqaDiv .exchangle-form-dropdown .exchange-form-dropdown-item, .TravelInsuranceEndowmentDiv .exchangle-form-dropdown .exchange-form-dropdown-item, .TravelInsuranceDiv .exchangle-form-dropdown .exchange-form-dropdown-item { padding: 15px 16px 15px 24px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-transition: all .3s; transition: all .3s; } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-602, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-602, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-602, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-602, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-602, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-602, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-602, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-602, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-602, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-602, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-602, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-602, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-602, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-602, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-602, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-602 { background-image: url("images/cards-types/card-602.png"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-605, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-605, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-605, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-605, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-605, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-605, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-605, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-605, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-605, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-605, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-605, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-605, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-605, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-605, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-605, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-605 { background-image: url("images/cards-types/card-605.png"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-609, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-609, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-609, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-609, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-609, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-609, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-609, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-609, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-609, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-609, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-609, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-609, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-609, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-609, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-609, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-609 { background-image: url("images/cards-types/card-609.png"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-610, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-610, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-610, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-610, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-610, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-610, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-610, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-610, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-610, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-610, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-610, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-610, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-610, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-610, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-610, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-610 { background-image: url("images/cards-types/card-610.png"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-616, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-616, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-616, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-616, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-616, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-616, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-616, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-616, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-616, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-616, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-616, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-616, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-616, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-616, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-616, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-616 { background-image: url("images/cards-types/card-616.png"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-617, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-617, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-617, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-617, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-617, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-617, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-617, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-617, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-617, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-617, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-617, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-617, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-617, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-617, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-617, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-617 { background-image: url("images/cards-types/card-617.png"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-618, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-618, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-618, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-618, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-618, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-618, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-618, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-618, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-618, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-618, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-618, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-618, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-618, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-618, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-618, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-618 { background-image: url("images/cards-types/card-618.png"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-627, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-627, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-627, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-627, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-627, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-627, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-627, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-627, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-627, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-627, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-627, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-627, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-627, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-627, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-627, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-627 { background-image: url("images/cards-types/card-627.png"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-635, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-635, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-635, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-635, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-635, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-635, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-635, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-635, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-635, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-635, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-635, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-635, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-635, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-635, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-635, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-635 { background-image: url("images/cards-types/card-635.png"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-637, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-637, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-637, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-637, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-637, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-637, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-637, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-637, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-637, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-637, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-637, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-637, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-637, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-637, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-637, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-637 { background-image: url("images/cards-types/card-637.png"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-642, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-642, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-642, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-642, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-642, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-642, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-642, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-642, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-642, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-642, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-642, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-642, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-642, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-642, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-642, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-642 { background-image: url("images/cards-types/card-642.png"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-662, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-662, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-662, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-662, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-662, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-662, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-662, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-662, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-662, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-662, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-662, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-662, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-662, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-662, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-662, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-662 { background-image: url("images/cards-types/card-662.png"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-670, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-670, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-670, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-670, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-670, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-670, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-670, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-670, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-670, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-670, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-670, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-670, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-670, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-670, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-670, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-670 { background-image: url("images/cards-types/card-670.png"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-680, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-680, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-680, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-680, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-680, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-680, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-680, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-680, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-680, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-680, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-680, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-680, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-680, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-680, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-680, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-680 { background-image: url("images/cards-types/card-680.png"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-683, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-683, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-683, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-683, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-683, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-683, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-683, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-683, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-683, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-683, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-683, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-683, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-683, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-683, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-683, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-683 { background-image: url("images/cards-types/card-683.png"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-690, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-690, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-690, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-690, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-690, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-690, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-690, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-690, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-690, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-690, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-690, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-690, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-690, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-690, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-690, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-690 { background-image: url("images/cards-types/card-690.png"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-681, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-681, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-681, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-681, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-681, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-681, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-681, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-681, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-681, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-681, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-681, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-681, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-681, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-681, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-681, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-681 { background-image: url("images/cards-types/card-681.png"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-21, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-21, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-21, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-21, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-21, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-21, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-21, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-21, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-21, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-21, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-21, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-21, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-21, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-21, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-21, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-21 { background-image: url("images/cards/Card21.JPG"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-22, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-22, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-22, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-22, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-22, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-22, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-22, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-22, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-22, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-22, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-22, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-22, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-22, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-22, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-22, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-22 { background-image: url("images/cards/Card22.JPG"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-23, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-23, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-23, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-23, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-23, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-23, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-23, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-23, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-23, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-23, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-23, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-23, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-23, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-23, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-23, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-23 { background-image: url("images/cards/Card23.JPG"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-24, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-24, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-24, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-24, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-24, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-24, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-24, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-24, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-24, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-24, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-24, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-24, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-24, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-24, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-24, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-24 { background-image: url("images/cards/Card24.JPG"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-25, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-25, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-25, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-25, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-25, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-25, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-25, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-25, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-25, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-25, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-25, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-25, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-25, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-25, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-25, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-25 { background-image: url("images/cards/Card25.JPG"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-27, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-27, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-27, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-27, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-27, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-27, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-27, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-27, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-27, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-27, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-27, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-27, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-27, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-27, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-27, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-27 { background-image: url("images/cards/Card27.JPG"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-28, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-28, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-28, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-28, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-28, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-28, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-28, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-28, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-28, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-28, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-28, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-28, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-28, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-28, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-28, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-28 { background-image: url("images/cards/Card28.png"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-29, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-29, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-29, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-29, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-29, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-29, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-29, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-29, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-29, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-29, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-29, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-29, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-29, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-29, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-29, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-29 { background-image: url("images/cards/Card29.png"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-41, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-41, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-41, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-41, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-41, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-41, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-41, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-41, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-41, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-41, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-41, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-41, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-41, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-41, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-41, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-41 { background-image: url("images/cards/Card41.JPG"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-411, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-411, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-411, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-411, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-411, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-411, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-411, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-411, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-411, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-411, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-411, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-411, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-411, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-411, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-411, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-411 { background-image: url("images/cards/Card411.JPG"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-413, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-413, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-413, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-413, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-413, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-413, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-413, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-413, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-413, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-413, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-413, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-413, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-413, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-413, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-413, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-413 { background-image: url("images/cards/Card413.JPG"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-414, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-414, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-414, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-414, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-414, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-414, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-414, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-414, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-414, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-414, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-414, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-414, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-414, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-414, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-414, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-414 { background-image: url("images/cards/Card414.JPG"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-42, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-42, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-42, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-42, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-42, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-42, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-42, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-42, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-42, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-42, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-42, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-42, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-42, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-42, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-42, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-42 { background-image: url("images/cards/Card42.JPG"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-43, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-43, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-43, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-43, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-43, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-43, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-43, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-43, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-43, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-43, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-43, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-43, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-43, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-43, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-43, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-43 { background-image: url("images/cards/Card43.JPG"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-44, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-44, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-44, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-44, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-44, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-44, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-44, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-44, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-44, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-44, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-44, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-44, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-44, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-44, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-44, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-44 { background-image: url("images/cards/Card44.JPG"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-45, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-45, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-45, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-45, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-45, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-45, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-45, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-45, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-45, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-45, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-45, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-45, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-45, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-45, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-45, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-45 { background-image: url("images/cards/Card45.png"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-46, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-46, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-46, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-46, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-46, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-46, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-46, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-46, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-46, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-46, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-46, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-46, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-46, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-46, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-46, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-46 { background-image: url("images/cards/Card46.JPG"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-47, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-47, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-47, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-47, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-47, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-47, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-47, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-47, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-47, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-47, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-47, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-47, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-47, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-47, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-47, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-47 { background-image: url("images/cards/Card47.JPG"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-48, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-48, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-48, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-48, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-48, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-48, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-48, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-48, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-48, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-48, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-48, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-48, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-48, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-48, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-48, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-48 { background-image: url("images/cards/Card48.JPG"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-49, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-49, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-49, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-49, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-49, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-49, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-49, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-49, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-49, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-49, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-49, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-49, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-49, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-49, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-49, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-49 { background-image: url("images/cards/Card49.JPG"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-91, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-91, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-91, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-91, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-91, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-91, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-91, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-91, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-91, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-91, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-91, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-91, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-91, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-91, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-91, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-91 { background-image: url("images/cards/Card91.JPG"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-211, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-211, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-211, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-211, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-211, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-211, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-211, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-211, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-211, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-211, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-211, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-211, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-211, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-211, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-211, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-211 { background-image: url("images/cards/Card211.JPG"); } .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.card .card-image.card-212, .accDetailsPopup .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-212, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-212, .accDetailsPopup .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-212, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.card .card-image.card-212, .cardInstallmentsDetails .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-212, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-212, .cardInstallmentsDetails .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-212, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-212, .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-212, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-212, .accountBalanceSlider .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-212, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.card .card-image.card-212, .details-dialog.accountsList .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-212, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-212, .details-dialog.accountsList .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-212 { background-image: url("images/cards/Card212.JPG"); } .accDetailsPopup .mCSB_inside > .mCSB_container, .cardInstallmentsDetails .mCSB_inside > .mCSB_container, .accountBalanceSlider .mCSB_inside > .mCSB_container, .details-dialog.accountsList .mCSB_inside > .mCSB_container { margin-right: 0px !important; } .accDetailsPopup div > #toggle-acc-details, .cardInstallmentsDetails div > #toggle-acc-details, .accountBalanceSlider div > #toggle-acc-details, .details-dialog.accountsList div > #toggle-acc-details { width: unset !important; } .accDetailsPopup .transaction-popup-details-wrapper .transaction-popup-detail .dot-menu { width: unset; max-height: 40px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08) !important; padding: 0 10px; } .accDetailsPopup .transaction-popup-details-wrapper .transaction-popup-detail .dot-menu p.popup { padding-top: 10px; font-weight: bold; } .accDetailsPopup .transaction-popup-details-wrapper .transaction-popup-detail .dot-menu:hover { background-color: rgba(10, 121, 184, 0.1) !important; } .accDetailsPopup .transaction-popup-details-wrapper .transaction-popup-detail .detail-border-3 { border-radius: 12px; } .accDetailsPopup .account-inter-inner-scroll { padding-right: 40px !important; } .lastChild { display: inline-flex !important; } .installmentsList .account-inter-inner-scroll { padding-right: 20px !important; } .installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper { padding-right: 20px; } .installmentsList .installments-list-amount { display: flex; flex-direction: column; align-items: flex-end; } .installmentsList .pending-expenses-ico-col { margin-left: -50px; } .installmentsList .installments-payment-title { display: block; } .installmentsList .pending-expenses-box { align-items: center; } .installmentsList .bottom-button-installments { position: fixed; bottom: 15px; left: 0px !important; padding-top: 15px; width: 100%; text-align: center; } .installmentsList .bottom-button-installments .btn-1 { background-color: #0a79b8; color: #FFFFFF; z-index: 2 !important; border-radius: 38px !important; width: 90% !important; padding: 15px 0px !important; transition: all .5s; } .installmentsList .bottom-button-installments .btn-1:hover { background-color: #2A7F00 !important; box-shadow: 0 0 14px rgba(54, 60, 164, 0.4) !important; } .installmentsList .checkboxCustom .checkbox-save { display: inline-block !important; height: 14px; width: 14px; border: 2px solid #a2b8cf; border-radius: 2px; background: transparent; cursor: pointer; } .installmentsList .checkboxCustom .checkbox-save.checked .checkmark:after { content: ""; width: 18px; height: 18px; left: -2px; top: -2px; position: relative; display: block; background: url(images/icons/checkbox.png) 0 0 no-repeat; background-size: 100%; -webkit-transition: opacity .3s; transition: opacity .3s; } .installmentsList .check-all-top { margin: 0 40px; padding-bottom: 20px; border-bottom: 1px solid #C7C7C7; display: flex; align-items: center; align-content: center; flex-wrap: nowrap; } .installmentsList .check-all-top .check-all-title { margin-left: 20px; } .installmentsList .margin-half { margin-bottom: 5px !important; } .accDetailTurnover .popup-ammount-wrapper { margin-right: 0px !important; } .accDetailTurnover .popup-ammount-wrapper h2 { font-family: "pt_sansregular", sans-serif !important; font-weight: bold; } .contactDataConfirmation-limits { z-index: 1006 !important; } .limitsAndChannelsCards .account-item-inner h3 { margin-bottom: 0px !important; } .limitsAndChannelsCards .account-item-inner .net-ico-limits { background-image: url("images/icons/netlimit.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); background-repeat: no-repeat; width: 22px; height: 22px; position: absolute; background-position: 50% 50%; } .limitsAndChannelsCards .account-item-inner .atm-ico-limits { background-image: url("images/icons/atmlimit.png"); background-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); background-repeat: no-repeat; width: 22px; height: 22px; position: absolute; background-position: 50% 50%; } .limitsAndChannelsCards .account-item-inner .atm-switch, .limitsAndChannelsCards .account-item-inner .net-switch, .limitsAndChannelsCards .account-item-inner .sales-switch { cursor: pointer; } .limitsAndChannelsCards .account-item-inner .atm-switch .toggle-btn, .limitsAndChannelsCards .account-item-inner .net-switch .toggle-btn, .limitsAndChannelsCards .account-item-inner .sales-switch .toggle-btn { pointer-events: auto !important; } .limitsAndChannelsCards .account-item-inner .reserved-funds-ico { margin-left: 0px !important; } .limitsAndChannelsCards .account-item-inner .limits-info-down .reserved-funds-ico { transition: .5s all; cursor: pointer; } .limitsAndChannelsCards .account-item-inner .limits-info-down .reserved-funds-ico .payments-ico-svg { stroke: #0a79b8 !important; } .limitsAndChannelsCards .account-item-inner .limits-info-down .reserved-funds-ico:hover { background-color: #0a79b8 !important; } .limitsAndChannelsCards .account-item-inner .limits-info-down .reserved-funds-ico:hover .payments-ico-svg { stroke: #FFFFFF !important; } .limitsAndChannelsCards .account-item-inner .limits-info p { margin-bottom: 5px !important; } .limitsAndChannelsCards .account-item-inner .limits-block { margin-right: -10px; } .limitsAndChannelsCards .bottom-line-default { border-bottom: 1px dotted rgba(0, 0, 0, 0.54); padding-bottom: 20px; } .do-not-display { display: none !important; } .accountEdit .ui-dialog-buttonset button:nth-child(1) { background-color: #FFFFFF !important; color: #000000 !important; transition: all .5s; } .accountEdit .ui-dialog-buttonset button:nth-child(1):hover { background-color: #E8E9EC !important; } #content_wrap.overlay-token-sg:after { background-color: rgba(0, 0, 0, 0.87) !important; opacity: .6 !important; } .editLimitDialog .validationMessage { white-space: pre-wrap !important; } .contactDataConfirmation .ui-dialog-buttonset button:nth-child(1), .contactDataEdit .ui-dialog-buttonset button:nth-child(1) { background-color: white !important; color: black !important; } .contactDataConfirmation .ui-dialog-buttonset button:nth-child(1):hover, .contactDataEdit .ui-dialog-buttonset button:nth-child(1):hover { background-color: #E8E9EC !important; } .support-dialog .ui-dialog-content { padding: 0 !important; overflow: hidden !important; } .success-change-email .ui-dialog-buttonset { float: none !important; } .success-change-email .ui-dialog-buttonset button { width: 100% !important; font-size: 15px !important; padding: 10px 28px !important; border: 1px solid #DCDCDC !important; background-color: #F5F5F5 !important; color: #0a79b8 !important; border-radius: 6px !important; } .personal-settings-tab .accOfficer { padding: 0 35px; } .personal-settings-tab .accOfficer .btn-wrapper { width: calc(100% - 70px); position: absolute; bottom: 60px; } .personal-settings-tab .accOfficer .btn-wrapper button { font-family: "Source-Sans-Pro-semibold", sans-serif !important; } .accountEditSlider .ui-dialog-buttonset button:nth-child(1) { background-color: white !important; color: black !important; } .accountEditSlider .ui-dialog-buttonset button:nth-child(1):hover { background-color: #E8E9EC !important; } .ips-accounts-wrapper { height: calc(70vh - 120px) !important; overflow-y: scroll !important; padding-right: 15px; } .ips-accounts-wrapper::-webkit-scrollbar { background: transparent; border-radius: 16px; width: 5px; margin-bottom: 10px !important; } .ips-accounts-wrapper::-webkit-scrollbar-track { background: transparent; border-radius: 16px; margin-bottom: 10px !important; } .ips-accounts-wrapper::-webkit-scrollbar-thumb { background: #0a79b8; border-radius: 16px; margin-bottom: 10px !important; } .sg-internal-transfer .input-1.input-amount { border: 2px solid #DCDCDC; color: #989898; background-color: #F1F1F1; pointer-events: none !important; cursor: default !important; } .sg-internal-transfer .account-detail-menu { display: none; } .bug-suggestion-tabs { height: 60px; width: 80% !important; background-color: #E8E9EC; cursor: pointer !important; } .bug-suggestion-tabs li { border: none !important; font-size: 15px; font-family: "Source-Sans-Pro-semibold", sans-serif !important; } .bug-suggestion-tabs li a { padding: 5px 66px !important; color: rgba(0, 0, 0, 0.54) !important; } .bug-suggestion-tabs li a:hover { color: #0a79b8 !important; } .bug-suggestion-tabs li.active a { background-color: #FFFFFF !important; color: #0a79b8 !important; } .upgrade PopUp .widget-tabs.one-slide li { width: 100% !important; } .upgrade PopUp .widget-tabs.one-slide li a { margin-left: 11px; padding: 5px 170px !important; } .upgrade PopUp .widget-tabs.two-slides li { width: 50% !important; } .upgrade PopUp .widget-tabs.two-slides li a { padding: 5px 70px !important; } .upgrade PopUp .widget-tabs.three-slides li { width: 33.3% !important; } .upgrade PopUp .widget-tabs.three-slides li a { margin-left: -7px; padding: 5px 42px !important; } .upgrade PopUp .message-reply-form { padding-top: 15px; } .upgrade PopUp .message-reply-form .sendMessageBtn { margin: 0px 20px 50px 20px !important; border: 2px solid #0a79b8; color: #0a79b8 !important; transition: all .5s; } .upgrade PopUp .message-reply-form .sendMessageBtn:hover { background-color: #0a79b8 !important; color: #FFFFFF !important; } .upgrade PopUp .continue-btn { color: #FFFFFF !important; margin: 0px 20px 50px 20px !important; transition: all .5s; } .upgrade PopUp .open-package-btn { color: #FFFFFF !important; } .upgrade PopUp .open-package-btn.disabled { cursor: default !important; pointer-events: none !important; background-color: #C7C7C7 !important; } .upgrade PopUp .open-package-btn.disabled:hover { background-color: #C7C7C7 !important; } .upgrade PopUp .discount-popup-img-wrapper { float: right; width: 95% !important; height: 270px; max-height: 270px; margin-bottom: 20px; border-radius: 30px 0 0 30px; overflow: hidden; } .upgrade PopUp .discount-popup-img-wrapper .promo-card-img.fluo-cover { background-image: url("images/pictures/fluo-promo-banner.png"); } .upgrade PopUp .discount-popup-img-wrapper .promo-card-img.practic-cover { background-image: url("images/pictures/practic-promo-banner.png"); } .upgrade PopUp .discount-popup-img-wrapper .promo-card-img.prestige-cover { background-image: url("images/pictures/prestige-promo-banner.png"); } .upgrade PopUp .account-item-inner { height: 100%; overflow-y: scroll !important; overflow-x: hidden !important; padding-right: 5px; margin-right: 5px; } .upgrade PopUp .account-item-inner::-webkit-scrollbar { background: transparent; width: 5px; margin-bottom: 15px !important; } .upgrade PopUp .account-item-inner::-webkit-scrollbar-track { top: 20px; background: transparent; margin-bottom: 15px !important; } .upgrade PopUp .account-item-inner::-webkit-scrollbar-thumb { background-color: #0a79b8; border-radius: 5px; width: 4px; margin-bottom: 15px !important; } .upgrade PopUp .package-desc-img { margin-right: 40px; height: 25px; width: 25px; max-height: 25px; } .upgrade PopUp .package-desc-img .arrow-package { background-image: url("images/icons/paketi-opis.png"); width: 22px; height: 22px; background-size: cover; } .upgrade PopUp .package-desc-img .arrow-package.info { background-image: url("images/icons/ivr-info.png"); position: absolute; } .upgrade PopUp .package-desc-img .arrow-package.info.globe-click { background-image: url("images/icons/green-globe.png"); width: 29px !important; height: 29px !important; } .upgrade PopUp .package-desc-img .arrow-package.info.globe-click:hover { background-image: url("images/icons/white-globe.png") !important; } .upgrade PopUp .package-desc-img.info { margin-right: 60px !important; position: absolute; right: 0; } .upgrade PopUp .package-desc-img.month-info { margin-right: 147px !important; position: absolute; right: 0; margin-top: -35px; cursor: pointer; } .upgrade PopUp .package-desc-img.month-info:hover .help-info-text { opacity: 1; visibility: visible; } .upgrade PopUp .package-desc-img.month-info .help-info-text { bottom: 38px !important; left: 96% !important; } .upgrade PopUp .pdf-download { padding: 11px 11px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); cursor: pointer; position: absolute; top: 50%; left: calc(100% - 55px); transform: translateY(-50%); } .upgrade PopUp .pdf-download svg { stroke: #0a79b8 !important; } .upgrade PopUp .home-address-option { pointer-events: none !important; } .upgrade PopUp .home-address-option .custom-radio-button { background: #DEDFE3 !important; } .upgrade PopUp .home-address-option .custom-radio-button .custom-label { color: rgba(0, 0, 0, 0.54) !important; } .upgrade PopUp .custom-radio-button { position: relative; display: block; padding: 18px 15px 17px 46px; cursor: pointer; background: rgba(255, 255, 255, 0.6); border-radius: 25px; } .upgrade PopUp .custom-radio-button .custom-radio-input { position: absolute; width: 100%; height: 100%; inset: 0; opacity: 0; cursor: pointer; padding: 0; margin: 0; border: none; z-index: 1; } .upgrade PopUp .custom-radio-button .custom-radio-input:checked ~ .checkmark:after { opacity: 1; } .upgrade PopUp .custom-radio-button .checkmark { position: absolute; top: 50%; left: 14px; height: 16px; width: 16px; border-radius: 50%; border: 1px solid #E8E9EC; background: #FFFFFF; -webkit-transform: translateY(-50%); transform: translateY(-50%); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); } .upgrade PopUp .custom-radio-button .checkmark:after { width: 8px; height: 8px; top: 50%; left: 50%; border-radius: 50%; background: #0a79b8; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ""; position: absolute; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; } .upgrade PopUp .custom-radio-button .custom-label { font-family: "Source-Sans-Pro-bold", sans-serif; font-size: 15px; line-height: 1; color: rgba(0, 0, 0, 0.87); margin: 0; } .upgrade PopUp .package-description-wrapper { margin-right: 40px !important; margin-left: 45px !important; } .upgrade PopUp .package-description-wrapper .single-description-with-img { display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; text-align: left; } .upgrade PopUp .warning-package-description { display: flex; flex-direction: row; align-content: center; flex-wrap: nowrap; align-items: center; border: 2px dotted #C7C7C7; padding: 20px; border-radius: 20px; cursor: default; } .upgrade PopUp .warning-package-description .tag-ico { width: 40px; height: 40px; padding-right: 10px; stroke: #0a79b8; } .upgrade PopUp .warning-package-description .tag-ico .warning-icon-img { width: 40px; height: 40px; background-image: url("images/icons/ivr-info.png"); background-size: cover; } .upgrade PopUp .warning-package-description .package-tag-content { padding-left: 15px; text-align: left; font-style: italic; border-left: 2px dotted #C7C7C7; } .gvCurrencyExchange .clientGrid td .currency-flag { position: relative; top: -5px; float: left; padding-left: 16px; } .gvCurrencyExchange .clientGrid tbody tr td span.currency-flag:before { background-size: 100% 100%; width: 35px; height: 35px; margin: auto; content: ""; background-repeat: no-repeat; display: inline-block; border-radius: 12px; position: relative; top: 10px; right: 10px; } .gvCurrencyExchange .clientGrid tbody tr td:nth-child(3), .gvCurrencyExchange .clientGrid tbody tr td:nth-child(4), .gvCurrencyExchange .clientGrid tbody tr td:nth-child(5) { width: 120px; } /*#region flags*/ .CurrencyCalculator .EUR, .CurrencyExchangeV2 .currency-flag.EUR:before { background-image: url(images/flags/euro.png); } .CurrencyCalculator .MKD, .CurrencyExchangeV2 .currency-flag.MKD:before { background-image: url(images/flags/mkd.png); } .CurrencyCalculator .USD, .CurrencyExchangeV2 .currency-flag.USD:before { background-image: url(images/flags/usa.png); } .CurrencyCalculator .CHF, .CurrencyExchangeV2 .currency-flag.CHF:before { background-image: url(images/flags/swiss.png); } .CurrencyCalculator .GBP, .CurrencyExchangeV2 .currency-flag.GBP:before { background-image: url(images/flags/gb.png); } .CurrencyCalculator .TRY, .CurrencyExchangeV2 .currency-flag.TRY:before { background-image: url(images/flags/turkey.png); } .CurrencyCalculator .SEK, .CurrencyExchangeV2 .currency-flag.SEK:before { background-image: url(images/flags/swe.png); } .CurrencyCalculator .CAD, .CurrencyExchangeV2 .currency-flag.CAD:before { background-image: url(images/flags/cad.png); } .CurrencyCalculator .DKK, .CurrencyExchangeV2 .currency-flag.DKK:before { background-image: url(images/flags/dan.png); } .CurrencyCalculator .JPY, .CurrencyExchangeV2 .currency-flag.JPY:before { background-image: url(images/flags/japan.png); } .CurrencyCalculator .NOK, .CurrencyExchangeV2 .currency-flag.NOK:before { background-image: url(images/flags/norv.png); } .CurrencyCalculator .AUD, .CurrencyExchangeV2 .currency-flag.AUD:before { background-image: url(images/flags/australia.png); } .CurrencyCalculator .RSD, .CurrencyExchangeV2 .currency-flag.RSD:before { background-image: url(images/flags/srb.png); } .CurrencyCalculator .RUR, .CurrencyExchangeV2 .currency-flag.RUR:before { background-image: url(images/flags/rus.png); } .CurrencyCalculator .RUB, .CurrencyExchangeV2 .currency-flag.RUB:before { background-image: url(images/flags/rus.png); } /*#endregion flags*/ .CreditorTemplateManagingV3 .account-statements-info, .PaymentToMobileTemplates .account-statements-info, .CreditorTemplateManagingForeignV2 .account-statements-info, .CrontoTokenList .account-statements-info, .CreditorTemplateManagingV3Public .account-statements-info { padding: 20px; -webkit-transition: background-color .5s; transition: background-color .5s; } .CreditorTemplateManagingV3 .account-statements-info:hover, .PaymentToMobileTemplates .account-statements-info:hover, .CreditorTemplateManagingForeignV2 .account-statements-info:hover, .CrontoTokenList .account-statements-info:hover, .CreditorTemplateManagingV3Public .account-statements-info:hover { background-color: #FFFFFF; } .CreditorTemplateManagingV3 .account-statements-info:hover .template-selfie-wrapper, .PaymentToMobileTemplates .account-statements-info:hover .template-selfie-wrapper, .CreditorTemplateManagingForeignV2 .account-statements-info:hover .template-selfie-wrapper, .CrontoTokenList .account-statements-info:hover .template-selfie-wrapper, .CreditorTemplateManagingV3Public .account-statements-info:hover .template-selfie-wrapper { background-color: #f5f8fb !important; } .CreditorTemplateManagingV3 .account-statements-info:hover .profile-popup.active, .PaymentToMobileTemplates .account-statements-info:hover .profile-popup.active, .CreditorTemplateManagingForeignV2 .account-statements-info:hover .profile-popup.active, .CrontoTokenList .account-statements-info:hover .profile-popup.active, .CreditorTemplateManagingV3Public .account-statements-info:hover .profile-popup.active { z-index: 105; } .CreditorTemplateManagingV3 .account-statements-info .group-inner, .PaymentToMobileTemplates .account-statements-info .group-inner, .CreditorTemplateManagingForeignV2 .account-statements-info .group-inner, .CrontoTokenList .account-statements-info .group-inner, .CreditorTemplateManagingV3Public .account-statements-info .group-inner { width: 20%; margin-bottom: 0; } .CreditorTemplateManagingV3 .account-statements-info .group-inner.image, .PaymentToMobileTemplates .account-statements-info .group-inner.image, .CreditorTemplateManagingForeignV2 .account-statements-info .group-inner.image, .CrontoTokenList .account-statements-info .group-inner.image, .CreditorTemplateManagingV3Public .account-statements-info .group-inner.image { display: flex; justify-content: unset; overflow: hidden; } .CreditorTemplateManagingV3 .account-statements-info .group-inner .template-selfie-wrapper, .PaymentToMobileTemplates .account-statements-info .group-inner .template-selfie-wrapper, .CreditorTemplateManagingForeignV2 .account-statements-info .group-inner .template-selfie-wrapper, .CrontoTokenList .account-statements-info .group-inner .template-selfie-wrapper, .CreditorTemplateManagingV3Public .account-statements-info .group-inner .template-selfie-wrapper { width: 40px; height: 40px; background-color: #fff; border-radius: 4px; margin-right: 12px; } .CreditorTemplateManagingV3 .account-statements-info .group-inner .template-selfie-wrapper p, .PaymentToMobileTemplates .account-statements-info .group-inner .template-selfie-wrapper p, .CreditorTemplateManagingForeignV2 .account-statements-info .group-inner .template-selfie-wrapper p, .CrontoTokenList .account-statements-info .group-inner .template-selfie-wrapper p, .CreditorTemplateManagingV3Public .account-statements-info .group-inner .template-selfie-wrapper p { font-weight: bold; } .CreditorTemplateManagingV3 .account-statements-info .group-inner.actionsElement, .PaymentToMobileTemplates .account-statements-info .group-inner.actionsElement, .CreditorTemplateManagingForeignV2 .account-statements-info .group-inner.actionsElement, .CrontoTokenList .account-statements-info .group-inner.actionsElement, .CreditorTemplateManagingV3Public .account-statements-info .group-inner.actionsElement { width: 60%; } .CreditorTemplateManagingV3 .account-statements-info .group-inner .background-2, .PaymentToMobileTemplates .account-statements-info .group-inner .background-2, .CreditorTemplateManagingForeignV2 .account-statements-info .group-inner .background-2, .CrontoTokenList .account-statements-info .group-inner .background-2, .CreditorTemplateManagingV3Public .account-statements-info .group-inner .background-2 { background-color: #fff; } .CreditorTemplateManagingV3 .account-statements-info .group-inner .pdf-download:hover, .PaymentToMobileTemplates .account-statements-info .group-inner .pdf-download:hover, .CreditorTemplateManagingForeignV2 .account-statements-info .group-inner .pdf-download:hover, .CrontoTokenList .account-statements-info .group-inner .pdf-download:hover, .CreditorTemplateManagingV3Public .account-statements-info .group-inner .pdf-download:hover { background-color: rgba(10, 121, 184, 0.1); } .CreditorTemplateManagingV3 .account-statements-info .group-inner .hover-button, .PaymentToMobileTemplates .account-statements-info .group-inner .hover-button, .CreditorTemplateManagingForeignV2 .account-statements-info .group-inner .hover-button, .CrontoTokenList .account-statements-info .group-inner .hover-button, .CreditorTemplateManagingV3Public .account-statements-info .group-inner .hover-button { opacity: 0; margin-right: 20px; } .CreditorTemplateManagingV3 .account-statements-info:hover .hover-button, .PaymentToMobileTemplates .account-statements-info:hover .hover-button, .CreditorTemplateManagingForeignV2 .account-statements-info:hover .hover-button, .CrontoTokenList .account-statements-info:hover .hover-button, .CreditorTemplateManagingV3Public .account-statements-info:hover .hover-button { opacity: 1; -webkit-transition: opacity 1s; transition: opacity 1s; } .CreditorTemplateManagingV3 .account-statements-info .profile-text-arrow, .PaymentToMobileTemplates .account-statements-info .profile-text-arrow, .CreditorTemplateManagingForeignV2 .account-statements-info .profile-text-arrow, .CrontoTokenList .account-statements-info .profile-text-arrow, .CreditorTemplateManagingV3Public .account-statements-info .profile-text-arrow { fill: #8294a8; right: 16px; } .CreditorTemplateManagingV3 .account-statements-info .profile-text-arrow.star-ico, .PaymentToMobileTemplates .account-statements-info .profile-text-arrow.star-ico, .CreditorTemplateManagingForeignV2 .account-statements-info .profile-text-arrow.star-ico, .CrontoTokenList .account-statements-info .profile-text-arrow.star-ico, .CreditorTemplateManagingV3Public .account-statements-info .profile-text-arrow.star-ico { fill: #fff; stroke: #8294a8; width: 21px; height: 20px; margin-right: 25px; -webkit-transition: fill .3s; transition: fill .3s; cursor: pointer; } .CreditorTemplateManagingV3 .account-statements-info .profile-text-arrow.star-ico.active, .PaymentToMobileTemplates .account-statements-info .profile-text-arrow.star-ico.active, .CreditorTemplateManagingForeignV2 .account-statements-info .profile-text-arrow.star-ico.active, .CrontoTokenList .account-statements-info .profile-text-arrow.star-ico.active, .CreditorTemplateManagingV3Public .account-statements-info .profile-text-arrow.star-ico.active { fill: #ed6b06; stroke: #ed6b06; } .CreditorTemplateManagingV3 .account-statements-info .three-dots-dropdown-menu, .PaymentToMobileTemplates .account-statements-info .three-dots-dropdown-menu, .CreditorTemplateManagingForeignV2 .account-statements-info .three-dots-dropdown-menu, .CrontoTokenList .account-statements-info .three-dots-dropdown-menu, .CreditorTemplateManagingV3Public .account-statements-info .three-dots-dropdown-menu { width: 20px; height: 20px; margin-right: 20px; cursor: pointer; } .CreditorTemplateManagingV3 .account-statements-info .three-dots-dropdown-menu .dot, .PaymentToMobileTemplates .account-statements-info .three-dots-dropdown-menu .dot, .CreditorTemplateManagingForeignV2 .account-statements-info .three-dots-dropdown-menu .dot, .CrontoTokenList .account-statements-info .three-dots-dropdown-menu .dot, .CreditorTemplateManagingV3Public .account-statements-info .three-dots-dropdown-menu .dot { border-radius: 50%; background: #8294a8; width: 5px; height: 5px; } .CreditorTemplateManagingV3 .checkboxCustom .checkbox-save .checkmark, .PaymentToMobileTemplates .checkboxCustom .checkbox-save .checkmark, .CreditorTemplateManagingForeignV2 .checkboxCustom .checkbox-save .checkmark, .CrontoTokenList .checkboxCustom .checkbox-save .checkmark, .CreditorTemplateManagingV3Public .checkboxCustom .checkbox-save .checkmark { position: absolute; top: 20px; left: 30px; height: 14px; width: 14px; border: 2px solid #a2b8cf; border-radius: 2px; background: transparent; cursor: pointer; } .CreditorTemplateManagingV3 .checkboxCustom .checkbox-save .checkmark:after, .PaymentToMobileTemplates .checkboxCustom .checkbox-save .checkmark:after, .CreditorTemplateManagingForeignV2 .checkboxCustom .checkbox-save .checkmark:after, .CrontoTokenList .checkboxCustom .checkbox-save .checkmark:after, .CreditorTemplateManagingV3Public .checkboxCustom .checkbox-save .checkmark:after { content: ""; width: 18px; height: 18px; left: -2px; top: -2px; position: absolute; background: url(images/icons/checkbox.png) 0 0 no-repeat; background-size: 100%; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; } .CreditorTemplateManagingV3 .payment-filter .payment-filter-box, .PaymentToMobileTemplates .payment-filter .payment-filter-box, .CreditorTemplateManagingForeignV2 .payment-filter .payment-filter-box, .CrontoTokenList .payment-filter .payment-filter-box, .CreditorTemplateManagingV3Public .payment-filter .payment-filter-box { position: relative; } .CreditorTemplateManagingV3 .payment-filter .payment-filter-box:first-child, .PaymentToMobileTemplates .payment-filter .payment-filter-box:first-child, .CreditorTemplateManagingForeignV2 .payment-filter .payment-filter-box:first-child, .CrontoTokenList .payment-filter .payment-filter-box:first-child, .CreditorTemplateManagingV3Public .payment-filter .payment-filter-box:first-child { width: 20%; } .CreditorTemplateManagingV3 .payment-filter .payment-filter-box .checkboxCustom .checkbox-save.checked .checkmark:after, .PaymentToMobileTemplates .payment-filter .payment-filter-box .checkboxCustom .checkbox-save.checked .checkmark:after, .CreditorTemplateManagingForeignV2 .payment-filter .payment-filter-box .checkboxCustom .checkbox-save.checked .checkmark:after, .CrontoTokenList .payment-filter .payment-filter-box .checkboxCustom .checkbox-save.checked .checkmark:after, .CreditorTemplateManagingV3Public .payment-filter .payment-filter-box .checkboxCustom .checkbox-save.checked .checkmark:after { opacity: 1; } .CreditorTemplateManagingV3 .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark, .PaymentToMobileTemplates .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark, .CreditorTemplateManagingForeignV2 .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark, .CrontoTokenList .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark, .CreditorTemplateManagingV3Public .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark { position: absolute; top: 0; left: 30px; height: 14px; width: 14px; border: 2px solid #a2b8cf; border-radius: 2px; background: transparent; cursor: pointer; } .CreditorTemplateManagingV3 .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark:after, .PaymentToMobileTemplates .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark:after, .CreditorTemplateManagingForeignV2 .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark:after, .CrontoTokenList .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark:after, .CreditorTemplateManagingV3Public .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark:after { content: ""; width: 18px; height: 18px; left: -2px; top: -2px; position: absolute; background: url(images/icons/checkbox.png) 0 0 no-repeat; background-size: 100%; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; } .CreditorTemplateManagingV3 .payment-filter .payment-filter-box svg, .PaymentToMobileTemplates .payment-filter .payment-filter-box svg, .CreditorTemplateManagingForeignV2 .payment-filter .payment-filter-box svg, .CrontoTokenList .payment-filter .payment-filter-box svg, .CreditorTemplateManagingV3Public .payment-filter .payment-filter-box svg { left: unset !important; } .CreditorTemplateManagingV3 .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient, .PaymentToMobileTemplates .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient, .CreditorTemplateManagingForeignV2 .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient, .CrontoTokenList .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient, .CreditorTemplateManagingV3Public .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient { top: -3px; width: 20%; } .CreditorTemplateManagingV3 .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient svg, .PaymentToMobileTemplates .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient svg, .CreditorTemplateManagingForeignV2 .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient svg, .CrontoTokenList .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient svg, .CreditorTemplateManagingV3Public .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient svg { left: unset !important; top: 5px; } .CreditorTemplateManagingV3 .checkboxCustom .checkbox-save.checked .checkmark:after, .PaymentToMobileTemplates .checkboxCustom .checkbox-save.checked .checkmark:after, .CreditorTemplateManagingForeignV2 .checkboxCustom .checkbox-save.checked .checkmark:after, .CrontoTokenList .checkboxCustom .checkbox-save.checked .checkmark:after, .CreditorTemplateManagingV3Public .checkboxCustom .checkbox-save.checked .checkmark:after { opacity: 1; } .CreditorTemplateManagingV3 .showPagination, .PaymentToMobileTemplates .showPagination, .CreditorTemplateManagingForeignV2 .showPagination, .CrontoTokenList .showPagination, .CreditorTemplateManagingV3Public .showPagination { justify-content: flex-end; } .CreditorTemplateManagingV3 .popup-content.active, .PaymentToMobileTemplates .popup-content.active, .CreditorTemplateManagingForeignV2 .popup-content.active, .CrontoTokenList .popup-content.active, .CreditorTemplateManagingV3Public .popup-content.active { right: -40px; } .CreditorTemplateManagingV3 .popup-content.active a:hover, .PaymentToMobileTemplates .popup-content.active a:hover, .CreditorTemplateManagingForeignV2 .popup-content.active a:hover, .CrontoTokenList .popup-content.active a:hover, .CreditorTemplateManagingV3Public .popup-content.active a:hover { color: #0a79b8; } .CreditorTemplateManagingV3 .transaction-filter-inner .transaction-filter-box .input-1, .PaymentToMobileTemplates .transaction-filter-inner .transaction-filter-box .input-1, .CreditorTemplateManagingForeignV2 .transaction-filter-inner .transaction-filter-box .input-1, .CrontoTokenList .transaction-filter-inner .transaction-filter-box .input-1, .CreditorTemplateManagingV3Public .transaction-filter-inner .transaction-filter-box .input-1 { max-height: 40px; min-width: 300px; width: 100%; padding: 16px; box-sizing: border-box; } .CreditorTemplateManagingV3 .transaction-filter-inner .input-wrap.icon-right input, .PaymentToMobileTemplates .transaction-filter-inner .input-wrap.icon-right input, .CreditorTemplateManagingForeignV2 .transaction-filter-inner .input-wrap.icon-right input, .CrontoTokenList .transaction-filter-inner .input-wrap.icon-right input, .CreditorTemplateManagingV3Public .transaction-filter-inner .input-wrap.icon-right input { padding-right: 50px; } .CreditorTemplateManagingV3 .transaction-filter-inner .input-wrap.icon-right input::placeholder, .PaymentToMobileTemplates .transaction-filter-inner .input-wrap.icon-right input::placeholder, .CreditorTemplateManagingForeignV2 .transaction-filter-inner .input-wrap.icon-right input::placeholder, .CrontoTokenList .transaction-filter-inner .input-wrap.icon-right input::placeholder, .CreditorTemplateManagingV3Public .transaction-filter-inner .input-wrap.icon-right input::placeholder { color: #a2b8cf; } .CreditorTemplateManagingV3 .btn-1, .PaymentToMobileTemplates .btn-1, .CreditorTemplateManagingForeignV2 .btn-1, .CrontoTokenList .btn-1, .CreditorTemplateManagingV3Public .btn-1 { margin-top: 10px; padding: 0 8px !important; max-height: 40px; } .CreditorTemplateManagingV3 .btn-1:before, .PaymentToMobileTemplates .btn-1:before, .CreditorTemplateManagingForeignV2 .btn-1:before, .CrontoTokenList .btn-1:before, .CreditorTemplateManagingV3Public .btn-1:before { display: none; } .CreditorTemplateManagingV3 .btn-1.search, .PaymentToMobileTemplates .btn-1.search, .CreditorTemplateManagingForeignV2 .btn-1.search, .CrontoTokenList .btn-1.search, .CreditorTemplateManagingV3Public .btn-1.search { padding: 0 18px !important; } .accountStatementDetails .showPagination { justify-content: flex-end; } .CrontoTokenList .account-statements-filter-inner { padding-bottom: 10px; } .CrontoTokenList .account-statements-filter-inner .account-statements-info { padding: 5px; } .hoverEmptyMessage { background-color: transparent !important; } .AccountTurnover .hoverEmptyMessage hr, .AccountPosTrasactionCorporate .hoverEmptyMessage hr, .DepositTurnoverCorporate .hoverEmptyMessage hr, .CardTurnoverCorporate .hoverEmptyMessage hr, .CardTurnover .hoverEmptyMessage hr, .CardSpendingCorporate .hoverEmptyMessage hr, .CardSpendingCorpor .hoverEmptyMessage hr { background-color: #C7C7C7; border: none; height: 1px; } .PersonalDataV2 { margin-top: 40px; } .CrontoTokenList .account-statements-filter-inner { padding-bottom: 10px; } .CrontoTokenList .account-statements-filter-inner .account-statements-info { padding: 5px; } .CrontoTokenList .payment-filter .payment-filter-box:first-child { padding-left: 71px; width: 19.5%; } .CrontoTokenList .payment-filter .payment-filter-box:nth-child(2) { padding-left: 0px !important; width: 25% !important; } .CrontoTokenList .payment-filter .payment-filter-box:last-child { padding-left: 0px !important; width: 50% !important; } .CrontoTokenList .account-statements-info .group-inner:first-child { width: 25%; padding-left: 0px !important; } .CrontoTokenList .account-statements-info .group-inner:nth-child(2) { width: 25%; padding-left: 0px !important; } .CrontoTokenList .account-statements-info .group-inner:last-child { width: 50%; padding-left: 0px !important; } .PaymentToMobileTemplates .account-statements-info { padding: 5px 0 !important; margin-bottom: 10px; } .PaymentToMobileTemplates svg.search-form { fill: #353f4a; } .PaymentToMobileTemplates .payment-filter-box:nth-child(2), .CreditorTemplateManagingV3 .payment-filter-box:nth-child(2), .CreditorTemplateManagingV3Public .payment-filter-box:nth-child(2), .CreditorTemplateManagingForeignV2 .payment-filter-box:nth-child(2) { padding-left: 20px !important; } .PaymentToMobileTemplates .payment-filter-box:nth-child(3), .CreditorTemplateManagingV3 .payment-filter-box:nth-child(3), .CreditorTemplateManagingV3Public .payment-filter-box:nth-child(3), .CreditorTemplateManagingForeignV2 .payment-filter-box:nth-child(3) { padding-left: 54px !important; } .PaymentToMobileTemplates .account-statements-info, .CreditorTemplateManagingV3 .account-statements-info, .CreditorTemplateManagingV3Public .account-statements-info, .CreditorTemplateManagingForeignV2 .account-statements-info { padding: 20px 0; } .PaymentToMobileTemplates .account-statements-info .group-inner, .CreditorTemplateManagingV3 .account-statements-info .group-inner, .CreditorTemplateManagingV3Public .account-statements-info .group-inner, .CreditorTemplateManagingForeignV2 .account-statements-info .group-inner { padding-left: 67px; word-wrap: break-word; } .PaymentToMobileTemplates .account-statements-info .group-inner:first-child, .CreditorTemplateManagingV3 .account-statements-info .group-inner:first-child, .CreditorTemplateManagingV3Public .account-statements-info .group-inner:first-child, .CreditorTemplateManagingForeignV2 .account-statements-info .group-inner:first-child { padding-left: 32px; min-width: 20%; } .PaymentToMobileTemplates .account-statements-info .group-inner:nth-child(2), .CreditorTemplateManagingV3 .account-statements-info .group-inner:nth-child(2), .CreditorTemplateManagingV3Public .account-statements-info .group-inner:nth-child(2), .CreditorTemplateManagingForeignV2 .account-statements-info .group-inner:nth-child(2) { min-width: 20%; } .PaymentToMobileTemplates .account-statements-info .group-inner:nth-child(3), .CreditorTemplateManagingV3 .account-statements-info .group-inner:nth-child(3), .CreditorTemplateManagingV3Public .account-statements-info .group-inner:nth-child(3), .CreditorTemplateManagingForeignV2 .account-statements-info .group-inner:nth-child(3) { padding-left: 54px; } .PaymentToMobileTemplates .account-statements-info .group-inner:nth-child(3) label, .CreditorTemplateManagingV3 .account-statements-info .group-inner:nth-child(3) label, .CreditorTemplateManagingV3Public .account-statements-info .group-inner:nth-child(3) label, .CreditorTemplateManagingForeignV2 .account-statements-info .group-inner:nth-child(3) label { max-width: 160px; } .accountBalanceSlider .popup-ammount-wrapper p, .accountBalanceSlider .popup-ammount-wrapper h3, .cardDetailsPopup .popup-ammount-wrapper p, .cardDetailsPopup .popup-ammount-wrapper h3 { font-family: "pt_sansregular", sans-serif !important; font-weight: bold; } .loanAnnuityDetail h2, .loanAnnuityDetail span { font-family: "pt_sansregular", sans-serif !important; font-weight: bold; } .cardDetailsPopup .transaction-popup-details-wrapper .transaction-popup-detail .dot-menu { width: unset; max-height: 40px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); padding: 0 10px; } .cardDetailsPopup .transaction-popup-details-wrapper .transaction-popup-detail .dot-menu:hover { background-color: rgba(10, 121, 184, 0.1) !important; } .cardDetailsPopup .transaction-popup-details-wrapper .transaction-popup-detail .detail-border-3 { border-radius: 12px; } .cardDetailsPopup .transaction-popup-details-wrapper .transaction-popup-detail p.popup { padding-top: 10px; font-weight: bold; } .slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;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;top:0;left:0;display:block;margin:0 auto;overflow:hidden;height:400px}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:inline-block !important;text-align:center;height:100%;min-height:1px}[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-loading .slick-slide{visibility:hidden}.slick-initialized .slick-slide{display:block;outline:none}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slider-info{padding:10px 10px;background:rgba(255,255,255,.9);position:absolute;bottom:-500px;width:100%;box-sizing:border-box;display:block;transition:all ease .5s;height:150px}.slider-info.initialized{visibility:visible !important;bottom:0;overflow:auto}.slider-info>div{padding-right:0}.slider-info .slider-info-top{padding-bottom:15px}.slider-info .slider-info-bottom{padding-top:15px;padding-bottom:0;border-top:1px solid #ec1a3a}.slide-text{width:60%;margin-left:10%;margin-top:10%}.slide-title span{background:#ec1a3a;padding:10px;display:inline-block;color:#fff;font-weight:normal;font-size:22px;margin-left:-10px}.slide-caption span{display:inline;background:#595959;box-shadow:10px 0 0 #595959,-10px 0 0 #595959;color:#fff;font-weight:300;font-size:22px;padding:5px 0;line-height:35px} @charset "UTF-8"; /*#region fonts*/ @font-face { font-family: 'Lato'; src: url("fonts/Lato-Regular.eot"); src: url("fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Regular.woff") format("woff"), url("fonts/Lato-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Lato-Semibold'; src: url("fonts/Lato-Semibold.eot"); src: url("fonts/Lato-Semibold.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Semibold.woff") format("woff"), url("fonts/Lato-Semibold.ttf") format("truetype"); font-weight: 600; } @font-face { font-family: 'Lato-Bold'; src: url("fonts/Lato-Bold.eot"); src: url("fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Bold.woff") format("woff"), url("fonts/Lato-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: 'Sarabun'; src: url("fonts/Sarabun-ExtraBold.eot"); src: url("fonts/Sarabun-ExtraBold.eot?#iefix") format("embedded-opentype"), url("fonts/Sarabun-ExtraBold.woff") format("woff"), url("fonts/Sarabun-ExtraBold.ttf") format("truetype"); font-style: normal; } @font-face { font-family: 'Sarabun-Bold'; src: url("fonts/Sarabun-Bold.eot"); src: url("fonts/Sarabun-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Sarabun-Bold.woff") format("woff"), url("fonts/Sarabun-Bold.ttf") format("truetype"); font-style: normal; } @font-face { font-family: 'Sarabun-SemiBold'; src: url("fonts/Sarabun-SemiBold.eot"); src: url("fonts/Sarabun-SemiBold.eot?#iefix") format("embedded-opentype"), url("fonts/Sarabun-SemiBold.woff") format("woff"), url("fonts/Sarabun-SemiBold.ttf") format("truetype"); font-style: normal; } @font-face { font-family: 'Source-Sans-Pro'; src: url("fonts/sourcesanspro-regular.woff2") format("woff2"), url("fonts/sourcesanspro-regular.woff") format("woff"), url("fonts/sourcesanspro-regular.ttf") format("truetype"); font-weight: 400; font-style: normal; /*font-display: swap*/ } @font-face { font-family: 'Source-Sans-Pro-bold'; src: url("fonts/sourcesanspro-bold.woff2") format("woff2"), url("fonts/sourcesanspro-bold.woff") format("woff"), url("fonts/sourcesanspro-bold.ttf") format("truetype"); font-weight: 400; font-style: normal; /*font-display: swap*/ } @font-face { font-family: 'Source-Sans-Pro-semibold'; src: url("fonts/sourcesanspro-semibold.woff2") format("woff2"), url("fonts/sourcesanspro-semibold.woff") format("woff"), url("fonts/sourcesanspro-semibold.ttf") format("truetype"); font-weight: 400; font-style: normal; /*font-display: swap*/ } /*#endregion fonts*/ /* colors */ .ui-datepicker .ui-widget-header .ui-datepicker-next, .ui-datepicker .ui-widget-header .ui-datepicker-prev, .PersonalSettingsV3 .inner .custom-form .group .checkbox-bar .custom-check-label, .repayments, .widget-pagination, .repayments.templates a, .widget-pagination.templates a, .showPagination .pagination .pageCurrent, .personal-data-settings .help-info-wrapper, .help-info-wrapper, .FastPayment .dot-menu-inner, .FastPayment .fast-pay-account-wrapper, .FastPayment .fast-pay-account-img.no-img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .personal-data-settings .help-info-wrapper, .help-info-wrapper { /*-webkit-box-align: flex-end;*/ -webkit-align-items: flex-end; /*-ms-flex-align: flex-end;*/ align-items: flex-end; } .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .account-select-item { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .input-wrap *, .sticky-header .main-peace, .custom-grid.type-2 .col, .FXTradingCalculator *, .PersonalSettingsV3 *, .formApproval .alpaca-controlfield-container.alpaca-controlfield-text, #page-footer, .showPagination *, .my-account-main-form-wrapper *, .FastPayment *, .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body, div, span, applet, object, frame, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, ooter, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } html > #toggle-acc-details, html > #toggle-card-details, html > #toggle-loan-details, html > #toggle-template-open, html > #toggle-payment-open, body > #toggle-acc-details, body > #toggle-card-details, body > #toggle-loan-details, body > #toggle-template-open, body > #toggle-payment-open, div > #toggle-acc-details, div > #toggle-card-details, div > #toggle-loan-details, div > #toggle-template-open, div > #toggle-payment-open, span > #toggle-acc-details, span > #toggle-card-details, span > #toggle-loan-details, span > #toggle-template-open, span > #toggle-payment-open, applet > #toggle-acc-details, applet > #toggle-card-details, applet > #toggle-loan-details, applet > #toggle-template-open, applet > #toggle-payment-open, object > #toggle-acc-details, object > #toggle-card-details, object > #toggle-loan-details, object > #toggle-template-open, object > #toggle-payment-open, frame > #toggle-acc-details, frame > #toggle-card-details, frame > #toggle-loan-details, frame > #toggle-template-open, frame > #toggle-payment-open, h1 > #toggle-acc-details, h1 > #toggle-card-details, h1 > #toggle-loan-details, h1 > #toggle-template-open, h1 > #toggle-payment-open, h2 > #toggle-acc-details, h2 > #toggle-card-details, h2 > #toggle-loan-details, h2 > #toggle-template-open, h2 > #toggle-payment-open, h3 > #toggle-acc-details, h3 > #toggle-card-details, h3 > #toggle-loan-details, h3 > #toggle-template-open, h3 > #toggle-payment-open, h4 > #toggle-acc-details, h4 > #toggle-card-details, h4 > #toggle-loan-details, h4 > #toggle-template-open, h4 > #toggle-payment-open, h5 > #toggle-acc-details, h5 > #toggle-card-details, h5 > #toggle-loan-details, h5 > #toggle-template-open, h5 > #toggle-payment-open, h6 > #toggle-acc-details, h6 > #toggle-card-details, h6 > #toggle-loan-details, h6 > #toggle-template-open, h6 > #toggle-payment-open, p > #toggle-acc-details, p > #toggle-card-details, p > #toggle-loan-details, p > #toggle-template-open, p > #toggle-payment-open, blockquote > #toggle-acc-details, blockquote > #toggle-card-details, blockquote > #toggle-loan-details, blockquote > #toggle-template-open, blockquote > #toggle-payment-open, pre > #toggle-acc-details, pre > #toggle-card-details, pre > #toggle-loan-details, pre > #toggle-template-open, pre > #toggle-payment-open, a > #toggle-acc-details, a > #toggle-card-details, a > #toggle-loan-details, a > #toggle-template-open, a > #toggle-payment-open, abbr > #toggle-acc-details, abbr > #toggle-card-details, abbr > #toggle-loan-details, abbr > #toggle-template-open, abbr > #toggle-payment-open, acronym > #toggle-acc-details, acronym > #toggle-card-details, acronym > #toggle-loan-details, acronym > #toggle-template-open, acronym > #toggle-payment-open, address > #toggle-acc-details, address > #toggle-card-details, address > #toggle-loan-details, address > #toggle-template-open, address > #toggle-payment-open, big > #toggle-acc-details, big > #toggle-card-details, big > #toggle-loan-details, big > #toggle-template-open, big > #toggle-payment-open, cite > #toggle-acc-details, cite > #toggle-card-details, cite > #toggle-loan-details, cite > #toggle-template-open, cite > #toggle-payment-open, code > #toggle-acc-details, code > #toggle-card-details, code > #toggle-loan-details, code > #toggle-template-open, code > #toggle-payment-open, del > #toggle-acc-details, del > #toggle-card-details, del > #toggle-loan-details, del > #toggle-template-open, del > #toggle-payment-open, dfn > #toggle-acc-details, dfn > #toggle-card-details, dfn > #toggle-loan-details, dfn > #toggle-template-open, dfn > #toggle-payment-open, em > #toggle-acc-details, em > #toggle-card-details, em > #toggle-loan-details, em > #toggle-template-open, em > #toggle-payment-open, img > #toggle-acc-details, img > #toggle-card-details, img > #toggle-loan-details, img > #toggle-template-open, img > #toggle-payment-open, ins > #toggle-acc-details, ins > #toggle-card-details, ins > #toggle-loan-details, ins > #toggle-template-open, ins > #toggle-payment-open, kbd > #toggle-acc-details, kbd > #toggle-card-details, kbd > #toggle-loan-details, kbd > #toggle-template-open, kbd > #toggle-payment-open, q > #toggle-acc-details, q > #toggle-card-details, q > #toggle-loan-details, q > #toggle-template-open, q > #toggle-payment-open, s > #toggle-acc-details, s > #toggle-card-details, s > #toggle-loan-details, s > #toggle-template-open, s > #toggle-payment-open, samp > #toggle-acc-details, samp > #toggle-card-details, samp > #toggle-loan-details, samp > #toggle-template-open, samp > #toggle-payment-open, small > #toggle-acc-details, small > #toggle-card-details, small > #toggle-loan-details, small > #toggle-template-open, small > #toggle-payment-open, strike > #toggle-acc-details, strike > #toggle-card-details, strike > #toggle-loan-details, strike > #toggle-template-open, strike > #toggle-payment-open, strong > #toggle-acc-details, strong > #toggle-card-details, strong > #toggle-loan-details, strong > #toggle-template-open, strong > #toggle-payment-open, sub > #toggle-acc-details, sub > #toggle-card-details, sub > #toggle-loan-details, sub > #toggle-template-open, sub > #toggle-payment-open, sup > #toggle-acc-details, sup > #toggle-card-details, sup > #toggle-loan-details, sup > #toggle-template-open, sup > #toggle-payment-open, tt > #toggle-acc-details, tt > #toggle-card-details, tt > #toggle-loan-details, tt > #toggle-template-open, tt > #toggle-payment-open, var > #toggle-acc-details, var > #toggle-card-details, var > #toggle-loan-details, var > #toggle-template-open, var > #toggle-payment-open, b > #toggle-acc-details, b > #toggle-card-details, b > #toggle-loan-details, b > #toggle-template-open, b > #toggle-payment-open, u > #toggle-acc-details, u > #toggle-card-details, u > #toggle-loan-details, u > #toggle-template-open, u > #toggle-payment-open, i > #toggle-acc-details, i > #toggle-card-details, i > #toggle-loan-details, i > #toggle-template-open, i > #toggle-payment-open, center > #toggle-acc-details, center > #toggle-card-details, center > #toggle-loan-details, center > #toggle-template-open, center > #toggle-payment-open, dl > #toggle-acc-details, dl > #toggle-card-details, dl > #toggle-loan-details, dl > #toggle-template-open, dl > #toggle-payment-open, dt > #toggle-acc-details, dt > #toggle-card-details, dt > #toggle-loan-details, dt > #toggle-template-open, dt > #toggle-payment-open, dd > #toggle-acc-details, dd > #toggle-card-details, dd > #toggle-loan-details, dd > #toggle-template-open, dd > #toggle-payment-open, ol > #toggle-acc-details, ol > #toggle-card-details, ol > #toggle-loan-details, ol > #toggle-template-open, ol > #toggle-payment-open, ul > #toggle-acc-details, ul > #toggle-card-details, ul > #toggle-loan-details, ul > #toggle-template-open, ul > #toggle-payment-open, li > #toggle-acc-details, li > #toggle-card-details, li > #toggle-loan-details, li > #toggle-template-open, li > #toggle-payment-open, fieldset > #toggle-acc-details, fieldset > #toggle-card-details, fieldset > #toggle-loan-details, fieldset > #toggle-template-open, fieldset > #toggle-payment-open, form > #toggle-acc-details, form > #toggle-card-details, form > #toggle-loan-details, form > #toggle-template-open, form > #toggle-payment-open, label > #toggle-acc-details, label > #toggle-card-details, label > #toggle-loan-details, label > #toggle-template-open, label > #toggle-payment-open, legend > #toggle-acc-details, legend > #toggle-card-details, legend > #toggle-loan-details, legend > #toggle-template-open, legend > #toggle-payment-open, table > #toggle-acc-details, table > #toggle-card-details, table > #toggle-loan-details, table > #toggle-template-open, table > #toggle-payment-open, caption > #toggle-acc-details, caption > #toggle-card-details, caption > #toggle-loan-details, caption > #toggle-template-open, caption > #toggle-payment-open, tbody > #toggle-acc-details, tbody > #toggle-card-details, tbody > #toggle-loan-details, tbody > #toggle-template-open, tbody > #toggle-payment-open, tfoot > #toggle-acc-details, tfoot > #toggle-card-details, tfoot > #toggle-loan-details, tfoot > #toggle-template-open, tfoot > #toggle-payment-open, thead > #toggle-acc-details, thead > #toggle-card-details, thead > #toggle-loan-details, thead > #toggle-template-open, thead > #toggle-payment-open, tr > #toggle-acc-details, tr > #toggle-card-details, tr > #toggle-loan-details, tr > #toggle-template-open, tr > #toggle-payment-open, th > #toggle-acc-details, th > #toggle-card-details, th > #toggle-loan-details, th > #toggle-template-open, th > #toggle-payment-open, td > #toggle-acc-details, td > #toggle-card-details, td > #toggle-loan-details, td > #toggle-template-open, td > #toggle-payment-open, article > #toggle-acc-details, article > #toggle-card-details, article > #toggle-loan-details, article > #toggle-template-open, article > #toggle-payment-open, aside > #toggle-acc-details, aside > #toggle-card-details, aside > #toggle-loan-details, aside > #toggle-template-open, aside > #toggle-payment-open, canvas > #toggle-acc-details, canvas > #toggle-card-details, canvas > #toggle-loan-details, canvas > #toggle-template-open, canvas > #toggle-payment-open, details > #toggle-acc-details, details > #toggle-card-details, details > #toggle-loan-details, details > #toggle-template-open, details > #toggle-payment-open, embed > #toggle-acc-details, embed > #toggle-card-details, embed > #toggle-loan-details, embed > #toggle-template-open, embed > #toggle-payment-open, figure > #toggle-acc-details, figure > #toggle-card-details, figure > #toggle-loan-details, figure > #toggle-template-open, figure > #toggle-payment-open, figcaption > #toggle-acc-details, figcaption > #toggle-card-details, figcaption > #toggle-loan-details, figcaption > #toggle-template-open, figcaption > #toggle-payment-open, ooter > #toggle-acc-details, ooter > #toggle-card-details, ooter > #toggle-loan-details, ooter > #toggle-template-open, ooter > #toggle-payment-open, header > #toggle-acc-details, header > #toggle-card-details, header > #toggle-loan-details, header > #toggle-template-open, header > #toggle-payment-open, hgroup > #toggle-acc-details, hgroup > #toggle-card-details, hgroup > #toggle-loan-details, hgroup > #toggle-template-open, hgroup > #toggle-payment-open, menu > #toggle-acc-details, menu > #toggle-card-details, menu > #toggle-loan-details, menu > #toggle-template-open, menu > #toggle-payment-open, nav > #toggle-acc-details, nav > #toggle-card-details, nav > #toggle-loan-details, nav > #toggle-template-open, nav > #toggle-payment-open, output > #toggle-acc-details, output > #toggle-card-details, output > #toggle-loan-details, output > #toggle-template-open, output > #toggle-payment-open, ruby > #toggle-acc-details, ruby > #toggle-card-details, ruby > #toggle-loan-details, ruby > #toggle-template-open, ruby > #toggle-payment-open, section > #toggle-acc-details, section > #toggle-card-details, section > #toggle-loan-details, section > #toggle-template-open, section > #toggle-payment-open, summary > #toggle-acc-details, summary > #toggle-card-details, summary > #toggle-loan-details, summary > #toggle-template-open, summary > #toggle-payment-open, time > #toggle-acc-details, time > #toggle-card-details, time > #toggle-loan-details, time > #toggle-template-open, time > #toggle-payment-open, mark > #toggle-acc-details, mark > #toggle-card-details, mark > #toggle-loan-details, mark > #toggle-template-open, mark > #toggle-payment-open, audio > #toggle-acc-details, audio > #toggle-card-details, audio > #toggle-loan-details, audio > #toggle-template-open, audio > #toggle-payment-open, video > #toggle-acc-details, video > #toggle-card-details, video > #toggle-loan-details, video > #toggle-template-open, video > #toggle-payment-open { width: 100%; display: flex; justify-content: center; text-align: center; padding: 18px; cursor: pointer; background: radial-gradient(circle, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%); } html > #toggle-acc-details > .expand-icon, html > #toggle-card-details > .expand-icon, html > #toggle-loan-details > .expand-icon, html > #toggle-template-open > .expand-icon, html > #toggle-payment-open > .expand-icon, body > #toggle-acc-details > .expand-icon, body > #toggle-card-details > .expand-icon, body > #toggle-loan-details > .expand-icon, body > #toggle-template-open > .expand-icon, body > #toggle-payment-open > .expand-icon, div > #toggle-acc-details > .expand-icon, div > #toggle-card-details > .expand-icon, div > #toggle-loan-details > .expand-icon, div > #toggle-template-open > .expand-icon, div > #toggle-payment-open > .expand-icon, span > #toggle-acc-details > .expand-icon, span > #toggle-card-details > .expand-icon, span > #toggle-loan-details > .expand-icon, span > #toggle-template-open > .expand-icon, span > #toggle-payment-open > .expand-icon, applet > #toggle-acc-details > .expand-icon, applet > #toggle-card-details > .expand-icon, applet > #toggle-loan-details > .expand-icon, applet > #toggle-template-open > .expand-icon, applet > #toggle-payment-open > .expand-icon, object > #toggle-acc-details > .expand-icon, object > #toggle-card-details > .expand-icon, object > #toggle-loan-details > .expand-icon, object > #toggle-template-open > .expand-icon, object > #toggle-payment-open > .expand-icon, frame > #toggle-acc-details > .expand-icon, frame > #toggle-card-details > .expand-icon, frame > #toggle-loan-details > .expand-icon, frame > #toggle-template-open > .expand-icon, frame > #toggle-payment-open > .expand-icon, h1 > #toggle-acc-details > .expand-icon, h1 > #toggle-card-details > .expand-icon, h1 > #toggle-loan-details > .expand-icon, h1 > #toggle-template-open > .expand-icon, h1 > #toggle-payment-open > .expand-icon, h2 > #toggle-acc-details > .expand-icon, h2 > #toggle-card-details > .expand-icon, h2 > #toggle-loan-details > .expand-icon, h2 > #toggle-template-open > .expand-icon, h2 > #toggle-payment-open > .expand-icon, h3 > #toggle-acc-details > .expand-icon, h3 > #toggle-card-details > .expand-icon, h3 > #toggle-loan-details > .expand-icon, h3 > #toggle-template-open > .expand-icon, h3 > #toggle-payment-open > .expand-icon, h4 > #toggle-acc-details > .expand-icon, h4 > #toggle-card-details > .expand-icon, h4 > #toggle-loan-details > .expand-icon, h4 > #toggle-template-open > .expand-icon, h4 > #toggle-payment-open > .expand-icon, h5 > #toggle-acc-details > .expand-icon, h5 > #toggle-card-details > .expand-icon, h5 > #toggle-loan-details > .expand-icon, h5 > #toggle-template-open > .expand-icon, h5 > #toggle-payment-open > .expand-icon, h6 > #toggle-acc-details > .expand-icon, h6 > #toggle-card-details > .expand-icon, h6 > #toggle-loan-details > .expand-icon, h6 > #toggle-template-open > .expand-icon, h6 > #toggle-payment-open > .expand-icon, p > #toggle-acc-details > .expand-icon, p > #toggle-card-details > .expand-icon, p > #toggle-loan-details > .expand-icon, p > #toggle-template-open > .expand-icon, p > #toggle-payment-open > .expand-icon, blockquote > #toggle-acc-details > .expand-icon, blockquote > #toggle-card-details > .expand-icon, blockquote > #toggle-loan-details > .expand-icon, blockquote > #toggle-template-open > .expand-icon, blockquote > #toggle-payment-open > .expand-icon, pre > #toggle-acc-details > .expand-icon, pre > #toggle-card-details > .expand-icon, pre > #toggle-loan-details > .expand-icon, pre > #toggle-template-open > .expand-icon, pre > #toggle-payment-open > .expand-icon, a > #toggle-acc-details > .expand-icon, a > #toggle-card-details > .expand-icon, a > #toggle-loan-details > .expand-icon, a > #toggle-template-open > .expand-icon, a > #toggle-payment-open > .expand-icon, abbr > #toggle-acc-details > .expand-icon, abbr > #toggle-card-details > .expand-icon, abbr > #toggle-loan-details > .expand-icon, abbr > #toggle-template-open > .expand-icon, abbr > #toggle-payment-open > .expand-icon, acronym > #toggle-acc-details > .expand-icon, acronym > #toggle-card-details > .expand-icon, acronym > #toggle-loan-details > .expand-icon, acronym > #toggle-template-open > .expand-icon, acronym > #toggle-payment-open > .expand-icon, address > #toggle-acc-details > .expand-icon, address > #toggle-card-details > .expand-icon, address > #toggle-loan-details > .expand-icon, address > #toggle-template-open > .expand-icon, address > #toggle-payment-open > .expand-icon, big > #toggle-acc-details > .expand-icon, big > #toggle-card-details > .expand-icon, big > #toggle-loan-details > .expand-icon, big > #toggle-template-open > .expand-icon, big > #toggle-payment-open > .expand-icon, cite > #toggle-acc-details > .expand-icon, cite > #toggle-card-details > .expand-icon, cite > #toggle-loan-details > .expand-icon, cite > #toggle-template-open > .expand-icon, cite > #toggle-payment-open > .expand-icon, code > #toggle-acc-details > .expand-icon, code > #toggle-card-details > .expand-icon, code > #toggle-loan-details > .expand-icon, code > #toggle-template-open > .expand-icon, code > #toggle-payment-open > .expand-icon, del > #toggle-acc-details > .expand-icon, del > #toggle-card-details > .expand-icon, del > #toggle-loan-details > .expand-icon, del > #toggle-template-open > .expand-icon, del > #toggle-payment-open > .expand-icon, dfn > #toggle-acc-details > .expand-icon, dfn > #toggle-card-details > .expand-icon, dfn > #toggle-loan-details > .expand-icon, dfn > #toggle-template-open > .expand-icon, dfn > #toggle-payment-open > .expand-icon, em > #toggle-acc-details > .expand-icon, em > #toggle-card-details > .expand-icon, em > #toggle-loan-details > .expand-icon, em > #toggle-template-open > .expand-icon, em > #toggle-payment-open > .expand-icon, img > #toggle-acc-details > .expand-icon, img > #toggle-card-details > .expand-icon, img > #toggle-loan-details > .expand-icon, img > #toggle-template-open > .expand-icon, img > #toggle-payment-open > .expand-icon, ins > #toggle-acc-details > .expand-icon, ins > #toggle-card-details > .expand-icon, ins > #toggle-loan-details > .expand-icon, ins > #toggle-template-open > .expand-icon, ins > #toggle-payment-open > .expand-icon, kbd > #toggle-acc-details > .expand-icon, kbd > #toggle-card-details > .expand-icon, kbd > #toggle-loan-details > .expand-icon, kbd > #toggle-template-open > .expand-icon, kbd > #toggle-payment-open > .expand-icon, q > #toggle-acc-details > .expand-icon, q > #toggle-card-details > .expand-icon, q > #toggle-loan-details > .expand-icon, q > #toggle-template-open > .expand-icon, q > #toggle-payment-open > .expand-icon, s > #toggle-acc-details > .expand-icon, s > #toggle-card-details > .expand-icon, s > #toggle-loan-details > .expand-icon, s > #toggle-template-open > .expand-icon, s > #toggle-payment-open > .expand-icon, samp > #toggle-acc-details > .expand-icon, samp > #toggle-card-details > .expand-icon, samp > #toggle-loan-details > .expand-icon, samp > #toggle-template-open > .expand-icon, samp > #toggle-payment-open > .expand-icon, small > #toggle-acc-details > .expand-icon, small > #toggle-card-details > .expand-icon, small > #toggle-loan-details > .expand-icon, small > #toggle-template-open > .expand-icon, small > #toggle-payment-open > .expand-icon, strike > #toggle-acc-details > .expand-icon, strike > #toggle-card-details > .expand-icon, strike > #toggle-loan-details > .expand-icon, strike > #toggle-template-open > .expand-icon, strike > #toggle-payment-open > .expand-icon, strong > #toggle-acc-details > .expand-icon, strong > #toggle-card-details > .expand-icon, strong > #toggle-loan-details > .expand-icon, strong > #toggle-template-open > .expand-icon, strong > #toggle-payment-open > .expand-icon, sub > #toggle-acc-details > .expand-icon, sub > #toggle-card-details > .expand-icon, sub > #toggle-loan-details > .expand-icon, sub > #toggle-template-open > .expand-icon, sub > #toggle-payment-open > .expand-icon, sup > #toggle-acc-details > .expand-icon, sup > #toggle-card-details > .expand-icon, sup > #toggle-loan-details > .expand-icon, sup > #toggle-template-open > .expand-icon, sup > #toggle-payment-open > .expand-icon, tt > #toggle-acc-details > .expand-icon, tt > #toggle-card-details > .expand-icon, tt > #toggle-loan-details > .expand-icon, tt > #toggle-template-open > .expand-icon, tt > #toggle-payment-open > .expand-icon, var > #toggle-acc-details > .expand-icon, var > #toggle-card-details > .expand-icon, var > #toggle-loan-details > .expand-icon, var > #toggle-template-open > .expand-icon, var > #toggle-payment-open > .expand-icon, b > #toggle-acc-details > .expand-icon, b > #toggle-card-details > .expand-icon, b > #toggle-loan-details > .expand-icon, b > #toggle-template-open > .expand-icon, b > #toggle-payment-open > .expand-icon, u > #toggle-acc-details > .expand-icon, u > #toggle-card-details > .expand-icon, u > #toggle-loan-details > .expand-icon, u > #toggle-template-open > .expand-icon, u > #toggle-payment-open > .expand-icon, i > #toggle-acc-details > .expand-icon, i > #toggle-card-details > .expand-icon, i > #toggle-loan-details > .expand-icon, i > #toggle-template-open > .expand-icon, i > #toggle-payment-open > .expand-icon, center > #toggle-acc-details > .expand-icon, center > #toggle-card-details > .expand-icon, center > #toggle-loan-details > .expand-icon, center > #toggle-template-open > .expand-icon, center > #toggle-payment-open > .expand-icon, dl > #toggle-acc-details > .expand-icon, dl > #toggle-card-details > .expand-icon, dl > #toggle-loan-details > .expand-icon, dl > #toggle-template-open > .expand-icon, dl > #toggle-payment-open > .expand-icon, dt > #toggle-acc-details > .expand-icon, dt > #toggle-card-details > .expand-icon, dt > #toggle-loan-details > .expand-icon, dt > #toggle-template-open > .expand-icon, dt > #toggle-payment-open > .expand-icon, dd > #toggle-acc-details > .expand-icon, dd > #toggle-card-details > .expand-icon, dd > #toggle-loan-details > .expand-icon, dd > #toggle-template-open > .expand-icon, dd > #toggle-payment-open > .expand-icon, ol > #toggle-acc-details > .expand-icon, ol > #toggle-card-details > .expand-icon, ol > #toggle-loan-details > .expand-icon, ol > #toggle-template-open > .expand-icon, ol > #toggle-payment-open > .expand-icon, ul > #toggle-acc-details > .expand-icon, ul > #toggle-card-details > .expand-icon, ul > #toggle-loan-details > .expand-icon, ul > #toggle-template-open > .expand-icon, ul > #toggle-payment-open > .expand-icon, li > #toggle-acc-details > .expand-icon, li > #toggle-card-details > .expand-icon, li > #toggle-loan-details > .expand-icon, li > #toggle-template-open > .expand-icon, li > #toggle-payment-open > .expand-icon, fieldset > #toggle-acc-details > .expand-icon, fieldset > #toggle-card-details > .expand-icon, fieldset > #toggle-loan-details > .expand-icon, fieldset > #toggle-template-open > .expand-icon, fieldset > #toggle-payment-open > .expand-icon, form > #toggle-acc-details > .expand-icon, form > #toggle-card-details > .expand-icon, form > #toggle-loan-details > .expand-icon, form > #toggle-template-open > .expand-icon, form > #toggle-payment-open > .expand-icon, label > #toggle-acc-details > .expand-icon, label > #toggle-card-details > .expand-icon, label > #toggle-loan-details > .expand-icon, label > #toggle-template-open > .expand-icon, label > #toggle-payment-open > .expand-icon, legend > #toggle-acc-details > .expand-icon, legend > #toggle-card-details > .expand-icon, legend > #toggle-loan-details > .expand-icon, legend > #toggle-template-open > .expand-icon, legend > #toggle-payment-open > .expand-icon, table > #toggle-acc-details > .expand-icon, table > #toggle-card-details > .expand-icon, table > #toggle-loan-details > .expand-icon, table > #toggle-template-open > .expand-icon, table > #toggle-payment-open > .expand-icon, caption > #toggle-acc-details > .expand-icon, caption > #toggle-card-details > .expand-icon, caption > #toggle-loan-details > .expand-icon, caption > #toggle-template-open > .expand-icon, caption > #toggle-payment-open > .expand-icon, tbody > #toggle-acc-details > .expand-icon, tbody > #toggle-card-details > .expand-icon, tbody > #toggle-loan-details > .expand-icon, tbody > #toggle-template-open > .expand-icon, tbody > #toggle-payment-open > .expand-icon, tfoot > #toggle-acc-details > .expand-icon, tfoot > #toggle-card-details > .expand-icon, tfoot > #toggle-loan-details > .expand-icon, tfoot > #toggle-template-open > .expand-icon, tfoot > #toggle-payment-open > .expand-icon, thead > #toggle-acc-details > .expand-icon, thead > #toggle-card-details > .expand-icon, thead > #toggle-loan-details > .expand-icon, thead > #toggle-template-open > .expand-icon, thead > #toggle-payment-open > .expand-icon, tr > #toggle-acc-details > .expand-icon, tr > #toggle-card-details > .expand-icon, tr > #toggle-loan-details > .expand-icon, tr > #toggle-template-open > .expand-icon, tr > #toggle-payment-open > .expand-icon, th > #toggle-acc-details > .expand-icon, th > #toggle-card-details > .expand-icon, th > #toggle-loan-details > .expand-icon, th > #toggle-template-open > .expand-icon, th > #toggle-payment-open > .expand-icon, td > #toggle-acc-details > .expand-icon, td > #toggle-card-details > .expand-icon, td > #toggle-loan-details > .expand-icon, td > #toggle-template-open > .expand-icon, td > #toggle-payment-open > .expand-icon, article > #toggle-acc-details > .expand-icon, article > #toggle-card-details > .expand-icon, article > #toggle-loan-details > .expand-icon, article > #toggle-template-open > .expand-icon, article > #toggle-payment-open > .expand-icon, aside > #toggle-acc-details > .expand-icon, aside > #toggle-card-details > .expand-icon, aside > #toggle-loan-details > .expand-icon, aside > #toggle-template-open > .expand-icon, aside > #toggle-payment-open > .expand-icon, canvas > #toggle-acc-details > .expand-icon, canvas > #toggle-card-details > .expand-icon, canvas > #toggle-loan-details > .expand-icon, canvas > #toggle-template-open > .expand-icon, canvas > #toggle-payment-open > .expand-icon, details > #toggle-acc-details > .expand-icon, details > #toggle-card-details > .expand-icon, details > #toggle-loan-details > .expand-icon, details > #toggle-template-open > .expand-icon, details > #toggle-payment-open > .expand-icon, embed > #toggle-acc-details > .expand-icon, embed > #toggle-card-details > .expand-icon, embed > #toggle-loan-details > .expand-icon, embed > #toggle-template-open > .expand-icon, embed > #toggle-payment-open > .expand-icon, figure > #toggle-acc-details > .expand-icon, figure > #toggle-card-details > .expand-icon, figure > #toggle-loan-details > .expand-icon, figure > #toggle-template-open > .expand-icon, figure > #toggle-payment-open > .expand-icon, figcaption > #toggle-acc-details > .expand-icon, figcaption > #toggle-card-details > .expand-icon, figcaption > #toggle-loan-details > .expand-icon, figcaption > #toggle-template-open > .expand-icon, figcaption > #toggle-payment-open > .expand-icon, ooter > #toggle-acc-details > .expand-icon, ooter > #toggle-card-details > .expand-icon, ooter > #toggle-loan-details > .expand-icon, ooter > #toggle-template-open > .expand-icon, ooter > #toggle-payment-open > .expand-icon, header > #toggle-acc-details > .expand-icon, header > #toggle-card-details > .expand-icon, header > #toggle-loan-details > .expand-icon, header > #toggle-template-open > .expand-icon, header > #toggle-payment-open > .expand-icon, hgroup > #toggle-acc-details > .expand-icon, hgroup > #toggle-card-details > .expand-icon, hgroup > #toggle-loan-details > .expand-icon, hgroup > #toggle-template-open > .expand-icon, hgroup > #toggle-payment-open > .expand-icon, menu > #toggle-acc-details > .expand-icon, menu > #toggle-card-details > .expand-icon, menu > #toggle-loan-details > .expand-icon, menu > #toggle-template-open > .expand-icon, menu > #toggle-payment-open > .expand-icon, nav > #toggle-acc-details > .expand-icon, nav > #toggle-card-details > .expand-icon, nav > #toggle-loan-details > .expand-icon, nav > #toggle-template-open > .expand-icon, nav > #toggle-payment-open > .expand-icon, output > #toggle-acc-details > .expand-icon, output > #toggle-card-details > .expand-icon, output > #toggle-loan-details > .expand-icon, output > #toggle-template-open > .expand-icon, output > #toggle-payment-open > .expand-icon, ruby > #toggle-acc-details > .expand-icon, ruby > #toggle-card-details > .expand-icon, ruby > #toggle-loan-details > .expand-icon, ruby > #toggle-template-open > .expand-icon, ruby > #toggle-payment-open > .expand-icon, section > #toggle-acc-details > .expand-icon, section > #toggle-card-details > .expand-icon, section > #toggle-loan-details > .expand-icon, section > #toggle-template-open > .expand-icon, section > #toggle-payment-open > .expand-icon, summary > #toggle-acc-details > .expand-icon, summary > #toggle-card-details > .expand-icon, summary > #toggle-loan-details > .expand-icon, summary > #toggle-template-open > .expand-icon, summary > #toggle-payment-open > .expand-icon, time > #toggle-acc-details > .expand-icon, time > #toggle-card-details > .expand-icon, time > #toggle-loan-details > .expand-icon, time > #toggle-template-open > .expand-icon, time > #toggle-payment-open > .expand-icon, mark > #toggle-acc-details > .expand-icon, mark > #toggle-card-details > .expand-icon, mark > #toggle-loan-details > .expand-icon, mark > #toggle-template-open > .expand-icon, mark > #toggle-payment-open > .expand-icon, audio > #toggle-acc-details > .expand-icon, audio > #toggle-card-details > .expand-icon, audio > #toggle-loan-details > .expand-icon, audio > #toggle-template-open > .expand-icon, audio > #toggle-payment-open > .expand-icon, video > #toggle-acc-details > .expand-icon, video > #toggle-card-details > .expand-icon, video > #toggle-loan-details > .expand-icon, video > #toggle-template-open > .expand-icon, video > #toggle-payment-open > .expand-icon { width: 14px; height: 14px; stroke: #006de6; margin-right: 5px; } html > #toggle-acc-details > .detailsBtn, html > #toggle-card-details > .detailsBtn, html > #toggle-loan-details > .detailsBtn, html > #toggle-template-open > .detailsBtn, html > #toggle-payment-open > .detailsBtn, body > #toggle-acc-details > .detailsBtn, body > #toggle-card-details > .detailsBtn, body > #toggle-loan-details > .detailsBtn, body > #toggle-template-open > .detailsBtn, body > #toggle-payment-open > .detailsBtn, div > #toggle-acc-details > .detailsBtn, div > #toggle-card-details > .detailsBtn, div > #toggle-loan-details > .detailsBtn, div > #toggle-template-open > .detailsBtn, div > #toggle-payment-open > .detailsBtn, span > #toggle-acc-details > .detailsBtn, span > #toggle-card-details > .detailsBtn, span > #toggle-loan-details > .detailsBtn, span > #toggle-template-open > .detailsBtn, span > #toggle-payment-open > .detailsBtn, applet > #toggle-acc-details > .detailsBtn, applet > #toggle-card-details > .detailsBtn, applet > #toggle-loan-details > .detailsBtn, applet > #toggle-template-open > .detailsBtn, applet > #toggle-payment-open > .detailsBtn, object > #toggle-acc-details > .detailsBtn, object > #toggle-card-details > .detailsBtn, object > #toggle-loan-details > .detailsBtn, object > #toggle-template-open > .detailsBtn, object > #toggle-payment-open > .detailsBtn, frame > #toggle-acc-details > .detailsBtn, frame > #toggle-card-details > .detailsBtn, frame > #toggle-loan-details > .detailsBtn, frame > #toggle-template-open > .detailsBtn, frame > #toggle-payment-open > .detailsBtn, h1 > #toggle-acc-details > .detailsBtn, h1 > #toggle-card-details > .detailsBtn, h1 > #toggle-loan-details > .detailsBtn, h1 > #toggle-template-open > .detailsBtn, h1 > #toggle-payment-open > .detailsBtn, h2 > #toggle-acc-details > .detailsBtn, h2 > #toggle-card-details > .detailsBtn, h2 > #toggle-loan-details > .detailsBtn, h2 > #toggle-template-open > .detailsBtn, h2 > #toggle-payment-open > .detailsBtn, h3 > #toggle-acc-details > .detailsBtn, h3 > #toggle-card-details > .detailsBtn, h3 > #toggle-loan-details > .detailsBtn, h3 > #toggle-template-open > .detailsBtn, h3 > #toggle-payment-open > .detailsBtn, h4 > #toggle-acc-details > .detailsBtn, h4 > #toggle-card-details > .detailsBtn, h4 > #toggle-loan-details > .detailsBtn, h4 > #toggle-template-open > .detailsBtn, h4 > #toggle-payment-open > .detailsBtn, h5 > #toggle-acc-details > .detailsBtn, h5 > #toggle-card-details > .detailsBtn, h5 > #toggle-loan-details > .detailsBtn, h5 > #toggle-template-open > .detailsBtn, h5 > #toggle-payment-open > .detailsBtn, h6 > #toggle-acc-details > .detailsBtn, h6 > #toggle-card-details > .detailsBtn, h6 > #toggle-loan-details > .detailsBtn, h6 > #toggle-template-open > .detailsBtn, h6 > #toggle-payment-open > .detailsBtn, p > #toggle-acc-details > .detailsBtn, p > #toggle-card-details > .detailsBtn, p > #toggle-loan-details > .detailsBtn, p > #toggle-template-open > .detailsBtn, p > #toggle-payment-open > .detailsBtn, blockquote > #toggle-acc-details > .detailsBtn, blockquote > #toggle-card-details > .detailsBtn, blockquote > #toggle-loan-details > .detailsBtn, blockquote > #toggle-template-open > .detailsBtn, blockquote > #toggle-payment-open > .detailsBtn, pre > #toggle-acc-details > .detailsBtn, pre > #toggle-card-details > .detailsBtn, pre > #toggle-loan-details > .detailsBtn, pre > #toggle-template-open > .detailsBtn, pre > #toggle-payment-open > .detailsBtn, a > #toggle-acc-details > .detailsBtn, a > #toggle-card-details > .detailsBtn, a > #toggle-loan-details > .detailsBtn, a > #toggle-template-open > .detailsBtn, a > #toggle-payment-open > .detailsBtn, abbr > #toggle-acc-details > .detailsBtn, abbr > #toggle-card-details > .detailsBtn, abbr > #toggle-loan-details > .detailsBtn, abbr > #toggle-template-open > .detailsBtn, abbr > #toggle-payment-open > .detailsBtn, acronym > #toggle-acc-details > .detailsBtn, acronym > #toggle-card-details > .detailsBtn, acronym > #toggle-loan-details > .detailsBtn, acronym > #toggle-template-open > .detailsBtn, acronym > #toggle-payment-open > .detailsBtn, address > #toggle-acc-details > .detailsBtn, address > #toggle-card-details > .detailsBtn, address > #toggle-loan-details > .detailsBtn, address > #toggle-template-open > .detailsBtn, address > #toggle-payment-open > .detailsBtn, big > #toggle-acc-details > .detailsBtn, big > #toggle-card-details > .detailsBtn, big > #toggle-loan-details > .detailsBtn, big > #toggle-template-open > .detailsBtn, big > #toggle-payment-open > .detailsBtn, cite > #toggle-acc-details > .detailsBtn, cite > #toggle-card-details > .detailsBtn, cite > #toggle-loan-details > .detailsBtn, cite > #toggle-template-open > .detailsBtn, cite > #toggle-payment-open > .detailsBtn, code > #toggle-acc-details > .detailsBtn, code > #toggle-card-details > .detailsBtn, code > #toggle-loan-details > .detailsBtn, code > #toggle-template-open > .detailsBtn, code > #toggle-payment-open > .detailsBtn, del > #toggle-acc-details > .detailsBtn, del > #toggle-card-details > .detailsBtn, del > #toggle-loan-details > .detailsBtn, del > #toggle-template-open > .detailsBtn, del > #toggle-payment-open > .detailsBtn, dfn > #toggle-acc-details > .detailsBtn, dfn > #toggle-card-details > .detailsBtn, dfn > #toggle-loan-details > .detailsBtn, dfn > #toggle-template-open > .detailsBtn, dfn > #toggle-payment-open > .detailsBtn, em > #toggle-acc-details > .detailsBtn, em > #toggle-card-details > .detailsBtn, em > #toggle-loan-details > .detailsBtn, em > #toggle-template-open > .detailsBtn, em > #toggle-payment-open > .detailsBtn, img > #toggle-acc-details > .detailsBtn, img > #toggle-card-details > .detailsBtn, img > #toggle-loan-details > .detailsBtn, img > #toggle-template-open > .detailsBtn, img > #toggle-payment-open > .detailsBtn, ins > #toggle-acc-details > .detailsBtn, ins > #toggle-card-details > .detailsBtn, ins > #toggle-loan-details > .detailsBtn, ins > #toggle-template-open > .detailsBtn, ins > #toggle-payment-open > .detailsBtn, kbd > #toggle-acc-details > .detailsBtn, kbd > #toggle-card-details > .detailsBtn, kbd > #toggle-loan-details > .detailsBtn, kbd > #toggle-template-open > .detailsBtn, kbd > #toggle-payment-open > .detailsBtn, q > #toggle-acc-details > .detailsBtn, q > #toggle-card-details > .detailsBtn, q > #toggle-loan-details > .detailsBtn, q > #toggle-template-open > .detailsBtn, q > #toggle-payment-open > .detailsBtn, s > #toggle-acc-details > .detailsBtn, s > #toggle-card-details > .detailsBtn, s > #toggle-loan-details > .detailsBtn, s > #toggle-template-open > .detailsBtn, s > #toggle-payment-open > .detailsBtn, samp > #toggle-acc-details > .detailsBtn, samp > #toggle-card-details > .detailsBtn, samp > #toggle-loan-details > .detailsBtn, samp > #toggle-template-open > .detailsBtn, samp > #toggle-payment-open > .detailsBtn, small > #toggle-acc-details > .detailsBtn, small > #toggle-card-details > .detailsBtn, small > #toggle-loan-details > .detailsBtn, small > #toggle-template-open > .detailsBtn, small > #toggle-payment-open > .detailsBtn, strike > #toggle-acc-details > .detailsBtn, strike > #toggle-card-details > .detailsBtn, strike > #toggle-loan-details > .detailsBtn, strike > #toggle-template-open > .detailsBtn, strike > #toggle-payment-open > .detailsBtn, strong > #toggle-acc-details > .detailsBtn, strong > #toggle-card-details > .detailsBtn, strong > #toggle-loan-details > .detailsBtn, strong > #toggle-template-open > .detailsBtn, strong > #toggle-payment-open > .detailsBtn, sub > #toggle-acc-details > .detailsBtn, sub > #toggle-card-details > .detailsBtn, sub > #toggle-loan-details > .detailsBtn, sub > #toggle-template-open > .detailsBtn, sub > #toggle-payment-open > .detailsBtn, sup > #toggle-acc-details > .detailsBtn, sup > #toggle-card-details > .detailsBtn, sup > #toggle-loan-details > .detailsBtn, sup > #toggle-template-open > .detailsBtn, sup > #toggle-payment-open > .detailsBtn, tt > #toggle-acc-details > .detailsBtn, tt > #toggle-card-details > .detailsBtn, tt > #toggle-loan-details > .detailsBtn, tt > #toggle-template-open > .detailsBtn, tt > #toggle-payment-open > .detailsBtn, var > #toggle-acc-details > .detailsBtn, var > #toggle-card-details > .detailsBtn, var > #toggle-loan-details > .detailsBtn, var > #toggle-template-open > .detailsBtn, var > #toggle-payment-open > .detailsBtn, b > #toggle-acc-details > .detailsBtn, b > #toggle-card-details > .detailsBtn, b > #toggle-loan-details > .detailsBtn, b > #toggle-template-open > .detailsBtn, b > #toggle-payment-open > .detailsBtn, u > #toggle-acc-details > .detailsBtn, u > #toggle-card-details > .detailsBtn, u > #toggle-loan-details > .detailsBtn, u > #toggle-template-open > .detailsBtn, u > #toggle-payment-open > .detailsBtn, i > #toggle-acc-details > .detailsBtn, i > #toggle-card-details > .detailsBtn, i > #toggle-loan-details > .detailsBtn, i > #toggle-template-open > .detailsBtn, i > #toggle-payment-open > .detailsBtn, center > #toggle-acc-details > .detailsBtn, center > #toggle-card-details > .detailsBtn, center > #toggle-loan-details > .detailsBtn, center > #toggle-template-open > .detailsBtn, center > #toggle-payment-open > .detailsBtn, dl > #toggle-acc-details > .detailsBtn, dl > #toggle-card-details > .detailsBtn, dl > #toggle-loan-details > .detailsBtn, dl > #toggle-template-open > .detailsBtn, dl > #toggle-payment-open > .detailsBtn, dt > #toggle-acc-details > .detailsBtn, dt > #toggle-card-details > .detailsBtn, dt > #toggle-loan-details > .detailsBtn, dt > #toggle-template-open > .detailsBtn, dt > #toggle-payment-open > .detailsBtn, dd > #toggle-acc-details > .detailsBtn, dd > #toggle-card-details > .detailsBtn, dd > #toggle-loan-details > .detailsBtn, dd > #toggle-template-open > .detailsBtn, dd > #toggle-payment-open > .detailsBtn, ol > #toggle-acc-details > .detailsBtn, ol > #toggle-card-details > .detailsBtn, ol > #toggle-loan-details > .detailsBtn, ol > #toggle-template-open > .detailsBtn, ol > #toggle-payment-open > .detailsBtn, ul > #toggle-acc-details > .detailsBtn, ul > #toggle-card-details > .detailsBtn, ul > #toggle-loan-details > .detailsBtn, ul > #toggle-template-open > .detailsBtn, ul > #toggle-payment-open > .detailsBtn, li > #toggle-acc-details > .detailsBtn, li > #toggle-card-details > .detailsBtn, li > #toggle-loan-details > .detailsBtn, li > #toggle-template-open > .detailsBtn, li > #toggle-payment-open > .detailsBtn, fieldset > #toggle-acc-details > .detailsBtn, fieldset > #toggle-card-details > .detailsBtn, fieldset > #toggle-loan-details > .detailsBtn, fieldset > #toggle-template-open > .detailsBtn, fieldset > #toggle-payment-open > .detailsBtn, form > #toggle-acc-details > .detailsBtn, form > #toggle-card-details > .detailsBtn, form > #toggle-loan-details > .detailsBtn, form > #toggle-template-open > .detailsBtn, form > #toggle-payment-open > .detailsBtn, label > #toggle-acc-details > .detailsBtn, label > #toggle-card-details > .detailsBtn, label > #toggle-loan-details > .detailsBtn, label > #toggle-template-open > .detailsBtn, label > #toggle-payment-open > .detailsBtn, legend > #toggle-acc-details > .detailsBtn, legend > #toggle-card-details > .detailsBtn, legend > #toggle-loan-details > .detailsBtn, legend > #toggle-template-open > .detailsBtn, legend > #toggle-payment-open > .detailsBtn, table > #toggle-acc-details > .detailsBtn, table > #toggle-card-details > .detailsBtn, table > #toggle-loan-details > .detailsBtn, table > #toggle-template-open > .detailsBtn, table > #toggle-payment-open > .detailsBtn, caption > #toggle-acc-details > .detailsBtn, caption > #toggle-card-details > .detailsBtn, caption > #toggle-loan-details > .detailsBtn, caption > #toggle-template-open > .detailsBtn, caption > #toggle-payment-open > .detailsBtn, tbody > #toggle-acc-details > .detailsBtn, tbody > #toggle-card-details > .detailsBtn, tbody > #toggle-loan-details > .detailsBtn, tbody > #toggle-template-open > .detailsBtn, tbody > #toggle-payment-open > .detailsBtn, tfoot > #toggle-acc-details > .detailsBtn, tfoot > #toggle-card-details > .detailsBtn, tfoot > #toggle-loan-details > .detailsBtn, tfoot > #toggle-template-open > .detailsBtn, tfoot > #toggle-payment-open > .detailsBtn, thead > #toggle-acc-details > .detailsBtn, thead > #toggle-card-details > .detailsBtn, thead > #toggle-loan-details > .detailsBtn, thead > #toggle-template-open > .detailsBtn, thead > #toggle-payment-open > .detailsBtn, tr > #toggle-acc-details > .detailsBtn, tr > #toggle-card-details > .detailsBtn, tr > #toggle-loan-details > .detailsBtn, tr > #toggle-template-open > .detailsBtn, tr > #toggle-payment-open > .detailsBtn, th > #toggle-acc-details > .detailsBtn, th > #toggle-card-details > .detailsBtn, th > #toggle-loan-details > .detailsBtn, th > #toggle-template-open > .detailsBtn, th > #toggle-payment-open > .detailsBtn, td > #toggle-acc-details > .detailsBtn, td > #toggle-card-details > .detailsBtn, td > #toggle-loan-details > .detailsBtn, td > #toggle-template-open > .detailsBtn, td > #toggle-payment-open > .detailsBtn, article > #toggle-acc-details > .detailsBtn, article > #toggle-card-details > .detailsBtn, article > #toggle-loan-details > .detailsBtn, article > #toggle-template-open > .detailsBtn, article > #toggle-payment-open > .detailsBtn, aside > #toggle-acc-details > .detailsBtn, aside > #toggle-card-details > .detailsBtn, aside > #toggle-loan-details > .detailsBtn, aside > #toggle-template-open > .detailsBtn, aside > #toggle-payment-open > .detailsBtn, canvas > #toggle-acc-details > .detailsBtn, canvas > #toggle-card-details > .detailsBtn, canvas > #toggle-loan-details > .detailsBtn, canvas > #toggle-template-open > .detailsBtn, canvas > #toggle-payment-open > .detailsBtn, details > #toggle-acc-details > .detailsBtn, details > #toggle-card-details > .detailsBtn, details > #toggle-loan-details > .detailsBtn, details > #toggle-template-open > .detailsBtn, details > #toggle-payment-open > .detailsBtn, embed > #toggle-acc-details > .detailsBtn, embed > #toggle-card-details > .detailsBtn, embed > #toggle-loan-details > .detailsBtn, embed > #toggle-template-open > .detailsBtn, embed > #toggle-payment-open > .detailsBtn, figure > #toggle-acc-details > .detailsBtn, figure > #toggle-card-details > .detailsBtn, figure > #toggle-loan-details > .detailsBtn, figure > #toggle-template-open > .detailsBtn, figure > #toggle-payment-open > .detailsBtn, figcaption > #toggle-acc-details > .detailsBtn, figcaption > #toggle-card-details > .detailsBtn, figcaption > #toggle-loan-details > .detailsBtn, figcaption > #toggle-template-open > .detailsBtn, figcaption > #toggle-payment-open > .detailsBtn, ooter > #toggle-acc-details > .detailsBtn, ooter > #toggle-card-details > .detailsBtn, ooter > #toggle-loan-details > .detailsBtn, ooter > #toggle-template-open > .detailsBtn, ooter > #toggle-payment-open > .detailsBtn, header > #toggle-acc-details > .detailsBtn, header > #toggle-card-details > .detailsBtn, header > #toggle-loan-details > .detailsBtn, header > #toggle-template-open > .detailsBtn, header > #toggle-payment-open > .detailsBtn, hgroup > #toggle-acc-details > .detailsBtn, hgroup > #toggle-card-details > .detailsBtn, hgroup > #toggle-loan-details > .detailsBtn, hgroup > #toggle-template-open > .detailsBtn, hgroup > #toggle-payment-open > .detailsBtn, menu > #toggle-acc-details > .detailsBtn, menu > #toggle-card-details > .detailsBtn, menu > #toggle-loan-details > .detailsBtn, menu > #toggle-template-open > .detailsBtn, menu > #toggle-payment-open > .detailsBtn, nav > #toggle-acc-details > .detailsBtn, nav > #toggle-card-details > .detailsBtn, nav > #toggle-loan-details > .detailsBtn, nav > #toggle-template-open > .detailsBtn, nav > #toggle-payment-open > .detailsBtn, output > #toggle-acc-details > .detailsBtn, output > #toggle-card-details > .detailsBtn, output > #toggle-loan-details > .detailsBtn, output > #toggle-template-open > .detailsBtn, output > #toggle-payment-open > .detailsBtn, ruby > #toggle-acc-details > .detailsBtn, ruby > #toggle-card-details > .detailsBtn, ruby > #toggle-loan-details > .detailsBtn, ruby > #toggle-template-open > .detailsBtn, ruby > #toggle-payment-open > .detailsBtn, section > #toggle-acc-details > .detailsBtn, section > #toggle-card-details > .detailsBtn, section > #toggle-loan-details > .detailsBtn, section > #toggle-template-open > .detailsBtn, section > #toggle-payment-open > .detailsBtn, summary > #toggle-acc-details > .detailsBtn, summary > #toggle-card-details > .detailsBtn, summary > #toggle-loan-details > .detailsBtn, summary > #toggle-template-open > .detailsBtn, summary > #toggle-payment-open > .detailsBtn, time > #toggle-acc-details > .detailsBtn, time > #toggle-card-details > .detailsBtn, time > #toggle-loan-details > .detailsBtn, time > #toggle-template-open > .detailsBtn, time > #toggle-payment-open > .detailsBtn, mark > #toggle-acc-details > .detailsBtn, mark > #toggle-card-details > .detailsBtn, mark > #toggle-loan-details > .detailsBtn, mark > #toggle-template-open > .detailsBtn, mark > #toggle-payment-open > .detailsBtn, audio > #toggle-acc-details > .detailsBtn, audio > #toggle-card-details > .detailsBtn, audio > #toggle-loan-details > .detailsBtn, audio > #toggle-template-open > .detailsBtn, audio > #toggle-payment-open > .detailsBtn, video > #toggle-acc-details > .detailsBtn, video > #toggle-card-details > .detailsBtn, video > #toggle-loan-details > .detailsBtn, video > #toggle-template-open > .detailsBtn, video > #toggle-payment-open > .detailsBtn { position: relative; pointer-events: none; user-select: none; font-family: 'Sarabun-Bold', 'sans-serif'; font-size: 14px; line-height: 1; color: #006de6; } html > #toggle-acc-details.recDialog, html > #toggle-card-details.recDialog, html > #toggle-loan-details.recDialog, html > #toggle-template-open.recDialog, html > #toggle-payment-open.recDialog, body > #toggle-acc-details.recDialog, body > #toggle-card-details.recDialog, body > #toggle-loan-details.recDialog, body > #toggle-template-open.recDialog, body > #toggle-payment-open.recDialog, div > #toggle-acc-details.recDialog, div > #toggle-card-details.recDialog, div > #toggle-loan-details.recDialog, div > #toggle-template-open.recDialog, div > #toggle-payment-open.recDialog, span > #toggle-acc-details.recDialog, span > #toggle-card-details.recDialog, span > #toggle-loan-details.recDialog, span > #toggle-template-open.recDialog, span > #toggle-payment-open.recDialog, applet > #toggle-acc-details.recDialog, applet > #toggle-card-details.recDialog, applet > #toggle-loan-details.recDialog, applet > #toggle-template-open.recDialog, applet > #toggle-payment-open.recDialog, object > #toggle-acc-details.recDialog, object > #toggle-card-details.recDialog, object > #toggle-loan-details.recDialog, object > #toggle-template-open.recDialog, object > #toggle-payment-open.recDialog, frame > #toggle-acc-details.recDialog, frame > #toggle-card-details.recDialog, frame > #toggle-loan-details.recDialog, frame > #toggle-template-open.recDialog, frame > #toggle-payment-open.recDialog, h1 > #toggle-acc-details.recDialog, h1 > #toggle-card-details.recDialog, h1 > #toggle-loan-details.recDialog, h1 > #toggle-template-open.recDialog, h1 > #toggle-payment-open.recDialog, h2 > #toggle-acc-details.recDialog, h2 > #toggle-card-details.recDialog, h2 > #toggle-loan-details.recDialog, h2 > #toggle-template-open.recDialog, h2 > #toggle-payment-open.recDialog, h3 > #toggle-acc-details.recDialog, h3 > #toggle-card-details.recDialog, h3 > #toggle-loan-details.recDialog, h3 > #toggle-template-open.recDialog, h3 > #toggle-payment-open.recDialog, h4 > #toggle-acc-details.recDialog, h4 > #toggle-card-details.recDialog, h4 > #toggle-loan-details.recDialog, h4 > #toggle-template-open.recDialog, h4 > #toggle-payment-open.recDialog, h5 > #toggle-acc-details.recDialog, h5 > #toggle-card-details.recDialog, h5 > #toggle-loan-details.recDialog, h5 > #toggle-template-open.recDialog, h5 > #toggle-payment-open.recDialog, h6 > #toggle-acc-details.recDialog, h6 > #toggle-card-details.recDialog, h6 > #toggle-loan-details.recDialog, h6 > #toggle-template-open.recDialog, h6 > #toggle-payment-open.recDialog, p > #toggle-acc-details.recDialog, p > #toggle-card-details.recDialog, p > #toggle-loan-details.recDialog, p > #toggle-template-open.recDialog, p > #toggle-payment-open.recDialog, blockquote > #toggle-acc-details.recDialog, blockquote > #toggle-card-details.recDialog, blockquote > #toggle-loan-details.recDialog, blockquote > #toggle-template-open.recDialog, blockquote > #toggle-payment-open.recDialog, pre > #toggle-acc-details.recDialog, pre > #toggle-card-details.recDialog, pre > #toggle-loan-details.recDialog, pre > #toggle-template-open.recDialog, pre > #toggle-payment-open.recDialog, a > #toggle-acc-details.recDialog, a > #toggle-card-details.recDialog, a > #toggle-loan-details.recDialog, a > #toggle-template-open.recDialog, a > #toggle-payment-open.recDialog, abbr > #toggle-acc-details.recDialog, abbr > #toggle-card-details.recDialog, abbr > #toggle-loan-details.recDialog, abbr > #toggle-template-open.recDialog, abbr > #toggle-payment-open.recDialog, acronym > #toggle-acc-details.recDialog, acronym > #toggle-card-details.recDialog, acronym > #toggle-loan-details.recDialog, acronym > #toggle-template-open.recDialog, acronym > #toggle-payment-open.recDialog, address > #toggle-acc-details.recDialog, address > #toggle-card-details.recDialog, address > #toggle-loan-details.recDialog, address > #toggle-template-open.recDialog, address > #toggle-payment-open.recDialog, big > #toggle-acc-details.recDialog, big > #toggle-card-details.recDialog, big > #toggle-loan-details.recDialog, big > #toggle-template-open.recDialog, big > #toggle-payment-open.recDialog, cite > #toggle-acc-details.recDialog, cite > #toggle-card-details.recDialog, cite > #toggle-loan-details.recDialog, cite > #toggle-template-open.recDialog, cite > #toggle-payment-open.recDialog, code > #toggle-acc-details.recDialog, code > #toggle-card-details.recDialog, code > #toggle-loan-details.recDialog, code > #toggle-template-open.recDialog, code > #toggle-payment-open.recDialog, del > #toggle-acc-details.recDialog, del > #toggle-card-details.recDialog, del > #toggle-loan-details.recDialog, del > #toggle-template-open.recDialog, del > #toggle-payment-open.recDialog, dfn > #toggle-acc-details.recDialog, dfn > #toggle-card-details.recDialog, dfn > #toggle-loan-details.recDialog, dfn > #toggle-template-open.recDialog, dfn > #toggle-payment-open.recDialog, em > #toggle-acc-details.recDialog, em > #toggle-card-details.recDialog, em > #toggle-loan-details.recDialog, em > #toggle-template-open.recDialog, em > #toggle-payment-open.recDialog, img > #toggle-acc-details.recDialog, img > #toggle-card-details.recDialog, img > #toggle-loan-details.recDialog, img > #toggle-template-open.recDialog, img > #toggle-payment-open.recDialog, ins > #toggle-acc-details.recDialog, ins > #toggle-card-details.recDialog, ins > #toggle-loan-details.recDialog, ins > #toggle-template-open.recDialog, ins > #toggle-payment-open.recDialog, kbd > #toggle-acc-details.recDialog, kbd > #toggle-card-details.recDialog, kbd > #toggle-loan-details.recDialog, kbd > #toggle-template-open.recDialog, kbd > #toggle-payment-open.recDialog, q > #toggle-acc-details.recDialog, q > #toggle-card-details.recDialog, q > #toggle-loan-details.recDialog, q > #toggle-template-open.recDialog, q > #toggle-payment-open.recDialog, s > #toggle-acc-details.recDialog, s > #toggle-card-details.recDialog, s > #toggle-loan-details.recDialog, s > #toggle-template-open.recDialog, s > #toggle-payment-open.recDialog, samp > #toggle-acc-details.recDialog, samp > #toggle-card-details.recDialog, samp > #toggle-loan-details.recDialog, samp > #toggle-template-open.recDialog, samp > #toggle-payment-open.recDialog, small > #toggle-acc-details.recDialog, small > #toggle-card-details.recDialog, small > #toggle-loan-details.recDialog, small > #toggle-template-open.recDialog, small > #toggle-payment-open.recDialog, strike > #toggle-acc-details.recDialog, strike > #toggle-card-details.recDialog, strike > #toggle-loan-details.recDialog, strike > #toggle-template-open.recDialog, strike > #toggle-payment-open.recDialog, strong > #toggle-acc-details.recDialog, strong > #toggle-card-details.recDialog, strong > #toggle-loan-details.recDialog, strong > #toggle-template-open.recDialog, strong > #toggle-payment-open.recDialog, sub > #toggle-acc-details.recDialog, sub > #toggle-card-details.recDialog, sub > #toggle-loan-details.recDialog, sub > #toggle-template-open.recDialog, sub > #toggle-payment-open.recDialog, sup > #toggle-acc-details.recDialog, sup > #toggle-card-details.recDialog, sup > #toggle-loan-details.recDialog, sup > #toggle-template-open.recDialog, sup > #toggle-payment-open.recDialog, tt > #toggle-acc-details.recDialog, tt > #toggle-card-details.recDialog, tt > #toggle-loan-details.recDialog, tt > #toggle-template-open.recDialog, tt > #toggle-payment-open.recDialog, var > #toggle-acc-details.recDialog, var > #toggle-card-details.recDialog, var > #toggle-loan-details.recDialog, var > #toggle-template-open.recDialog, var > #toggle-payment-open.recDialog, b > #toggle-acc-details.recDialog, b > #toggle-card-details.recDialog, b > #toggle-loan-details.recDialog, b > #toggle-template-open.recDialog, b > #toggle-payment-open.recDialog, u > #toggle-acc-details.recDialog, u > #toggle-card-details.recDialog, u > #toggle-loan-details.recDialog, u > #toggle-template-open.recDialog, u > #toggle-payment-open.recDialog, i > #toggle-acc-details.recDialog, i > #toggle-card-details.recDialog, i > #toggle-loan-details.recDialog, i > #toggle-template-open.recDialog, i > #toggle-payment-open.recDialog, center > #toggle-acc-details.recDialog, center > #toggle-card-details.recDialog, center > #toggle-loan-details.recDialog, center > #toggle-template-open.recDialog, center > #toggle-payment-open.recDialog, dl > #toggle-acc-details.recDialog, dl > #toggle-card-details.recDialog, dl > #toggle-loan-details.recDialog, dl > #toggle-template-open.recDialog, dl > #toggle-payment-open.recDialog, dt > #toggle-acc-details.recDialog, dt > #toggle-card-details.recDialog, dt > #toggle-loan-details.recDialog, dt > #toggle-template-open.recDialog, dt > #toggle-payment-open.recDialog, dd > #toggle-acc-details.recDialog, dd > #toggle-card-details.recDialog, dd > #toggle-loan-details.recDialog, dd > #toggle-template-open.recDialog, dd > #toggle-payment-open.recDialog, ol > #toggle-acc-details.recDialog, ol > #toggle-card-details.recDialog, ol > #toggle-loan-details.recDialog, ol > #toggle-template-open.recDialog, ol > #toggle-payment-open.recDialog, ul > #toggle-acc-details.recDialog, ul > #toggle-card-details.recDialog, ul > #toggle-loan-details.recDialog, ul > #toggle-template-open.recDialog, ul > #toggle-payment-open.recDialog, li > #toggle-acc-details.recDialog, li > #toggle-card-details.recDialog, li > #toggle-loan-details.recDialog, li > #toggle-template-open.recDialog, li > #toggle-payment-open.recDialog, fieldset > #toggle-acc-details.recDialog, fieldset > #toggle-card-details.recDialog, fieldset > #toggle-loan-details.recDialog, fieldset > #toggle-template-open.recDialog, fieldset > #toggle-payment-open.recDialog, form > #toggle-acc-details.recDialog, form > #toggle-card-details.recDialog, form > #toggle-loan-details.recDialog, form > #toggle-template-open.recDialog, form > #toggle-payment-open.recDialog, label > #toggle-acc-details.recDialog, label > #toggle-card-details.recDialog, label > #toggle-loan-details.recDialog, label > #toggle-template-open.recDialog, label > #toggle-payment-open.recDialog, legend > #toggle-acc-details.recDialog, legend > #toggle-card-details.recDialog, legend > #toggle-loan-details.recDialog, legend > #toggle-template-open.recDialog, legend > #toggle-payment-open.recDialog, table > #toggle-acc-details.recDialog, table > #toggle-card-details.recDialog, table > #toggle-loan-details.recDialog, table > #toggle-template-open.recDialog, table > #toggle-payment-open.recDialog, caption > #toggle-acc-details.recDialog, caption > #toggle-card-details.recDialog, caption > #toggle-loan-details.recDialog, caption > #toggle-template-open.recDialog, caption > #toggle-payment-open.recDialog, tbody > #toggle-acc-details.recDialog, tbody > #toggle-card-details.recDialog, tbody > #toggle-loan-details.recDialog, tbody > #toggle-template-open.recDialog, tbody > #toggle-payment-open.recDialog, tfoot > #toggle-acc-details.recDialog, tfoot > #toggle-card-details.recDialog, tfoot > #toggle-loan-details.recDialog, tfoot > #toggle-template-open.recDialog, tfoot > #toggle-payment-open.recDialog, thead > #toggle-acc-details.recDialog, thead > #toggle-card-details.recDialog, thead > #toggle-loan-details.recDialog, thead > #toggle-template-open.recDialog, thead > #toggle-payment-open.recDialog, tr > #toggle-acc-details.recDialog, tr > #toggle-card-details.recDialog, tr > #toggle-loan-details.recDialog, tr > #toggle-template-open.recDialog, tr > #toggle-payment-open.recDialog, th > #toggle-acc-details.recDialog, th > #toggle-card-details.recDialog, th > #toggle-loan-details.recDialog, th > #toggle-template-open.recDialog, th > #toggle-payment-open.recDialog, td > #toggle-acc-details.recDialog, td > #toggle-card-details.recDialog, td > #toggle-loan-details.recDialog, td > #toggle-template-open.recDialog, td > #toggle-payment-open.recDialog, article > #toggle-acc-details.recDialog, article > #toggle-card-details.recDialog, article > #toggle-loan-details.recDialog, article > #toggle-template-open.recDialog, article > #toggle-payment-open.recDialog, aside > #toggle-acc-details.recDialog, aside > #toggle-card-details.recDialog, aside > #toggle-loan-details.recDialog, aside > #toggle-template-open.recDialog, aside > #toggle-payment-open.recDialog, canvas > #toggle-acc-details.recDialog, canvas > #toggle-card-details.recDialog, canvas > #toggle-loan-details.recDialog, canvas > #toggle-template-open.recDialog, canvas > #toggle-payment-open.recDialog, details > #toggle-acc-details.recDialog, details > #toggle-card-details.recDialog, details > #toggle-loan-details.recDialog, details > #toggle-template-open.recDialog, details > #toggle-payment-open.recDialog, embed > #toggle-acc-details.recDialog, embed > #toggle-card-details.recDialog, embed > #toggle-loan-details.recDialog, embed > #toggle-template-open.recDialog, embed > #toggle-payment-open.recDialog, figure > #toggle-acc-details.recDialog, figure > #toggle-card-details.recDialog, figure > #toggle-loan-details.recDialog, figure > #toggle-template-open.recDialog, figure > #toggle-payment-open.recDialog, figcaption > #toggle-acc-details.recDialog, figcaption > #toggle-card-details.recDialog, figcaption > #toggle-loan-details.recDialog, figcaption > #toggle-template-open.recDialog, figcaption > #toggle-payment-open.recDialog, ooter > #toggle-acc-details.recDialog, ooter > #toggle-card-details.recDialog, ooter > #toggle-loan-details.recDialog, ooter > #toggle-template-open.recDialog, ooter > #toggle-payment-open.recDialog, header > #toggle-acc-details.recDialog, header > #toggle-card-details.recDialog, header > #toggle-loan-details.recDialog, header > #toggle-template-open.recDialog, header > #toggle-payment-open.recDialog, hgroup > #toggle-acc-details.recDialog, hgroup > #toggle-card-details.recDialog, hgroup > #toggle-loan-details.recDialog, hgroup > #toggle-template-open.recDialog, hgroup > #toggle-payment-open.recDialog, menu > #toggle-acc-details.recDialog, menu > #toggle-card-details.recDialog, menu > #toggle-loan-details.recDialog, menu > #toggle-template-open.recDialog, menu > #toggle-payment-open.recDialog, nav > #toggle-acc-details.recDialog, nav > #toggle-card-details.recDialog, nav > #toggle-loan-details.recDialog, nav > #toggle-template-open.recDialog, nav > #toggle-payment-open.recDialog, output > #toggle-acc-details.recDialog, output > #toggle-card-details.recDialog, output > #toggle-loan-details.recDialog, output > #toggle-template-open.recDialog, output > #toggle-payment-open.recDialog, ruby > #toggle-acc-details.recDialog, ruby > #toggle-card-details.recDialog, ruby > #toggle-loan-details.recDialog, ruby > #toggle-template-open.recDialog, ruby > #toggle-payment-open.recDialog, section > #toggle-acc-details.recDialog, section > #toggle-card-details.recDialog, section > #toggle-loan-details.recDialog, section > #toggle-template-open.recDialog, section > #toggle-payment-open.recDialog, summary > #toggle-acc-details.recDialog, summary > #toggle-card-details.recDialog, summary > #toggle-loan-details.recDialog, summary > #toggle-template-open.recDialog, summary > #toggle-payment-open.recDialog, time > #toggle-acc-details.recDialog, time > #toggle-card-details.recDialog, time > #toggle-loan-details.recDialog, time > #toggle-template-open.recDialog, time > #toggle-payment-open.recDialog, mark > #toggle-acc-details.recDialog, mark > #toggle-card-details.recDialog, mark > #toggle-loan-details.recDialog, mark > #toggle-template-open.recDialog, mark > #toggle-payment-open.recDialog, audio > #toggle-acc-details.recDialog, audio > #toggle-card-details.recDialog, audio > #toggle-loan-details.recDialog, audio > #toggle-template-open.recDialog, audio > #toggle-payment-open.recDialog, video > #toggle-acc-details.recDialog, video > #toggle-card-details.recDialog, video > #toggle-loan-details.recDialog, video > #toggle-template-open.recDialog, video > #toggle-payment-open.recDialog { width: 362px; } html > .show-more-btn, body > .show-more-btn, div > .show-more-btn, span > .show-more-btn, applet > .show-more-btn, object > .show-more-btn, frame > .show-more-btn, h1 > .show-more-btn, h2 > .show-more-btn, h3 > .show-more-btn, h4 > .show-more-btn, h5 > .show-more-btn, h6 > .show-more-btn, p > .show-more-btn, blockquote > .show-more-btn, pre > .show-more-btn, a > .show-more-btn, abbr > .show-more-btn, acronym > .show-more-btn, address > .show-more-btn, big > .show-more-btn, cite > .show-more-btn, code > .show-more-btn, del > .show-more-btn, dfn > .show-more-btn, em > .show-more-btn, img > .show-more-btn, ins > .show-more-btn, kbd > .show-more-btn, q > .show-more-btn, s > .show-more-btn, samp > .show-more-btn, small > .show-more-btn, strike > .show-more-btn, strong > .show-more-btn, sub > .show-more-btn, sup > .show-more-btn, tt > .show-more-btn, var > .show-more-btn, b > .show-more-btn, u > .show-more-btn, i > .show-more-btn, center > .show-more-btn, dl > .show-more-btn, dt > .show-more-btn, dd > .show-more-btn, ol > .show-more-btn, ul > .show-more-btn, li > .show-more-btn, fieldset > .show-more-btn, form > .show-more-btn, label > .show-more-btn, legend > .show-more-btn, table > .show-more-btn, caption > .show-more-btn, tbody > .show-more-btn, tfoot > .show-more-btn, thead > .show-more-btn, tr > .show-more-btn, th > .show-more-btn, td > .show-more-btn, article > .show-more-btn, aside > .show-more-btn, canvas > .show-more-btn, details > .show-more-btn, embed > .show-more-btn, figure > .show-more-btn, figcaption > .show-more-btn, ooter > .show-more-btn, header > .show-more-btn, hgroup > .show-more-btn, menu > .show-more-btn, nav > .show-more-btn, output > .show-more-btn, ruby > .show-more-btn, section > .show-more-btn, summary > .show-more-btn, time > .show-more-btn, mark > .show-more-btn, audio > .show-more-btn, video > .show-more-btn { width: 100%; text-align: center; padding: 18px; cursor: pointer; background: radial-gradient(circle, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%); } html > .show-more-btn > .detailsBtn, body > .show-more-btn > .detailsBtn, div > .show-more-btn > .detailsBtn, span > .show-more-btn > .detailsBtn, applet > .show-more-btn > .detailsBtn, object > .show-more-btn > .detailsBtn, frame > .show-more-btn > .detailsBtn, h1 > .show-more-btn > .detailsBtn, h2 > .show-more-btn > .detailsBtn, h3 > .show-more-btn > .detailsBtn, h4 > .show-more-btn > .detailsBtn, h5 > .show-more-btn > .detailsBtn, h6 > .show-more-btn > .detailsBtn, p > .show-more-btn > .detailsBtn, blockquote > .show-more-btn > .detailsBtn, pre > .show-more-btn > .detailsBtn, a > .show-more-btn > .detailsBtn, abbr > .show-more-btn > .detailsBtn, acronym > .show-more-btn > .detailsBtn, address > .show-more-btn > .detailsBtn, big > .show-more-btn > .detailsBtn, cite > .show-more-btn > .detailsBtn, code > .show-more-btn > .detailsBtn, del > .show-more-btn > .detailsBtn, dfn > .show-more-btn > .detailsBtn, em > .show-more-btn > .detailsBtn, img > .show-more-btn > .detailsBtn, ins > .show-more-btn > .detailsBtn, kbd > .show-more-btn > .detailsBtn, q > .show-more-btn > .detailsBtn, s > .show-more-btn > .detailsBtn, samp > .show-more-btn > .detailsBtn, small > .show-more-btn > .detailsBtn, strike > .show-more-btn > .detailsBtn, strong > .show-more-btn > .detailsBtn, sub > .show-more-btn > .detailsBtn, sup > .show-more-btn > .detailsBtn, tt > .show-more-btn > .detailsBtn, var > .show-more-btn > .detailsBtn, b > .show-more-btn > .detailsBtn, u > .show-more-btn > .detailsBtn, i > .show-more-btn > .detailsBtn, center > .show-more-btn > .detailsBtn, dl > .show-more-btn > .detailsBtn, dt > .show-more-btn > .detailsBtn, dd > .show-more-btn > .detailsBtn, ol > .show-more-btn > .detailsBtn, ul > .show-more-btn > .detailsBtn, li > .show-more-btn > .detailsBtn, fieldset > .show-more-btn > .detailsBtn, form > .show-more-btn > .detailsBtn, label > .show-more-btn > .detailsBtn, legend > .show-more-btn > .detailsBtn, table > .show-more-btn > .detailsBtn, caption > .show-more-btn > .detailsBtn, tbody > .show-more-btn > .detailsBtn, tfoot > .show-more-btn > .detailsBtn, thead > .show-more-btn > .detailsBtn, tr > .show-more-btn > .detailsBtn, th > .show-more-btn > .detailsBtn, td > .show-more-btn > .detailsBtn, article > .show-more-btn > .detailsBtn, aside > .show-more-btn > .detailsBtn, canvas > .show-more-btn > .detailsBtn, details > .show-more-btn > .detailsBtn, embed > .show-more-btn > .detailsBtn, figure > .show-more-btn > .detailsBtn, figcaption > .show-more-btn > .detailsBtn, ooter > .show-more-btn > .detailsBtn, header > .show-more-btn > .detailsBtn, hgroup > .show-more-btn > .detailsBtn, menu > .show-more-btn > .detailsBtn, nav > .show-more-btn > .detailsBtn, output > .show-more-btn > .detailsBtn, ruby > .show-more-btn > .detailsBtn, section > .show-more-btn > .detailsBtn, summary > .show-more-btn > .detailsBtn, time > .show-more-btn > .detailsBtn, mark > .show-more-btn > .detailsBtn, audio > .show-more-btn > .detailsBtn, video > .show-more-btn > .detailsBtn { position: relative; pointer-events: none; user-select: none; font-family: 'Sarabun-Bold','sans-serif'; font-size: 14px; padding: 0 30px; line-height: 1; padding: 0 30px; color: #52ae30; } html > .show-more-btn > .detailsBtn:before, body > .show-more-btn > .detailsBtn:before, div > .show-more-btn > .detailsBtn:before, span > .show-more-btn > .detailsBtn:before, applet > .show-more-btn > .detailsBtn:before, object > .show-more-btn > .detailsBtn:before, frame > .show-more-btn > .detailsBtn:before, h1 > .show-more-btn > .detailsBtn:before, h2 > .show-more-btn > .detailsBtn:before, h3 > .show-more-btn > .detailsBtn:before, h4 > .show-more-btn > .detailsBtn:before, h5 > .show-more-btn > .detailsBtn:before, h6 > .show-more-btn > .detailsBtn:before, p > .show-more-btn > .detailsBtn:before, blockquote > .show-more-btn > .detailsBtn:before, pre > .show-more-btn > .detailsBtn:before, a > .show-more-btn > .detailsBtn:before, abbr > .show-more-btn > .detailsBtn:before, acronym > .show-more-btn > .detailsBtn:before, address > .show-more-btn > .detailsBtn:before, big > .show-more-btn > .detailsBtn:before, cite > .show-more-btn > .detailsBtn:before, code > .show-more-btn > .detailsBtn:before, del > .show-more-btn > .detailsBtn:before, dfn > .show-more-btn > .detailsBtn:before, em > .show-more-btn > .detailsBtn:before, img > .show-more-btn > .detailsBtn:before, ins > .show-more-btn > .detailsBtn:before, kbd > .show-more-btn > .detailsBtn:before, q > .show-more-btn > .detailsBtn:before, s > .show-more-btn > .detailsBtn:before, samp > .show-more-btn > .detailsBtn:before, small > .show-more-btn > .detailsBtn:before, strike > .show-more-btn > .detailsBtn:before, strong > .show-more-btn > .detailsBtn:before, sub > .show-more-btn > .detailsBtn:before, sup > .show-more-btn > .detailsBtn:before, tt > .show-more-btn > .detailsBtn:before, var > .show-more-btn > .detailsBtn:before, b > .show-more-btn > .detailsBtn:before, u > .show-more-btn > .detailsBtn:before, i > .show-more-btn > .detailsBtn:before, center > .show-more-btn > .detailsBtn:before, dl > .show-more-btn > .detailsBtn:before, dt > .show-more-btn > .detailsBtn:before, dd > .show-more-btn > .detailsBtn:before, ol > .show-more-btn > .detailsBtn:before, ul > .show-more-btn > .detailsBtn:before, li > .show-more-btn > .detailsBtn:before, fieldset > .show-more-btn > .detailsBtn:before, form > .show-more-btn > .detailsBtn:before, label > .show-more-btn > .detailsBtn:before, legend > .show-more-btn > .detailsBtn:before, table > .show-more-btn > .detailsBtn:before, caption > .show-more-btn > .detailsBtn:before, tbody > .show-more-btn > .detailsBtn:before, tfoot > .show-more-btn > .detailsBtn:before, thead > .show-more-btn > .detailsBtn:before, tr > .show-more-btn > .detailsBtn:before, th > .show-more-btn > .detailsBtn:before, td > .show-more-btn > .detailsBtn:before, article > .show-more-btn > .detailsBtn:before, aside > .show-more-btn > .detailsBtn:before, canvas > .show-more-btn > .detailsBtn:before, details > .show-more-btn > .detailsBtn:before, embed > .show-more-btn > .detailsBtn:before, figure > .show-more-btn > .detailsBtn:before, figcaption > .show-more-btn > .detailsBtn:before, ooter > .show-more-btn > .detailsBtn:before, header > .show-more-btn > .detailsBtn:before, hgroup > .show-more-btn > .detailsBtn:before, menu > .show-more-btn > .detailsBtn:before, nav > .show-more-btn > .detailsBtn:before, output > .show-more-btn > .detailsBtn:before, ruby > .show-more-btn > .detailsBtn:before, section > .show-more-btn > .detailsBtn:before, summary > .show-more-btn > .detailsBtn:before, time > .show-more-btn > .detailsBtn:before, mark > .show-more-btn > .detailsBtn:before, audio > .show-more-btn > .detailsBtn:before, video > .show-more-btn > .detailsBtn:before { content: ""; position: absolute; width: 24px; height: 24px; top: -2px; left: 5px; transform: scale(0.7); } html > .show-more-btn > .more-details:before, body > .show-more-btn > .more-details:before, div > .show-more-btn > .more-details:before, span > .show-more-btn > .more-details:before, applet > .show-more-btn > .more-details:before, object > .show-more-btn > .more-details:before, frame > .show-more-btn > .more-details:before, h1 > .show-more-btn > .more-details:before, h2 > .show-more-btn > .more-details:before, h3 > .show-more-btn > .more-details:before, h4 > .show-more-btn > .more-details:before, h5 > .show-more-btn > .more-details:before, h6 > .show-more-btn > .more-details:before, p > .show-more-btn > .more-details:before, blockquote > .show-more-btn > .more-details:before, pre > .show-more-btn > .more-details:before, a > .show-more-btn > .more-details:before, abbr > .show-more-btn > .more-details:before, acronym > .show-more-btn > .more-details:before, address > .show-more-btn > .more-details:before, big > .show-more-btn > .more-details:before, cite > .show-more-btn > .more-details:before, code > .show-more-btn > .more-details:before, del > .show-more-btn > .more-details:before, dfn > .show-more-btn > .more-details:before, em > .show-more-btn > .more-details:before, img > .show-more-btn > .more-details:before, ins > .show-more-btn > .more-details:before, kbd > .show-more-btn > .more-details:before, q > .show-more-btn > .more-details:before, s > .show-more-btn > .more-details:before, samp > .show-more-btn > .more-details:before, small > .show-more-btn > .more-details:before, strike > .show-more-btn > .more-details:before, strong > .show-more-btn > .more-details:before, sub > .show-more-btn > .more-details:before, sup > .show-more-btn > .more-details:before, tt > .show-more-btn > .more-details:before, var > .show-more-btn > .more-details:before, b > .show-more-btn > .more-details:before, u > .show-more-btn > .more-details:before, i > .show-more-btn > .more-details:before, center > .show-more-btn > .more-details:before, dl > .show-more-btn > .more-details:before, dt > .show-more-btn > .more-details:before, dd > .show-more-btn > .more-details:before, ol > .show-more-btn > .more-details:before, ul > .show-more-btn > .more-details:before, li > .show-more-btn > .more-details:before, fieldset > .show-more-btn > .more-details:before, form > .show-more-btn > .more-details:before, label > .show-more-btn > .more-details:before, legend > .show-more-btn > .more-details:before, table > .show-more-btn > .more-details:before, caption > .show-more-btn > .more-details:before, tbody > .show-more-btn > .more-details:before, tfoot > .show-more-btn > .more-details:before, thead > .show-more-btn > .more-details:before, tr > .show-more-btn > .more-details:before, th > .show-more-btn > .more-details:before, td > .show-more-btn > .more-details:before, article > .show-more-btn > .more-details:before, aside > .show-more-btn > .more-details:before, canvas > .show-more-btn > .more-details:before, details > .show-more-btn > .more-details:before, embed > .show-more-btn > .more-details:before, figure > .show-more-btn > .more-details:before, figcaption > .show-more-btn > .more-details:before, ooter > .show-more-btn > .more-details:before, header > .show-more-btn > .more-details:before, hgroup > .show-more-btn > .more-details:before, menu > .show-more-btn > .more-details:before, nav > .show-more-btn > .more-details:before, output > .show-more-btn > .more-details:before, ruby > .show-more-btn > .more-details:before, section > .show-more-btn > .more-details:before, summary > .show-more-btn > .more-details:before, time > .show-more-btn > .more-details:before, mark > .show-more-btn > .more-details:before, audio > .show-more-btn > .more-details:before, video > .show-more-btn > .more-details:before { background-image: url("images/icons/more-details.png"); } html > .show-more-btn > .less-details:before, body > .show-more-btn > .less-details:before, div > .show-more-btn > .less-details:before, span > .show-more-btn > .less-details:before, applet > .show-more-btn > .less-details:before, object > .show-more-btn > .less-details:before, frame > .show-more-btn > .less-details:before, h1 > .show-more-btn > .less-details:before, h2 > .show-more-btn > .less-details:before, h3 > .show-more-btn > .less-details:before, h4 > .show-more-btn > .less-details:before, h5 > .show-more-btn > .less-details:before, h6 > .show-more-btn > .less-details:before, p > .show-more-btn > .less-details:before, blockquote > .show-more-btn > .less-details:before, pre > .show-more-btn > .less-details:before, a > .show-more-btn > .less-details:before, abbr > .show-more-btn > .less-details:before, acronym > .show-more-btn > .less-details:before, address > .show-more-btn > .less-details:before, big > .show-more-btn > .less-details:before, cite > .show-more-btn > .less-details:before, code > .show-more-btn > .less-details:before, del > .show-more-btn > .less-details:before, dfn > .show-more-btn > .less-details:before, em > .show-more-btn > .less-details:before, img > .show-more-btn > .less-details:before, ins > .show-more-btn > .less-details:before, kbd > .show-more-btn > .less-details:before, q > .show-more-btn > .less-details:before, s > .show-more-btn > .less-details:before, samp > .show-more-btn > .less-details:before, small > .show-more-btn > .less-details:before, strike > .show-more-btn > .less-details:before, strong > .show-more-btn > .less-details:before, sub > .show-more-btn > .less-details:before, sup > .show-more-btn > .less-details:before, tt > .show-more-btn > .less-details:before, var > .show-more-btn > .less-details:before, b > .show-more-btn > .less-details:before, u > .show-more-btn > .less-details:before, i > .show-more-btn > .less-details:before, center > .show-more-btn > .less-details:before, dl > .show-more-btn > .less-details:before, dt > .show-more-btn > .less-details:before, dd > .show-more-btn > .less-details:before, ol > .show-more-btn > .less-details:before, ul > .show-more-btn > .less-details:before, li > .show-more-btn > .less-details:before, fieldset > .show-more-btn > .less-details:before, form > .show-more-btn > .less-details:before, label > .show-more-btn > .less-details:before, legend > .show-more-btn > .less-details:before, table > .show-more-btn > .less-details:before, caption > .show-more-btn > .less-details:before, tbody > .show-more-btn > .less-details:before, tfoot > .show-more-btn > .less-details:before, thead > .show-more-btn > .less-details:before, tr > .show-more-btn > .less-details:before, th > .show-more-btn > .less-details:before, td > .show-more-btn > .less-details:before, article > .show-more-btn > .less-details:before, aside > .show-more-btn > .less-details:before, canvas > .show-more-btn > .less-details:before, details > .show-more-btn > .less-details:before, embed > .show-more-btn > .less-details:before, figure > .show-more-btn > .less-details:before, figcaption > .show-more-btn > .less-details:before, ooter > .show-more-btn > .less-details:before, header > .show-more-btn > .less-details:before, hgroup > .show-more-btn > .less-details:before, menu > .show-more-btn > .less-details:before, nav > .show-more-btn > .less-details:before, output > .show-more-btn > .less-details:before, ruby > .show-more-btn > .less-details:before, section > .show-more-btn > .less-details:before, summary > .show-more-btn > .less-details:before, time > .show-more-btn > .less-details:before, mark > .show-more-btn > .less-details:before, audio > .show-more-btn > .less-details:before, video > .show-more-btn > .less-details:before { background-image: url("images/icons/less-details.png"); } .P2PPaymentOverview .cols-wrap { align-items: center; } .P2PPaymentOverview .cols-wrap .payment-filter { display: flex !important; } .P2PPaymentOverview .cols-wrap.start { align-items: flex-start; } .P2PPaymentOverview .cols-wrap.offset-bottom { padding-bottom: 16px; } .P2PPaymentOverview .cols-wrap > div { padding: 6px 0px 5px 5px; word-wrap: anywhere; } .P2PPaymentOverview .cols-wrap > div > div { position: relative; } .P2PPaymentOverview .cols-wrap > div.big-offset-right { padding-right: 50px; } .P2PPaymentOverview .cols-wrap > div.offset-right { padding-right: 30px; } .P2PPaymentOverview .cols-wrap > div.smallest-offset-right { padding-right: 9px; } .P2PPaymentOverview .cols-wrap > div.smallest-offset-left { padding-left: 9px; } .P2PPaymentOverview .cols-wrap > div.small-offset-left { padding-left: 30px; } .P2PPaymentOverview .cols-wrap > div.offset-left { padding-left: 50px; } .P2PPaymentOverview .cols-wrap > div.big-offset-left { padding-left: 60px; } .P2PPaymentOverview .cols-wrap > div.token-list-offset { padding-left: 71px; } .P2PPaymentOverview .col-1 { width: calc(100% * 1 / 12); } .P2PPaymentOverview .col-2 { width: calc(100% * 2 / 12); } .P2PPaymentOverview .col-3 { width: calc(100% * 3 / 12); } .P2PPaymentOverview .col-3.message { width: calc(25% - 50px); } .P2PPaymentOverview .col-4 { width: calc(100% * 4 / 12); } .P2PPaymentOverview .col-5 { width: calc(100% * 5 / 12); } .P2PPaymentOverview .col-6 { width: calc(100% * 6 / 12); } .P2PPaymentOverview .col-7 { width: calc(100% * 7 / 12); } .P2PPaymentOverview .col-8 { width: calc(100% * 8 / 12); } .P2PPaymentOverview .col-9 { width: calc(100% * 9 / 12); } .P2PPaymentOverview .col-10 { width: calc(100% * 10 / 12); } .P2PPaymentOverview .col-11 { width: calc(100% * 11 / 12); } .P2PPaymentOverview .col-12 { width: 100%; } .colorYellow { background-color: yellow; padding: 0 !important; } .color-credit { color: red; } .bottom-box-shadow { height: 129px; background: transparent; position: absolute; width: 100%; bottom: 0; z-index: -1; margin: 0; padding: 0; box-shadow: 0 17px 17px -5px rgba(0, 0, 0, 0.08); z-index: 1; pointer-events: none; display: none; } .bottom-box-shadow.open { display: block; } .popup-wrapper { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; overflow: hidden; height: 330px; transition: height 1s ease; } .popup-wrapper.acc { height: unset !important; } .popup-wrapper.crd { height: 270px; } .popup-wrapper.open { height: 865px; transition: all 1s ease; } .popup-wrapper.open2 { height: 800px; transition: all 1s ease; } .popup-wrapper.open3 { height: 650px; transition: all 1s ease; } .popup-wrapper.open4 { height: 660px; transition: all 1s ease; } .popup-wrapper.open5 { height: 790px; transition: all 1s ease; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } body { font: 100% "Source-Sans-Pro", sans-serif; color: #353f4a; -webkit-text-size-adjust: none; margin: 0; padding: 0; overflow: hidden !important; background-color: #f5f8fb; } html { height: 100%; font: inherit; } .alignleft { float: left; } .aligncenter { margin: 0 auto; } .alignleft { float: left; } .flex-layout { display: flex; flex-wrap: wrap; } .space-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .flex-start { align-items: flex-start; } .flex-center { align-items: center; } .flex-end { align-items: flex-end; } .no-wrap { flex-wrap: nowrap; } .absolute-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .horizontal-center { position: absolute; left: 50%; transform: translateX(-50%); } .button-fixed-width { min-width: 150px; } .button-fixed-width-2 { min-width: 240px; } .languagesContainer { width: 90px; position: absolute; top: 52px; right: 195px; border-radius: 6px; border: none; overflow: hidden; z-index: 11; opacity: 0; border: 1px solid #b4bfcb; } body.LanguageLogout .languagesContainer { top: 50px; left: 50px; } @media (max-width: 1200px) { body.LanguageLogout .languagesContainer { top: 864px; } } @media (max-width: 650px) { body.LanguageLogout .languagesContainer { top: 854px; } } body .languagesContainer { opacity: 1; } .languages-wrapper { display: none; justify-content: column; z-index: 21; user-select: none; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .languages-wrapper.open { display: block; } .languages-wrapper > ul.languageSelector { display: flex; flex-direction: column; align-items: flex-start; width: 100%; height: fit-content; font-family: "Source-Sans-Pro-bold", sans-serif; font-size: 14px; line-height: 1.143; color: rgba(0, 0, 0, 0.87); transition: all 0.2s ease; background: #fff; outline: none; position: relative; cursor: pointer; /* & > li[data-culture="sr-Latn-CS"] > .lang-flag { background-image: url('images/lang-icons/sr-Latn-CS.png'); } */ } .languages-wrapper > ul.languageSelector:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .languages-wrapper > ul.languageSelector > li[data-culture="ar"], .languages-wrapper > ul.languageSelector > li[data-culture="ru-RU"], .languages-wrapper > ul.languageSelector > li[data-culture="he"], .languages-wrapper > ul.languageSelector > li[data-culture="es-AR"], .languages-wrapper > ul.languageSelector > li[data-culture="ro-RO"], .languages-wrapper > ul.languageSelector > li[data-culture="uk-UA"], .languages-wrapper > ul.languageSelector > li[data-culture="sr-Cyr-CS"], .languages-wrapper > ul.languageSelector > li[data-culture="de-DE"], .languages-wrapper > ul.languageSelector > li[data-culture="sq"], .languages-wrapper > ul.languageSelector > li[data-culture="tr"], .languages-wrapper > ul.languageSelector > li[data-culture="sr-Latn-CS"] { display: none; } .languages-wrapper > ul.languageSelector > li.active { display: none !important; } .languages-wrapper > ul.languageSelector > li[data-culture="en-US"] > .lang-flag { background-image: url("images/lang-icons/en-US.png"); } .languages-wrapper > ul.languageSelector > li[data-culture="mk-MK"] > .lang-flag { background-image: url("images/lang-icons/lang-icon-mk.png"); } .languages-wrapper > ul.languageSelector > li[data-culture="sq-AL"] > .lang-flag { background-image: url("images/icons/lang-icon-sq-AL.png"); } .languages-wrapper > ul.languageSelector > li[data-culture="tr-TR"] > .lang-flag { background-image: url("images/icons/lang-icon-tr-TR.png"); } .languages-wrapper > ul.languageSelector > .portal-language { display: flex; align-items: center; padding: 11px 10px 12px 17px; border-right: 0 !important; border-bottom: 1px solid transparent; font-weight: bold; width: 61px; cursor: pointer; color: #333; zoom: 1; } .languages-wrapper > ul.languageSelector > .portal-language:hover { background-color: #f5f5f5; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; } .languages-wrapper > ul.languageSelector > .portal-language > .lang-flag { width: 16px; height: 16px; background-size: cover; } .languages-wrapper > ul.languageSelector > .portal-language .title { text-transform: uppercase; font-family: "Source-Sans-Pro-bold", sans-serif; border-bottom: 1px solid transparent; margin-left: 0.3rem; transition: filter .2s ease; } .languages-wrapper > ul.languageSelector > .active { font-weight: bold; } /*==============================================*/ .active-lang { display: flex; align-items: center; width: 72px; height: fit-content; font-family: "Source-Sans-Pro-bold", sans-serif; font-size: 14px; line-height: 1.143; color: rgba(0, 0, 0, 0.87); border: 1px solid #dfe7ef; padding: 5px 11px 5px 7px; background: #fff; outline: none; position: relative; cursor: pointer; z-index: 21; border: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; /*ARROW CONTAINER predstavlja stilizaciju jedne strelice koja se rotira u zavisnosti da li je padajuci meni sa jezicima otvoren*/ /*& > .arrowContainer { position: absolute; height: 100%; top: 8px; right: 15px; display: flex; flex-direction: column; pointer-events: none; user-select: none; & > .downArrow { transform: translateY(8px); transition: transform 0.5s ease; } & > .downArrow.open { transform: translateY(8px) rotate(-180deg); } }*/ } .active-lang.open-border { border: 1px solid #0a79b8; } .active-lang.open-border-active-lang { border: 1px solid #0faaea; border-bottom: none; padding-right: 9px; } .active-lang > ul { display: flex; /*& > li[data-culture="sr-Latn-CS"] > .lang-flag { background-image: url('images/lang-icons/sr-Latn-CS.png'); }*/ } .active-lang > ul > li[data-culture="ar"], .active-lang > ul > li[data-culture="ru-RU"], .active-lang > ul > li[data-culture="he"], .active-lang > ul > li[data-culture="es-AR"], .active-lang > ul > li[data-culture="ro-RO"], .active-lang > ul > li[data-culture="uk-UA"], .active-lang > ul > li[data-culture="sr-Cyr-CS"], .active-lang > ul > li[data-culture="de-DE"], .active-lang > ul > li[data-culture="sq"], .active-lang > ul > li[data-culture="tr"], .active-lang > ul > li[data-culture="sr-Latn-CS"] { display: none; } .active-lang > ul > li.invisible { display: none; } .active-lang > ul > li[data-culture="en-US"] > .lang-flag { background-image: url("images/lang-icons/en-US.png"); } .active-lang > ul > li[data-culture="mk-MK"] > .lang-flag { background-image: url("images/lang-icons/lang-icon-mk.png"); } .active-lang > ul > li[data-culture="sq-AL"] > .lang-flag { background-image: url("images/icons/lang-icon-sq-AL.png"); } .active-lang > ul > li[data-culture="tr-TR"] > .lang-flag { background-image: url("images/icons/lang-icon-tr-TR.png"); } .active-lang > ul > .active-language.active { display: flex !important; align-items: center; justify-content: center; padding: 5px 10px; border-right: 0 !important; margin-right: 20px; font-weight: bold; cursor: pointer; color: #333; zoom: 1; } .active-lang > ul > .active-language.active > .lang-flag { width: 16px; height: 16px; background-size: cover; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.23); } .active-lang > ul > .active-language.active .title { text-transform: uppercase; font-family: "Source-Sans-Pro-bold", sans-serif; margin-left: 0.3rem; /*transition: all .2s ease;*/ user-select: none; } .active-lang > .arrows { width: 25px; height: 28px; position: absolute; right: 8px; transform: scale(0.5); background-image: url("images/icons/arrow-down.png"); } .open-border-languages-wrapper { border: 1px solid #0faaea; border-top: none; border-bottom-right-radius: 6px !important; border-bottom-left-radius: 6px !important; } /*=========================================================*/ .languageSelectorContainer { display: none; } .active { display: block; } .hidden { display: none; } :focus { outline: -webkit-focus-ring-color none 0px !important; outline-color: -webkit-focus-ring-color !important; outline-style: none !important; outline-width: 0px !important; } .ui-widget-overlay { background-color: #000000 !important; opacity: .6 !important; z-index: 101 !important; } a { text-decoration: none; } #pageHost .main-menu .s-portal-menu .slicknav_menu { position: absolute; z-index: 101; width: 80%; } .user-content dl, .user-content ol, .user-content ul, h1, h2, h3, h4, h5, h6, p, table { margin-bottom: 20px; } h1 { font: 400 32px/1.3 "Source-Sans-Pro-semibold", sans-serif; } h2 { font: 400 24px/1.2 "Source-Sans-Pro-semibold", sans-serif; } h3 { font: 400 22px/1.2 "Source-Sans-Pro-semibold", sans-serif; } h4 { font: 400 20px/1.2 "Source-Sans-Pro-semibold", sans-serif; } h5 { font: 400 16px/1.2 "Source-Sans-Pro-semibold", sans-serif; } h6 { font: 400 14px/1.2 "Source-Sans-Pro-semibold", sans-serif; } a { text-decoration: none; } strong { font-weight: 700; } em { font-style: italic; } sup { vertical-align: text-top; } sub, sup { font-size: 75%; } sub { vertical-align: bottom; } blockquote { font-style: italic; } .user-content ul { list-style: disc; margin-left: 24px; } .user-content ul ul { margin-left: 20px; margin-bottom: 0; } .user-content ul li { margin-bottom: 0; } .user-content ol { margin-left: 24px; list-style: decimal; } .user-content ol ol { list-style: lower-latin; margin-bottom: 0; } .user-content li li { font-size: 1em; } .view ol ol { margin-bottom: 0; } /*#endregion general*/ /*#region inputs*/ input:focus { outline: none; } input.cbMultiselect, input.cbMultiselectAll { width: 18px; height: 18px; accent-color: #0a79b8; border: 2px solid #a2b8cf; border-radius: 2px; margin: 0; position: relative; top: 3px; } input.cbMultiselect.header, input.cbMultiselectAll.header { left: -4px; } .input-wrap { border-radius: 6px; -webkit-transition: border-color .3s; transition: border-color .3s; background: #FFFFFF; position: relative; } .input-wrap.input-icon { padding-left: 32px; background-position: 10px 15px; background-repeat: no-repeat; } .input-wrap-focus { border: solid 1px #494f5a !important; } .input-wrap.type-2 { padding: 14px 15px 12px 15px; } .input-wrap.type-2.input-wrap-payment { width: calc(100% - 70px); } .input-wrap.type-3 { padding: 18px 15px 20px 15px; } .input-wrap.type-3.input-wrap-payment { width: calc(100% - 70px); } .input-wrap.input-check .input-1 { padding-right: 15px; } .input-wrap.select-1, .input-wrap.combo-wrap { padding: 0; position: relative; } .input-wrap .progress-wrapper { position: absolute; left: 0; bottom: 0; } .input-wrap .custom-autocomplete-dropdown { position: absolute; z-index: 50; left: -1px; top: 100%; /*Bojana*/ width: calc(100%); /*Old: width: calc(100% + 2px); */ } .input-wrap .input-button { position: absolute; top: 0; right: 0; } textarea { font-family: "futura", sans-serif; width: 100%; font-size: 16px; letter-spacing: 0.5px; border: none; -webkit-appearance: none; border-radius: 0; padding: 0; padding-left: 3px; background-color: transparent; color: #000000; } .input-1, .input-change-name { width: 100%; height: 50px; font-family: "Source-Sans-Pro", sans-serif; font-size: 15px; text-align: left; color: rgba(0, 0, 0, 0.87); padding: 12px 20px; background: #FFFFFF; border-radius: 6px; border: 1px solid #b4bfcb; margin: 0; -webkit-appearance: none; transition: all .3s; } .input-1.size-2, .input-change-name.size-2 { font-size: 18px !important; } .input-1[disabled], .input-change-name[disabled] { color: #989898; background-color: #f1f1f1; } .input-change-name:focus { border-color: #0faaea !important; } .input-2 { font-family: "futura", sans-serif; font-size: 16px; display: block; width: 100%; padding: 10px 16px; text-align: right; border: 1px solid #d1d1d1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 32px; } .input.bold { font-weight: 700; } .input.text-size-2 { font-size: 18px; } .widget.type-3 { max-width: 980px; margin-left: auto; margin-right: auto; } .input-button { width: 50px; height: 100%; background-position: center; background-repeat: no-repeat; } .info-button { cursor: pointer; } .info-button-wrap { position: relative; } .info-button-wrap .info-button { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: -65px; top: calc(50% - 10px); } .progress-wrapper { position: relative; width: 100%; min-height: 10px; background-color: #d1d1d1; overflow: hidden; } .progress-bar { position: absolute; height: 100%; background-color: #9CCC66; left: 0; top: 0; } .progress-bar.overFunds { background-color: #FF0000; } .progress-input { zoom: 1; margin-bottom: 40px; } .progress-input:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } .group-inner.date-group .input-wrap { padding-top: 10px; } .date-input { padding-top: 5px; background: url(images/icons/calendar.png) 100% center no-repeat; background-size: 15px; } .checkbox-1.styledCheckbox { display: inline-block; width: 16px; height: 16px; background-image: url(images/icons/checkbox-1.png); background-repeat: no-repeat; background-position: 0px -16px !important; background-size: 16px; cursor: pointer; position: relative; top: 2px; margin-right: 10px; } .checkbox-1.styledCheckbox.checked { background-position: 0px 0px !important; } .radio-1.styledRadio { display: inline-block; width: 16px; height: 16px; background-image: url(images/icons/checkbox-2.png); background-repeat: no-repeat; background-size: 16px; cursor: pointer; position: relative; top: 1px; margin-right: 10px; } .checkbox-label { font-size: 14px; color: #000000; } .checkbox-label-2 { display: inline-block; padding: 18px 15px 16px 15px; line-height: 23px; min-height: 24px; font-family: "futura", sans-serif; font-size: 16px; letter-spacing: 0.5px; color: #494f5a; border: none; -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; } .checkbox-label-2.col-1 { padding: 0 0 0 10px; } .checkbox-label-2.col-2 { padding: 0 0 0 34px; } .checkbox-wrap { padding: 10px 0; } .radio-list:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } .radio-list li { zoom: 1; margin-bottom: 20px; } .radio-list .radio-1 { float: left; } .radio-list .checkbox-label { float: left; line-height: 18px; width: calc(100% - 26px); text-transform: uppercase; } .list-title { font-size: 14px; color: #7b7b7b; } .focusin .custom-autocomplete-dropdown { border: 1px solid #000000; } .custom-autocomplete-dropdown { -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.05); display: none; border: 1px solid #d1d1d1; max-height: 386px; overflow: auto; background-color: #fff; } .dropdown-item { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; position: relative; display: block; padding: 22px; padding-left: 75px; font-size: 16px; cursor: pointer; } .dropdown-item:hover, .dropdown-item.highlight { background-color: #e5f4f9; } .dropdown-item.border { border-bottom: 1px solid #ebeced; } .dropdown-item .icon { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; width: 20px; height: 20px; right: 0px; background-repeat: no-repeat; background-position: 100% center; } .dropdown-item .dropdown-tag { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 20px; width: 35px; height: 35px; line-height: 35px; font-size: 16px; text-align: center; text-transform: uppercase; border: 2px solid #d1d1d1; background-repeat: no-repeat; background-position: center; } .dropdown-item .dropdown-tag.type-2 { background-color: #ED1C24; border-color: #ED1C24; } .dropdown-item .dropdown-tag img { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; display: inline-block; max-width: calc(100% - 4px); max-height: calc(100% - 4px); } .custom-checkbox-wrapper { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-border-radius: 7.5px; -moz-border-radius: 7.5px; -ms-border-radius: 7.5px; border-radius: 7.5px; display: inline-block; position: relative; width: 30px; height: 15px; background-color: #dadada; cursor: pointer; } .custom-checkbox-wrapper.checked { background-color: #c3b400; } .custom-checkbox-wrapper.checked .custom-checkbox-pin { background-color: #FFEC00; border-color: #FFEC00; left: 15px; } .custom-checkbox-wrapper.col { position: absolute; left: 0; top: 5px; } .custom-checkbox-wrapper.col-2 { right: -27px; margin-bottom: -2px; } .custom-checkbox-wrapper .custom-checkbox-pin { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: -5px; right: auto; width: 20px; height: 20px; background-color: #FFFFFF; border: 1px solid #d1d1d1; } .custom-checkbox-wrapper .cc-checkbox { display: none; } .combined-inputs .input { display: inline-block; line-height: 23px; min-height: 24px; max-width: 30px; font-family: "futura", sans-serif; font-size: 16px; letter-spacing: 0.5px; color: #494f5a; border: none; -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; padding: 0; } .combined-inputs .input.type-2 { max-width: 137px; } .combined-inputs .input-size-changer { position: absolute; top: -9999px; display: inline-block; line-height: 23px; margin: 0; min-width: 20px !important; min-height: 24px; font-family: "futura", sans-serif; font-size: 16px; letter-spacing: 0.5px; color: #494f5a; border: none; -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; padding: 0; } .combined-inputs hr { display: inline-block; width: 16px; margin-left: 5px; margin-right: 5px; border-style: solid; border-color: #dedede; } .custom-form .button-wrap.two-buttons { zoom: 1; } .custom-form .button-wrap.two-buttons:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } .custom-form .button-wrap.two-buttons .button { width: 50%; float: left; } .custom-form .button-wrap.two-buttons-2 { height: 70px; } .custom-form .button-wrap.two-buttons-2 .button { width: calc(50% - 10px); float: left; } .custom-form .button-wrap.two-buttons-2 .button:first-child { margin-right: 10px; } .custom-form .button-wrap.two-buttons-2 .button:last-child { margin-left: 10px; } .s-widget .custom-form { padding-top: 50px; } .s-widget .widget-links { margin-bottom: 50px; } .s-widget.FXTrading .inner { padding: 0 100px; } .s-widget .inner.type-2 { padding: 0 50px; } .custom-form .group { position: relative; margin-bottom: 50px; } .custom-form .group.margin-2 { position: relative; margin-bottom: 20px; } .custom-form .group.type-2 { position: relative; margin-bottom: 20px; } .custom-form .group .info-icon { right: -65px; } .content-hidden { display: none; padding-top: 5px; } .custom-form.border-top { border-top: 2px solid #EFEFEF; } .widget-btn-wrap .stripe:before { position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ""; height: 100%; width: 1px; background-color: #EFEFEF; visibility: visible; } .input-select-wrap { position: relative; padding-right: 90px; } .input-select-wrap.type-2 { padding-right: 180px; } .input-select-wrap .select-4 { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: calc(100% - 160px); max-width: 165px; } .input-select-wrap .select-3 { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 0; margin: 0; min-width: auto; } .input-select-wrap .select-3 select { width: auto; font-weight: 700; } .col-fix-size-2 { float: left; width: 400px; } .col-fix-size-1 { float: left; width: 200px; } .group-title { font-size: 18px; color: #0095c9; margin-bottom: 40px; } .group-title.type-2 { font-size: 14px; color: #7b7b7b; } .plan-text { zoom: 1; border-bottom: 1px solid #ebeced; margin-bottom: 30px; } .plan-text:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } .plan-text.margin-2 { margin-bottom: 45px; } .plan-text .key { font-size: 16px; margin-bottom: 5px; float: left; } .plan-text .value { text-align: right; font-size: 16px; margin-bottom: 5px; float: right; } .plan-text p.size-2, .plan-text span.size-2 { font-size: 18px; } .plan-text p.bold, .plan-text span.bold { font-weight: 700; } .text-cl-1 { color: #000000; } .text-cl-2 { color: #333333; } .text-cl-3 { color: #7b7b7b; } .dropdown-item.type-2 { padding-left: 55px; } .dropdown-item.type-2 .dropdown-tag { left: 0; } .custom-autocomplete-dropdown .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail { background-color: transparent; } .custom-autocomplete-dropdown .mCSB_inside > .mCSB_container { margin-right: 0px !important; } .custom-autocomplete-dropdown .mCSB_scrollTools { width: 5px; } .custom-autocomplete-dropdown .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 0; } .creditAccountPart { width: auto; } .creditAccountPart.creditAccount2 { width: 130px; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } input[type='number'] { -moz-appearance: textfield; } .input.text-size-2 { font-size: 18px; } .input.bold { font-weight: 700; } .texarea-1 { border: none; -webkit-appearance: none; width: 100%; resize: none; font-family: "futura", sans-serif; font-size: 16px; letter-spacing: 0.5px; color: #000000; } .texarea-1:focus { outline: none; } /*#endregion inputs*/ /*#region select*/ .select-wrap { padding-left: 0; padding-right: 0; } .select-1:focus { outline: none; } .select-3 { margin-bottom: 15px; display: inline-block; min-width: 130px; } .select-3:before { content: ''; width: 0; height: 0; border: 0; background: none; border-style: solid; border-width: 6px 6px 0 6px; border-color: #000000 transparent transparent transparent; position: absolute; top: 23px; right: 15px; } .select-3 select { background-color: #FFFFFF; font-family: "futura", sans-serif; font-size: 16px; display: block; width: calc(100% - 50px); padding: 14px 35px; line-height: 24px; padding-left: 0px; float: right; direction: rtl; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .select-4:before { content: ''; width: 0; height: 0; border: 0; background: none; border-style: solid; border-width: 6px 6px 0 6px; border-color: #000000 transparent transparent transparent; position: absolute; top: 21px; right: 15px; } .select-4 select { background-color: #FFFFFF; font-family: "futura", sans-serif; max-width: 100%; font-size: 16px; display: block; padding: 14px 5px; padding-right: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; outline: none; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } select::-ms-expand { display: none; } /*#endregion select*/ /*#region Objects*/ .z-10 { position: relative; z-index: 10; } .z-20 { position: relative; z-index: 20; } .z-30 { position: relative; z-index: 30; } .z-40 { position: relative; z-index: 40; } .z-50 { position: relative; z-index: 50; } .inner-margin-1 { margin-bottom: 10px; } .inner-margin-2 { margin-bottom: 20px; } .inner-margin-3 { margin-bottom: 30px; } .inner-margin-4 { margin-bottom: 40px; } .inner-margin-5 { margin-bottom: 50px; } .inner-margin-6 { margin-bottom: 60px; } .inner-margin-7 { margin-bottom: 70px; } .inner-margin-right-small { margin-right: 30px; } .inner-margin-medium { margin-bottom: 100px !important; } .inner-padding-1 { padding-top: 10px; } .inner-padding-2 { padding-top: 20px; } .inner-padding-3 { padding-top: 30px; } .inner-padding-4 { padding-top: 40px; } .inner-padding-5 { padding-top: 50px; } .inner-padding-7 { padding-top: 70px; } .inner-padding-medium { padding-top: 100px !important; } .inner-padding-bottom { padding-bottom: 100px; } #icon-container { display: none; } /*#endregion Objects*/ /*#region buttons*/ button { font-family: "futura", sans-serif; } button:focus { outline: none; } .btn-1 { display: inline-block; font-family: "Source-Sans-Pro-semibold", sans-serif; font-size: 15px; text-align: center; border: none; padding: 16px 17px !important; border-radius: 6px; cursor: pointer; -webkit-transition: background-color .3s; transition: background-color .3s; -webkit-appearance: none; font-weight: 600; } .btn-1:hover { background-color: #0095c9; color: #FFFFFF; } .btn-1.type-2 { display: inline-block; width: auto; } .btn-1 .arr-left, .btn-1 .arr-right { display: inline-block; width: 7px; height: 10px; background-position: 0 0; background-repeat: no-repeat; background-size: 7px; } .btn-1 .arr-left { background-image: url(images/icons/arrow-b-left.png); margin-right: 6px; } .btn-1 .arr-right { background-image: url(images/icons/arrow-b-right.png); margin-left: 6px; } .btn-1.small-btn { padding: 10px 15px; } .btn-1 .icon { width: 20px; max-height: 11px; margin-right: 5px; } .btn-1 .icon, .btn-1 span { position: relative; z-index: 1; } .btn-1 svg { fill: #FFFFFF; stroke: #FFFFFF; } .btn-1.color-1 { color: #FFFFFF; background: linear-gradient(90deg, #006de6, #00b2e6); background-color: red; } .btn-1.color-1::before { content: ""; width: 100%; height: 100%; inset: 0; background: -webkit-gradient(linear, left top, right top, from(#0079ff), to(#00c6ff)); background: linear-gradient(90deg, #0079ff, #00c6ff); -webkit-transition: opacity .3s; transition: opacity .3s; } .btn-1.color-1:hover { color: #FFFFFF; } .btn-1.color-1:hover .arrow-right-2 { background-position: 0 0px; } .btn-1.color-1 .arrow-right-2 { display: inline-block; width: 7px; height: 11px; background-position: 0 -11px; position: relative; top: 1px; margin-left: 8px; } .btn-1.color-2 { background-color: #000000; color: #FFEC00; } .btn-1.color-2:hover { background-color: #FFF200; color: #000000; } .btn-1.color-2:hover .arrow-right-1 { background-position: 0 -13px; } .btn-1.color-2 .arrow-right-1 { display: inline-block; width: 16px; height: 13px; position: relative; top: 1px; margin-right: 8px; background-repeat: no-repeat; } .btn-1.color-2.orange-text { color: #F30042; border: 1px solid #F30042; } .btn-1.color-2.white-bg { background-color: #0a79b8; } .btn-1.color-2.white-bg:hover { background-color: rgba(10, 121, 184, 0.1); } .btn-1.color-3 { border: 1px solid #0A79B8; background-color: #fff; color: #0A79B8; } .btn-1.color-3:hover { background-color: rgba(10, 121, 184, 0.1); } .btn-1.color-3.orange-text { color: #ff5858; border: 1px solid #ff5858; } .btn-1.color-4 { background-color: #494f5a; color: #eddc10; } .btn-1.color-4:hover { background-color: #eddc10; color: #494f5a; } .btn-1.color-5 { background-color: #49505A; color: #FFFFFF; } .btn-1.color-5:hover { background-color: #606976; } .btn-1.color-6 { background-color: #0a79b8; transition: all .5s; } .btn-1.color-6:hover { background-color: #2A7F00; transition: all .5s; } .btn-1.color-6:hover .arr-right { background-image: url(images/icons/arrow-y-right.png); } .btn-1.color-7 { background-color: #000000; color: #FFF200; } .btn-1.color-7:hover { background-color: #393939; color: #FFF200; } .btn-1.color-8 { background-color: transparent; color: #0095c9; font-weight: normal; } .btn-1.color-8:hover { background-color: #fff64d; color: #000000; } .button-3 { display: inline-block; font-size: 16px; line-height: 19px; text-transform: uppercase; color: #0095c9 !important; border: 1px solid #d1d1d1; padding: 17px 25px; padding-left: 60px; background-position: 20px center; background-repeat: no-repeat; text-align: center; cursor: pointer; } .button-3:hover { background-color: rgba 82, 174, 48, 0.5; } .button-3.type-2 { padding-left: 25px; max-width: 345px; width: 100%; } /*#endregion buttons*/ /*#region labels*/ .label-1 { display: block; font-weight: 600; font-size: 12px; color: #8294a8; padding: 0 16px; margin-bottom: 6px; } /*#endregion labels*/ /*#region icons*/ .s-icon { display: inline-block; width: 36px; height: 26px; border: 2px solid #CFD0D2; border-radius: 13px; background-position: center center; background-repeat: no-repeat; background-size: 14px; vertical-align: middle; position: relative; top: -2px; box-sizing: border-box; left: -2px; } .s-icon:hover { border-color: #494f5a; } .s-icon.s-icon-filter { background-image: url(images/icons/filter-1.png); } .s-icon.s-icon-filter:hover { background-image: url(images/icons/filter-2.png); } .s-icon.s-icon-options { background-image: url(images/icons/options-icon-1.png); background-size: 10%; } .icon-archive-2 { background-image: url(images/icons/icon-archive-2.png); background-size: 20px; } .icon-inbox-1 { background-image: url(images/icons/icon-inbox-1.png); background-size: 22px; } .icon-users-1 { background-image: url(images/icons/icon-users-1.png); background-size: 18px; } .icon-user { background-image: url("images/icons/user.png"); } .icon-lock { background-image: url("images/icons/lock.png"); } .icon-lock-1 { background-image: url("images/icons/icon-lock-1.png"); } .icon-sms-1 { background-image: url("images/icons/icon-sms-1.png"); } .icon-smartphone-1 { background-image: url("images/icons/icon-smartphone-1.png"); } .power-icon { background-image: url(images/icons/power-icon.png); } .settings-icon { background-image: url(images/icons/settings-icon.png); } /* Icons */ .icon-loans-3 { background-image: url(images/icons/loans_d.png); } .arrow-right-1 { background-image: url(images/icons/arrow-right-1.png); } .arrow-right-2 { background-image: url(images/icons/arrow-right-2.png); } .arrow-right-2 { background-image: url(images/icons/arrow-right-2.png); } .arrow-bottom-1 { background-image: url(images/icons/arrow-bottom-1.png); } .arrow-bottom-2 { background-image: url(images/icons/arrow-bottom-2.png); } .arrow-top-1 { background-image: url(images/icons/arrow-top-1.png); } .facebook-white { background-image: url(images/icons/facebook-white.png); } .facebook-grey { background-image: url(images/icons/facebook-grey.png); } .facebook-dark { background-image: url(images/icons/facebook-dark.png); } .twitter-white { background-image: url(images/icons/twitter-white.png); } .twitter-grey { background-image: url(images/icons/twitter-grey.png); } .twitter-dark { background-image: url(images/icons/twitter-dark.png); } .linkedin-white { background-image: url(images/icons/linkedin-white.png); } .linkedin-grey { background-image: url(images/icons/linkedin-grey.png); } .linkedin-dark { background-image: url(images/icons/linkedin-dark.png); } .question-icon { background-image: url(images/icons/question-icon.png); } .settings-icon { background-image: url(images/icons/settings-icon.png); } .settings-icon-1 { background-image: url(images/icons/settings-icon-1.png); background-size: 22px; } .settings-icon-2 { background-image: url(images/icons/settings-icon-2.png); background-size: 22px; } .power-icon { background-image: url(images/icons/power-icon.png); background-size: 20px; } .power-icon-2 { background-image: url(images/icons/power-icon-2.png); background-size: 20px; } .mail-icon { background-image: url(images/icons/mail-1.png); } .move-icon { background-image: url(images/icons/move-1.png); } .print-icon { background-image: url(images/icons/print-icon.png); background-size: 16px; } .minimize-icon { background-image: url(images/icons/minimize-1.png); } .maximize-icon { background-image: url(images/icons/maximize-1.png); } .filter-icon { background-image: url(images/icons/filter-1.png); background-size: 14px; } .edit-icon { background-image: url(images/icons/edit-1.png); background-size: 14px; } .edit-icon:hover { background-image: url(images/icons/edit-4.png); border-color: #494f5a !important; } .edit-text { position: relative; top: -8px; } .hide-icon { background-image: url(images/icons/ico_hide2.png); background-size: 18px; } .hide-icon:hover { background-image: url(images/icons/ico_hide.png); border-color: #494f5a !important; } p.ceye { display: none; } div.cbalance { display: block; } div.balance { display: none; } p.eye { display: block; } .available-balance-col:hover p.eye, .chart-content:hover p.eye { display: none !important; } .available-balance-col:hover div.balance, .chart-content:hover div.balance { display: block !important; } .edit-icon-2 { background-image: url(images/icons/edit-2.png); background-size: 14px; } .edit-icon-3 { background-image: url(images/icons/edit-3.png); background-size: 24px; } .drag-icon { background-image: url(images/icons/drag-icon.png); } .logo-icon { background-image: url(images/icons/logo-icon.png); } .logo-icon-2 { background-image: url(images/icons/logo-icon-2.png); background-size: 21px; } .wallet-icon { background-image: url(images/icons/wallet-1.png); } .bill-icon { background-image: url(images/icons/bill-1.png); } .options-icon { background-image: url(images/icons/options-icon.png); } .ham-icon { background-image: url(images/icons/ham-icon.png); } .left-icon { background-image: url(images/icons/arrow-left-1.png); } .left-icon-2 { background-image: url(images/icons/arrow-left-5.png); } .right-icon { background-image: url(images/icons/arrow-right-3.png); } .right-icon-2 { background-image: url(images/icons/arrow-right-5.png); } .play-icon { background-image: url(images/icons/play-icon.png); } .layers-icon { background-image: url(images/icons/layers-1.png); } .layers-icon-2 { background-image: url(images/icons/layers-2.png); } .close-icon { background-image: url(images/icons/close-icon-1.png); } .icon-archive-2 { background-image: url(images/icons/icon-archive-2.png); background-size: 20px; } .icon-inbox-1 { background-image: url(images/icons/icon-inbox-1.png); background-size: 22px; } .icon-users-1 { background-image: url(images/icons/icon-users-1.png); background-size: 18px; } .icon-lock { background-image: url("images/icons/lock.png"); } .icon-lock-1 { background-image: url("images/icons/icon-lock-1.png"); } .icon-sms-1 { background-image: url("images/icons/icon-sms-1.png"); } .icon-smartphone-1 { background-image: url("images/icons/icon-smartphone-1.png"); } .icon-user { background-image: url(images/icons/user-icon.png); background-size: 9px; } .icon-lock { background-image: url(images/icons/lock-icon.png); background-size: 11px; } .icon-tel { background-image: url(images/icons/tel-icon.png); } .icon-accounts-1 { background-image: url(images/icons/accounts_w.png); background-size: 24px; } .icon-accounts-2 { background-image: url(images/icons/accounts_y.png); background-size: 24px; } .icon-accounts-3 { background-image: url(images/icons/accounts_g.png); background-size: 24px; } .icon-accounts-4 { background-image: url(images/icons/accounts_d.png); background-size: 24px; } .icon-arrow-1 { background-image: url(images/icons/icon-arrow-1.png); background-size: 22px; } .icon-arrow-right-1 { background-image: url(images/icons/arrow-blue-r.png); background-size: 6px; } .icon-arrow-left-1 { background-image: url(images/icons/arrow-blue-l.png); background-size: 6px; } .icon-bill-1 { background-image: url(images/icons/icon-bill-1.png); background-size: 30px; } .icon-bill-2 { background-image: url(images/icons/icon-bill-2.png); background-size: 30px; } .icon-bills-1 { background-image: url(images/icons/icon-bills_w.png); background-size: 20px; } .icon-bills-2 { background-image: url(images/icons/icon-bills_y.png); background-size: 20px; } .icon-bills-3 { background-image: url(images/icons/icon-bills_g.png); background-size: 20px; } .icon-bills-4 { background-image: url(images/icons/icon-bills-4.png); background-size: 20px; } .icon-bills-5 { background-image: url(images/icons/icon-bills-5.png); height: 91px; width: 91px; margin: auto auto 30px auto; } .icon-bills-6 { background-image: url(images/icons/icon-bills-6.png); background-size: 34px; } .icon-cards-1 { background-image: url(images/icons/cards_w.png); background-size: 30px; } .icon-cards-2 { background-image: url(images/icons/cards_y.png); background-size: 30px; } .icon-cards-3 { background-image: url(images/icons/cards_d.png); background-size: 30px; } .icon-chart-1 { background-image: url(images/icons/chart-1.png); background-size: 16px; } .icon-chart-1.s-icon:hover { background-image: url(images/icons/chart-2.png); } .icon-chart-2 { background-image: url(images/icons/chart-2.png); background-size: 16px; } .icon-check-1 { background-image: url(images/icons/check-icon-2.png); background-size: 50px; } .icon-clock-1 { background-image: url(images/icons/icon-clock-1.png); background-size: 23px; } .icon-clock-2 { background-image: url(images/icons/icon-clock-2.png); background-size: 23px; } .icon-close-1 { background-image: url(images/icons/close-icon-1.png); background-size: 10px; } .icon-coins-1 { background-image: url(images/icons/icon-coins-1.png); background-size: 22px; } .icon-coins-2 { background-image: url(images/icons/icon-coins-2.png); background-size: 22px; } .icon-coins-3 { background-image: url(images/icons/icon-coins-3.png); background-size: 22px; } .icon-coins-4 { background-image: url(images/icons/icon-coins-4.png); background-size: 33px; } .icon-exchange-1 { background-image: url(images/icons/icon-exchange_w.png); background-size: 25px; } .icon-exchange-2 { background-image: url(images/icons/icon-exchange_y.png); background-size: 25px; } .icon-exchange-3 { background-image: url(images/icons/icon-exchange_d.png); background-size: 25px; } .icon-exchange-office-1 { background-image: url(images/icons/icon-exchange-office_w.png); background-size: 25px; } .icon-exchange-office-2 { background-image: url(images/icons/icon-exchange-office_y.png); background-size: 25px; } .icon-exchange-office-3 { background-image: url(images/icons/icon-exchange-office_d.png); background-size: 25px; } .icon-eye-1 { background-image: url(images/icons/icon-eye_w.png); background-size: 26px; } .icon-eye-2 { background-image: url(images/icons/icon-eye_g.png); background-size: 20px; } .icon-facebook-1 { background-image: url(images/icons/facebook-1.png); background-size: 10px; } .icon-help { background-image: url(images/icons/help-1.png); background-size: 24px; background-repeat: no-repeat; } .icon-help-1 { background-image: url(images/icons/help-1.png); background-size: 24px; } .icon-help-2 { background-image: url(images/icons/help-2.png); background-size: 24px; } .icon-help-3 { background-image: url(images/icons/icon-help-3.png); background-size: 46px; } .icon-home-1 { background-image: url(images/icons/home_w.png); background-size: 24px; } .icon-home-2 { background-image: url(images/icons/home_y.png); background-size: 24px; } .icon-info-1 { background-image: url(images/icons/info-icon-1.png); background-size: 2px; } .icon-investment-1 { background-image: url(images/icons/investment-1.png); background-size: 22px; } .icon-investment-2 { background-image: url(images/icons/investment-2.png); background-size: 22px; } .icon-investment-3 { background-image: url(images/icons/investment-3.png); background-size: 22px; } .icon-last-transactions-1 { background-image: url(images/icons/icon-last-trans.png); background-size: 18px; } .icon-list-1 { background-image: url(images/icons/list-1.png); background-size: 20px; } .icon-list-1.s-icon:hover { background-image: url(images/icons/list-2.png); } .icon-list-2 { background-image: url(images/icons/list-2.png); background-size: 20px; } .icon-loans-1 { background-image: url(images/icons/loans_w.png); background-size: 29px; } .icon-loans-2 { background-image: url(images/icons/loans_y.png); background-size: 29px; } .icon-loans-3 { background-image: url(images/icons/loans_d.png); background-size: 29px; } .icon-logo-1 { background-image: url(images/icons/raiff-3.png); background-size: 30px; } .icon-message-1 { background-image: url(images/icons/message-icon-1.png); background-size: 24px; } .icon-message-2 { background-image: url(images/icons/message-icon-2.png); background-size: 24px; } .icon-message-3 { background-image: url(images/icons/message-icon-3.png); background-size: 24px; } .icon-message-4 { background-image: url(images/icons/message-icon-4.png); background-size: 24px; } .icon-options-1 { background-image: url(images/icons/options-icon-1.png); background-size: 3px; } .icon-payments-1 { background-image: url(images/icons/payments_w.png); background-size: 24px; } .icon-payments-2 { background-image: url(images/icons/payments_y.png); background-size: 24px; } .icon-payments-3 { background-image: url(images/icons/payments_g.png); background-size: 24px; } .icon-payments-4 { background-image: url(images/icons/payments_d.png); background-size: 24px; } .icon-show { background-image: url(images/icons/icon-reload-2.png); background-size: 24px; } .icon-pay-card-1 { background-image: url(images/icons/icon-pay-card_w.png); background-size: 25px; } .icon-pay-card-2 { background-image: url(images/icons/icon-pay-card_y.png); background-size: 25px; } .icon-phone-1 { background-image: url(images/icons/tel-icon-2.png); background-size: 25px; } .icon-phone-2 { background-image: url(images/icons/icon-phone-1.png); background-size: 20px; } .icon-pin-1 { background-image: url(images/icons/icon-pin_d.png); background-size: 18px; } .icon-plus-1 { background-image: url(images/icons/plus-1.png); background-size: 19px; } .icon-products-1 { background-image: url(images/icons/icon-products.png); background-size: 20px; } .icon-rba-1 { background-image: url(images/icons/icon-rba.png); background-size: 34px; } .icon-reload-1 { background-image: url(images/icons/icon-reload-1.png); background-size: 15px; } .icon-success-1 { background-image: url(images/icons/icon-success-1.png); background-size: 90px; } .icon-save-1 { background-image: url(images/icons/save-icon-1.png); background-size: 14px; } .icon-savings-1 { background-image: url(images/icons/savings_w.png); background-size: 29px; } .icon-savings-2 { background-image: url(images/icons/savings_y.png); background-size: 29px; } .icon-savings-3 { background-image: url(images/icons/savings_d.png); background-size: 29px; } .icon-secure-1 { background-image: url(images/icons/secure-icon-1.png); background-size: 23px; } .icon-service-1 { background-image: url(images/icons/icon-service-1.png); background-size: 24px; } .icon-templates-1 { background-image: url(images/icons/icon-templates_w.png); background-size: 24px; } .icon-templates-2 { background-image: url(images/icons/icon-templates_y.png); background-size: 24px; } .icon-user-1 { background-image: url(images/icons/user-1.png); background-size: 24px; } .icon-user-2 { background-image: url(images/icons/user-2.png); background-size: 24px; } .icon-users-1 { background-image: url(images/icons/icon-users-1.png); background-size: 18px; } .icon-users-2 { background-image: url(images/icons/icon-users-2.png); background-size: 18px; } .icon-value-paper-1 { background-image: url(images/icons/value-paper-1.png); background-size: 18px; } .icon-value-paper-2 { background-image: url(images/icons/value-paper-2.png); background-size: 18px; } .icon-value-paper-3 { background-image: url(images/icons/value-paper-3.png); background-size: 18px; } .icon-youtube-1 { background-image: url(images/icons/youtube-1.png); background-size: 24px; } .icon-2 { display: inline-block; width: 36px; height: 26px; border: 2px solid #CFD0D2; border-radius: 13px; background-position: center center; background-repeat: no-repeat; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .icon-repeat { background-image: url(images/icons/icon-repeat.png); } .icon-refresh-1 { background-image: url(images/icons/icon-refresh.png); background-size: 24px; } .icon-stopwatch-1 { background-image: url(images/icons/icon-stopwatch-1.png); background-size: 23px; } .icon-add-user-1 { background-image: url(images/icons/icon-add-user-1.png); background-size: 21px; } .icon-search-1 { background-image: url(images/icons/icon-search-1.png); background-size: 14px; } .icon-calc-1 { background-image: url(images/icons/icon-calc-1.png); background-size: 22px; } .icon-mail-1 { background-image: url(images/icons/icon-mail-1.png); background-size: 16px; } .icon-mail-1:hover { background-image: url(images/icons/icon-mail-2.png); } .icon-plus-2 { background-image: url(images/icons/icon-plus-2.png); background-size: 34px; } .icon-calendar-2 { background-image: url(images/icons/icon-calendar-2.png); background-size: 32px; } .icon-hand-1 { background-image: url(images/icons/icon-hand-1.png); background-size: 28px; } .clientGrid tbody tr .tag .tag-icon.icon-repeat { background-size: 17px !important; background-position: center; } .template-date img { opacity: 0; pointer-events: none; user-select: none; } .template-date .input-ico-right { width: 18px; height: 18px; right: 16px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; z-index: 2; stroke: black; pointer-events: none; cursor: pointer; } .tag-icon.trnType { background-position: center; background-size: 35px; } .UserInfo i { display: inline-block; width: 22px; height: 22px; background-position: center center; background-repeat: no-repeat; cursor: pointer; margin-right: 10px; } .tag { border-radius: 50%; border: 2px solid #D9D9D9; color: #000000; font-weight: normal; font-size: 16px; width: 35px; height: 35px; line-height: 30px; margin-right: 10px; margin-left: 15px; box-sizing: border-box; text-align: center; display: inline-block; position: relative; float: left; } .tag .tag-icon { width: 31px; height: 31px; position: absolute; top: 0; left: 0; border-radius: 50%; background-repeat: no-repeat !important; display: inline-block; } .tag .tag-icon:not(.trnType) { background-size: cover !important; } .side-modal .tag { float: right; position: absolute; top: 5px; right: 1px; } /*#endregion icons*/ /*#region option*/ .widget-options .move { display: none; } .widget-options .move-icon { background-size: 14px; } .widget-options .move-icon:hover { background-image: url(images/icons/move-3.png); } .widget-options .move-icon.dark { background-image: url(images/icons/move-2.png); } .widget-options .move-icon.dark-2 { background-image: url(images/icons/move-3.png); } .widget-options .icon-options-1:hover { background-image: url(images/icons/options-icon-3.png); } .widget-options .options-icon.dark { background-image: url(images/icons/options-icon-2.png); } .widget-options .options-icon.dark:hover { background-color: rgba(73, 79, 90, 0.3); border-color: #494f5a; } .widget-options .options-icon.dark-2 { background-image: url(images/icons/options-icon-3.png); } .widget-options .options-icon.dark-2:hover { background-color: rgba(73, 79, 90, 0.3); } .widget-options .print-icon { background-size: 16px; } .widget-options .print-icon:hover { background-image: url(images/icons/print-icon-2.png); } .widget-options .icon-save-1:hover { background-image: url(images/icons/save-icon-2.png); } .widget-options .minimize-icon { background-size: 10px; } .widget-options .maximize-icon { background-size: 10px; } .widget-options .filter-icon { background-size: 14px; } .widget-options .filter-icon:hover { background-image: url(images/icons/filter-2.png); } .widget-options li.active .icon-list-1 { background-image: url(images/icons/list-2.png); border-color: #494f5a; } .widget-options li.active .icon-list-1:hover { background-image: url(images/icons/list-2.png); border-color: #494f5a; } .widget-options li.active .icon-chart-1 { background-image: url(images/icons/chart-2.png); border-color: #494f5a; } .widget-options li .left-icon:hover, .widget-options li .right-icon:hover { border-color: #CFD0D2; } .widget-options .icon-list-1 { background-image: url(images/icons/list-2.png); border-color: #494f5a; } .widget-options .icon-list-1:hover { background-image: url(images/icons/list-2.png); border-color: #494f5a; } .widget-options .icon-chart-1 { background-image: url(images/icons/chart-2.png); border-color: #494f5a; } .widget-options .options-icon { background-size: 3px; } .widget-options .left-icon { background-position: 11px center; background-size: 7px; } .widget-options .right-icon { background-position: 14px center; background-size: 7px; } .showCardBalance { display: flex; position: relative; top: 47px; left: -11px; } .showCardBalance2 { position: relative; top: 62px; left: -11px; } .showCardBalance0 { position: absolute; top: 57px; left: 3px; } .showCardBalance0 a { width: 179px !important; } .showCardBalance0 a:nth-child(2) { position: absolute; top: 37px; margin-top: 10px; } .btn-0 { padding: 7px 10px !important; } .paddingLeft { padding-left: 10px; } .flex { display: flex; } .btnShowCardBalaceGrid { position: relative !important; float: right !important; width: 161px !important; margin-top: 0px !important; background: url(images/icons/icon-reload-2.png) no-repeat 8px; background-size: 23px; text-align: right; margin-right: -16px; } .btnShowCardBalaceGrid a { width: 170px !important; } .gvCurrencyExchange .clientGridPager .wrapper { opacity: 0; user-select: none; pointer-events: none; } .w-options { position: relative; } .w-options .options-down { display: none; position: absolute; top: 30px; right: 0; z-index: 1; background: #FFFFFF; -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.3); } .w-options .options-down ul { padding: 10px 20px; } .w-options .options-down li { float: none; margin: 5px 0; } .w-options .options-down a, .w-options .options-down p { display: block; font-size: 14px; color: #333333; text-transform: uppercase; text-align: right; margin: 5px 0; white-space: nowrap; } /*#endregion option*/ /*#region slidertutorial*/ .SliderTutorial, .widget-tutorial-slider { position: relative; } .SliderTutorial .slider .slick-list, .widget-tutorial-slider .slider .slick-list { max-width: 1240px; height: 400px; margin: 0 auto; border-radius: 20px !important; box-shadow: 0 17px 16px 7px rgba(0, 0, 0, 0.13); transition-duration: all 5s; } .SliderTutorial .btn-1, .widget-tutorial-slider .btn-1 { position: absolute; bottom: 0; left: 0; width: 100%; } .SliderTutorial .widget-inner, .widget-tutorial-slider .widget-inner { height: 420px !important; margin-bottom: 71px; } .SliderTutorial .widget-header, .widget-tutorial-slider .widget-header { position: relative; z-index: 5; } .SliderTutorial .slider, .widget-tutorial-slider .slider { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .SliderTutorial .slide, .widget-tutorial-slider .slide { height: 430px; background-position: center center; background-repeat: no-repeat; background-size: cover; } .SliderTutorial .slide:after, .widget-tutorial-slider .slide:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .SliderTutorial .slide > a, .widget-tutorial-slider .slide > a { display: block; height: 100%; position: relative; z-index: 10; } .SliderTutorial .slick-dots, .widget-tutorial-slider .slick-dots { zoom: 1; position: relative; bottom: 0px; left: 50%; transform: translateX(-50%); position: absolute; text-align: center; transition: .3s opacity; z-index: 10; margin-bottom: -15px; } .SliderTutorial .slick-dots:after, .widget-tutorial-slider .slick-dots:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } .SliderTutorial .slick-dots li, .widget-tutorial-slider .slick-dots li { display: inline-block; } .SliderTutorial .slick-dots li.slick-active button, .widget-tutorial-slider .slick-dots li.slick-active button { background-color: #0a79b8; } .SliderTutorial .slick-dots button, .widget-tutorial-slider .slick-dots button { border-radius: 50%; color: transparent; background-color: #C7C7C7; font-size: 2px; margin: 0 2px; width: 8px; height: 8px; padding: 0; text-indent: -9999px; overflow: hidden; border: none; cursor: pointer; } .SliderTutorial .slick-slide, .widget-tutorial-slider .slick-slide { opacity: 1 !important; position: relative; } .SliderTutorial .slick-active, .widget-tutorial-slider .slick-active { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; transition-delay: .5s; opacity: 1 !important; } .SliderTutorial .slide .inner, .widget-tutorial-slider .slide .inner { position: absolute; bottom: 30px; text-align: left; padding-left: 50px; margin-bottom: 40px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: start; align-items: flex-start; max-width: 380px; } .SliderTutorial .slide .inner p, .widget-tutorial-slider .slide .inner p { font-size: 40px; color: #FFFFFF; } .SliderTutorial .slide .inner .title, .widget-tutorial-slider .slide .inner .title { margin-bottom: 10px; color: #fff; font-family: Source-Sans-Pro-Bold; font-size: 40px; line-height: 100%; letter-spacing: -.02em; } .SliderTutorial .slide .inner .text, .widget-tutorial-slider .slide .inner .text { margin-bottom: 40px; color: #fff; font-size: 18px; line-height: 1.08333; } .SliderTutorial .play-icon-btn, .widget-tutorial-slider .play-icon-btn { display: inline-block; width: 90px; min-height: 30px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; border: none; padding: 14px 36px 11px; text-align: center; border-radius: 38px; font-size: 15px; transition: all .5s; margin-left: 0px; margin-bottom: -40px; } .SliderTutorial .btn-slider-show, .widget-tutorial-slider .btn-slider-show { background: -webkit-gradient(linear, left top, right top, from(#006de6), to(#00b2e6)); background: linear-gradient(90deg, #006de6, #00b2e6); z-index: 100; display: inline; padding: 15px 2px 10px; min-height: 27px; transition: all .5s; position: relative; border-radius: 6px; } .SliderTutorial .btn-slider-show:before, .widget-tutorial-slider .btn-slider-show:before { position: absolute; content: ""; width: 100%; height: 100%; inset: 0; background: -webkit-gradient(linear, left top, right top, from(#0079ff), to(#00c6ff)); background: linear-gradient(90deg, #0079ff, #00c6ff); -webkit-transition: opacity .3s; transition: opacity .3s; border-radius: 6px; } .SliderTutorial .btn-slider-show:hover:before, .widget-tutorial-slider .btn-slider-show:hover:before { opacity: 0; } .SliderTutorial .btnSlider, .widget-tutorial-slider .btnSlider { display: inline-block; min-height: 50px; font-size: 15px; padding: 14px 36px 11px; border-radius: 38px; text-align: center; transition: all .5s; color: #fff; display: inline; padding-bottom: 14px; font-family: Source-Sans-Pro-Bold; position: relative; z-index: 1; border-radius: 6px; } .NotificationNoLink { height: 420px !important; } #nav-prev, #nav-next { cursor: pointer; } /*#endregion slidertutorial*/ /*#region userinfo*/ .s-widget.UserInfo { background-color: transparent; height: 100%; } .s-widget.UserInfo .s-widget-content { height: 100%; } .s-widget.UserInfo .s-widget-body { min-height: 0; height: 100%; overflow: visible; } .userinfo .s-widget-body .loginControls { text-align: right; height: 40px; margin-top: 20px; } /*#endregion userinfo*/ /*#region custom*/ .filter-dialog-button { position: absolute; right: 13px; top: 13px; display: inline-block; width: 36px; height: 26px; border: 2px solid #CFD0D2; border-radius: 13px; background-position: center center; background-repeat: no-repeat; background-size: 14px; vertical-align: middle; background-image: url(images/icons/filter-1.png); cursor: pointer; box-sizing: border-box; } .filter-dialog-button:hover { background-image: url(images/icons/filter-2.png); border-color: #494f5a; } .search-message-button { position: absolute; right: 13px; top: 13px; display: inline-block; width: 36px; height: 26px; border: 2px solid #CFD0D2; border-radius: 13px; background-position: center center; background-repeat: no-repeat; background-size: 14px; vertical-align: middle; background-image: url(images/icons/icon-search-1.png); cursor: pointer; box-sizing: border-box; } .search-message-button:hover { background-image: url(images/icons/icon-search-2.png); border-color: #494f5a; } .filter.message-hub.hidden { display: none; } .filter.message-hub.active { display: block; } .input-wrap.message-hub { width: 83%; float: left; margin-right: 20px; } .btn-1.color-6.messahe-hub { width: 15%; padding: 17px 10px; } .group-inner.message-hub { box-sizing: border-box; } .MessageHubNotificationList .filter .filter-inner { padding: 0 20px; padding-top: 25px; } [class^="col-button"] { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; cursor: pointer; display: inline-block; color: #0095c9; font-size: 14px; line-height: 38px; text-align: center; text-transform: uppercase; padding-right: 30px; background-image: url(images/icons/arrow-blue-r.png); background-size: 6px; background-repeat: no-repeat; background-position: 100% center; margin: 0; } [class^="col-button"]:hover { opacity: .6; } .button-col .col-button { position: absolute; top: 12px; right: 20px; } .group { width: 100%; } .group.group-two .group-inner { float: left; width: 48%; } .group.group-two .group-inner:first-child { margin-right: 4%; } .group .group-inner { width: 100%; margin-bottom: 25px; } .group .group-inner .input-info input { padding-right: 40px; } .group .group-inner .info-icon { display: inline-block; width: 34px; height: 24px; border: 2px solid #CFD0D2; border-radius: 13px; background-position: center center; background-repeat: no-repeat; background-image: url(images/icons/info-icon-1.png); background-size: 2px; position: absolute; right: 5px; top: 12px; } .group .group-inner .info-icon:hover p { opacity: 1; visibility: visible; } .group .group-inner .info-icon p { width: 250px; padding: 15px; background-color: rgba(73, 80, 90, 0.7); position: absolute; right: 15px; bottom: 29px; font-size: 14px; color: #FFFFFF; opacity: 0; visibility: hidden; transition: all 0.3s ease; margin-bottom: 20px; } .group .group-inner .info-icon p:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 12px 0px 0 13px; border-color: #49505A transparent transparent transparent; position: absolute; right: 0px; bottom: -12px; opacity: 0.7; } .group .group-inner .step-line { height: 3px; background-color: #d1d1d1; } .group .group-inner .step-line div { height: 100%; background-color: #FFF200; } .group .group-inner .step-line .step-line-inner-1 { width: 33%; } .group .group-inner .step-line .step-line-inner-2 { width: 66%; } .group .group-inner .info-box-1 { padding: 20px; border: 1px solid #d1d1d1; margin-top: 150px; } .group .group-inner .info-box-1 .info-box-image { background: url(images/contact-2xx.png); width: 50px; height: 50px; background-size: cover; display: inline-block; } .group .group-inner .info-box-1 h4 { padding-top: 15px; text-transform: none; font: 700 20px/1.2 "futura", sans-serif; font-size: 16px; display: inline-block; position: relative; top: -17px; left: 15px; } .group .group-inner .info-box-1 p { font-size: 16px; color: #7b7b7b; margin-top: 30px; line-height: 24px; } .group .group-inner.error-msg .error-msg_p { color: #FF0000; font-size: 15px; margin-top: 25px; } .group .group-inner.error-msg .input-wrap { border-color: #FF0000 !important; } .group.steps-new p { font-size: 16px; color: #7b7b7b; margin-top: 30px; line-height: 24px; margin-bottom: 20px; } .col-ls-24 { width: 100% !important; } .custom-table * { box-sizing: border-box; } .custom-table .list-item.row-1 { cursor: pointer; } .custom-table .col { float: left; padding: 11px 15px; position: relative; } .custom-table .col.col-ls-24 { width: 100%; } .custom-table .col.col-ls-23 { width: 95.83333333%; } .custom-table .col.col-ls-22 { width: 91.66666667%; } .custom-table .col.col-ls-21 { width: 87.5%; } .custom-table .col.col-ls-20 { width: 83.33333333%; } .custom-table .col.col-ls-19 { width: 79.16666666%; } .custom-table .col.col-ls-18 { width: 75%; } .custom-table .col.col-ls-17 { width: 70.83333266%; } .custom-table .col.col-ls-16 { width: 66.66666667%; } .custom-table .col.col-ls-15 { width: 62.5%; } .custom-table .col.col-ls-14 { width: 58.33333333%; } .custom-table .col.col-ls-13 { width: 54.16666667%; } .custom-table .col.col-ls-12 { width: 50%; } .custom-table .col.col-ls-11 { width: 45.83333333%; } .custom-table .col.col-ls-10 { width: 41.66666667%; } .custom-table .col.col-ls-9 { width: 37.5%; } .custom-table .col.col-ls-8 { width: 33.33333333%; } .custom-table .col.col-ls-7 { width: 29.16666667%; } .custom-table .col.col-ls-6 { width: 25%; } .custom-table .col.col-ls-5 { width: 20.83333333%; } .custom-table .col.col-ls-4 { width: 16.66666667%; } .custom-table .col.col-ls-3 { width: 12.5%; } .custom-table .col.col-ls-2 { width: 8.333333333%; } .custom-table .col.col-ls-1 { width: 4.166666667%; } .custom-table .list-item { padding: 5px 0; border-bottom: 2px solid #EFEFEF; } .custom-table .list-item.selected, .custom-table .list-item:hover { background: rgba 82, 174, 48, 0.5; } .custom-table .list-item:after { content: ""; display: table; clear: both; } .custom-table .list-item .big { font-size: 20px; } .custom-table .list-item .account-col { padding-right: 50px; padding-left: 70px; } .custom-table .list-item .account-col .account-icon { position: absolute; top: 50%; left: 20px; margin-top: -15px; display: inline-block; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center center; } .custom-table .list-item .account-col .edit-icon, .custom-table .list-item .account-col .hide-icon { display: inline-block; background-position: center center; background-repeat: no-repeat; background-size: 14px; position: absolute; top: 50%; right: 10px; margin-top: -14px; overflow: visible; width: 36px; height: 26px; border: 2px solid #CFD0D2; border-radius: 13px; cursor: pointer; } .custom-table .list-item .overdraft-amount-col { padding-top: 10px; } .custom-table .list-item .button-col { padding-right: 160px; } .custom-table .list-item .button-col .btn-1 { width: 130px; position: absolute; top: 50%; margin-top: -18px; right: 15px; } .custom-table .list-item .button-col .btn-1.up-btn { margin-top: -40px; } .custom-table .list-item .btn-1 { display: inline-block; width: auto; min-width: 82px; padding: 9px 10px; } .custom-table .list-item .col-text { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 0; } .custom-table .list-item .text-1 { font-size: 14px; line-height: 38px; } .custom-table .list-item .text-3 { font-size: 18px; line-height: 38px; } .custom-table .list-item .text-top-2 { font-size: 14px; line-height: 15px; } .custom-table .list-item .text-cl-1 { color: #333333; } .custom-table .list-item .text-cl-cl-1 { color: #333333; } .custom-table .list-item .left { text-align: left !important; } .custom-table .list-item .right { text-align: right; } .custom-table .has-button { padding-right: 160px; } .custom-table .has-button .btn-1 { width: 130px; position: absolute; top: 50%; margin-top: -18px; right: 15px; } .custom-table .text-bottom-2 { line-height: 21px; } .show-more { padding: 21px 0 20px 0; text-transform: uppercase; cursor: pointer; } .show-more.type-2 { display: inline-block; width: auto; color: #0095c9; } .show-more .arrow-bottom-1 { background: url(images/icons/arrow-blue-d.png) center center no-repeat; background-size: 10px; display: inline-block; float: left; width: 20px; height: 20px; margin-right: 10px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .show-more .arrow-bottom-1.rotated { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .show-more span { font-size: 14px; } .halign { position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .acc-nav .nav-arr { width: 80px; height: 80px; border-radius: 50%; border: 2px solid #f4f4f4; background-position: center center; background-size: 7px; background-repeat: no-repeat; cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); position: absolute; top: 50%; margin-top: -40px; } .acc-nav #arr-prev { background-image: url(images/icons/arrow-b-left.png); left: 50%; margin-left: -400px; z-index: 100; } .acc-nav #arr-next { background-image: url(images/icons/arrow-b-right.png); right: 50%; margin-right: -400px; z-index: 100; } .uk-width-1-2, .uk-width-2-4, .uk-width-5-10 { width: 50%; } .uk-width-3-6 { width: 100% !important; } .uk-width-2-3, .uk-width-4-6 { width: 66.666%; } .uk-width-1-3, .uk-width-2-6 { width: 33.333%; } .uk-width-1-6 { width: 16.6%; display: inline-block; } .uk-width-5-6 { width: 82.8%; display: inline-block; box-sizing: border-box; } .line { background-color: #ebeced; height: 1px; border: none; } .ui-slider-handle:after { content: ""; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; position: absolute; z-index: 1; width: calc(100% + 10px); height: calc(100% + 10px); background-color: rgba(0, 149, 201, 0.3); } .ui-slider-range { background: #0095c9 !important; } .wh-button { transition: all 0.3s ease; display: inline-block; height: 25px; padding: 9px 13px; margin-left: 16px; background-color: #0a79b8; -webkit-transition: box-shadow .5s,background-color .5s; transition: box-shadow .5s,background-color .5s; border-radius: 6px; color: white; font-weight: 600; } .wh-button:hover { background-color: #2A7F00; } .wh-button.icon-message-1 { background-position: center; } .widget-header .wh-button { position: absolute; top: 0; right: 0; } .custom-options a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 20px; display: inline-block; text-align: center; min-width: 115px; font-size: 16px; padding: 10px 35px; background-color: #dadada; color: #000000; margin-right: 15px; margin-bottom: 15px; box-sizing: border-box; cursor: pointer; } .custom-options a.active { background-color: #fff200; } .dropdown-wrap { position: relative; font-size: 16px; color: #000000; padding: 20px 0; padding-right: calc(50% + 20px); line-height: 22px; } .dropdown-wrap .input-wrap { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 0; width: calc(50% - 10px); padding: 16px 15px 13px 15px; } .info-card { position: relative; border: 1px solid #d1d1d1; padding: 20px; padding-top: 35px; } .info-card i { position: absolute; display: inline-block; left: 15px; top: 15px; width: 55px; height: 55px; background-repeat: no-repeat; background-position: center; } .info-card .title { font-size: 16px; font-weight: 700; color: #000000; margin-left: 65px; } .info-card .text { font-size: 16px; color: #7b7b7b; } .empty-section { padding: 100px 0; text-align: center; } .empty-section .title { font-size: 20px; color: #000000; font-weight: 500; margin-bottom: 5px; } .empty-section .text { font-size: 16px; color: #7b7b7b; margin-bottom: 20px; } .empty-section .empty-section-image { background-repeat: no-repeat !important; width: 91px; height: 91px; margin: auto auto 30px auto; } .empty-section .empty-section-image.empty-section-accounts { background: url(images/icons/icon-account-1.png); } .empty-section .empty-section-image.empty-section-cards { background: url(images/icons/icon-cards-1.png); } .empty-section .empty-section-image.empty-section-loans { background: url(images/icons/icon-loans-1.png); } .header-border-bottom .s-widget-header { border-bottom: 2px solid #EFEFEF; } .close-button-2 { display: inline-block; width: 30px; height: 30px; background-image: url(images/icons/close.png); background-size: 20px; background-repeat: no-repeat; background-position: center; float: right; cursor: pointer; } .checkbox-bar { padding-top: 25px; padding-bottom: 25px; } .checkbox-bar.border { border-bottom: 1px solid #ebeced; } .checkbox-bar .custom-check-label { position: relative; font-size: 16px; display: inline-block; padding-right: 50px; margin-right: 100px; } .checkbox-bar .custom-check-label .custom-checkbox-wrapper { top: 50%; transform: translateY(-50%); position: absolute; right: 0; } .checkbox-bar .custom-check-label .custom-checkbox-wrapper.checked { background-color: #c3b400; } .hideSlickArrows .slide-control { display: none !important; } .modal-text { font-size: 16px; line-height: 22px; color: #000000; } .custom-dropdown { position: relative; padding: 14px 15px 12px 15px; border: 1px solid #d1d1d1; cursor: pointer; } .custom-dropdown.open { border-bottom-color: transparent; } .custom-dropdown.open-up { border-bottom-color: #d1d1d1; border-top-color: transparent; } .custom-dropdown.open-up .menu { border-top-color: #d1d1d1; border-bottom-color: transparent; top: auto; bottom: 100%; } .custom-dropdown .menu { display: none; position: absolute; left: -1px; top: 100%; width: calc(100% + 2px); border: 1px solid #d1d1d1; border-top-color: transparent; background-color: #FFFFFF; max-height: 385px; overflow: auto; z-index: 1001; } .custom-dropdown .menu .category-item { position: relative; display: block; font-size: 18px; font-weight: 500; padding: 10px 15px; } .custom-dropdown .menu .category-item.active, .custom-dropdown .menu .category-item:hover { background-color: #F2F2F2; } .custom-dropdown .menu .category-item:after { position: absolute; content: ""; top: 15px; right: 15px; width: 15px; height: 15px; background-image: url(images/icons/icon-plus-1.png); background-repeat: no-repeat; background-position: center; background-size: 14px; } .custom-dropdown .menu .category-item.active:after { background-image: url(images/icons/icon-minus-1.png); } .custom-dropdown .menu .category-item.active .btn-add { display: block; } .custom-dropdown .menu .category-item .btn-add { display: none; padding: 10px 0; font-weight: 400; text-transform: uppercase; font-size: 14px; color: #0095c9; } .custom-dropdown .menu .category-item .add-input { display: none; position: absolute; left: 10px; bottom: 10px; width: calc(100% - 80px); padding-right: 64px; } .custom-dropdown .menu .category-item .add-input input { display: block; width: 100%; font-size: 16px; font-weight: 400; background-color: #FFFFFF; border: 1px solid #d1d1d1; padding: 5px; } .custom-dropdown .menu .category-item .add-input .cancel { position: absolute; top: 0; right: 32px; width: 32px; height: 100%; background-color: #d1d1d1; background-image: url(images/icons/close.png); background-size: 8px; background-repeat: no-repeat; background-position: center; } .custom-dropdown .menu .category-item .add-input .confirm { position: absolute; top: 0; right: 0px; width: 32px; height: 100%; background-color: #FFF200; background-image: url(images/icons/icon-check-1.png); background-size: 10px; background-repeat: no-repeat; background-position: center; } .custom-dropdown .menu .category-item.adding .btn-add { opacity: 0; visibility: hidden; } .custom-dropdown .menu .category-item.adding .add-input { display: block; } .custom-dropdown .menu .sub-menu { display: none; } .custom-dropdown .menu .sub-menu li { position: relative; padding: 10px 0; padding-right: 30px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .custom-dropdown .menu .sub-menu li:hover { color: #0095c9; } .custom-dropdown .menu .sub-menu li .remove, .custom-dropdown .menu .sub-menu li .edit, .custom-dropdown .menu .sub-menu li .save, .custom-dropdown .menu .sub-menu li .cancel { position: absolute; top: 0px; width: 30px; height: 100%; background-repeat: no-repeat; background-position: center; background-size: 14px; } .custom-dropdown .menu .sub-menu li .remove, .custom-dropdown .menu .sub-menu li .cancel { right: -5px; background-image: url(images/icons/icon-remove-1.png); } .custom-dropdown .menu .sub-menu li .cancel { display: none; } .custom-dropdown .menu .sub-menu li .edit { right: 15px; background-image: url(images/icons/edit-4.png); } .custom-dropdown .menu .sub-menu li .save { display: none; right: 15px; background-image: url(images/icons/checked-green.png); } .custom-dropdown .label { font-size: 16px; color: #7b7b7b; background: #FFFFFF; position: absolute; bottom: calc(100% - 8px); left: 5px; padding: 0 10px; letter-spacing: .2px; margin: 0; } .custom-dropdown .main-title { position: relative; line-height: 23px; min-height: 24px; font-size: 16px; letter-spacing: 0.5px; color: #000000; margin: 0; } .custom-dropdown .main-title:after { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; content: ""; right: 0; width: 12px; height: 12px; background-image: url(images/icons/icon-carrot-1.png); background-repeat: no-repeat; background-position: center; background-size: 11px; } .custom-dropdown .add-input { display: none; position: absolute; left: 10px; bottom: 10px; width: calc(100% - 20px); padding-right: 64px; } .remove-button { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; border-radius: 13px; display: inline-block; width: 36px; height: 26px; border: 2px solid #CFD0D2; background-position: center; background-repeat: no-repeat; position: absolute; top: 12px; right: 0; } .custom-radio-1 .radio { cursor: pointer; position: relative; display: block; font-size: 16px; padding: 25px 20px; padding-left: 40px; text-overflow: ellipsis; overflow: hidden; } .custom-radio-1 .radio.has-input { padding-right: 130px; } .custom-radio-1 .radio.has-input-2 { padding-right: 230px; } .custom-radio-1 .radio.has-input-2 .input-wrap { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 0; max-width: 220px; } .custom-radio-1 .radio.has-input .input-wrap { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 0; max-width: 120px; } .custom-radio-1 .radio > i { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 0px; display: inline-block; width: 25px; height: 25px; background-image: url(images/icons/radio-off.png); background-size: 20px; background-position: center; background-repeat: no-repeat; } .custom-radio-1 .radio.checked > i { background-image: url(images/icons/radio-on.png); } .link-1 { -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; display: inline-block; font-size: 16px; color: #0095c9; text-decoration: underline; text-transform: uppercase; cursor: pointer; } .info-list { font-size: 16px; color: #000000; } .info-list .icon { width: 60px; height: 60px; margin-left: auto; margin-right: auto; margin-bottom: 10px; border: 2px solid #D9D9D9; border-radius: 50%; background-position: 50%; background-repeat: no-repeat; } .info-list li { margin-bottom: 25px; } .fastPaymentButton { float: right; min-width: 70px; background: #fff200; font-size: 14px; line-height: 30px; font-weight: 700; color: #000000; text-align: center; text-transform: uppercase; padding: 0 25px; right: 20px; opacity: 0; border: none; cursor: pointer; position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .fastPaymentButton:hover { color: #FFFFFF; background: #0095c9; } .fastPaymentButton.edit, .fastPaymentButton.delete { display: none; } /*#endregion custom*/ /*#region StickyHeader*/ .sticky-header { display: none; position: fixed; border-radius: 0 0 0 40px; width: -webkit-calc(100% - 310px); width: calc(100% - 310px); top: 0; right: 0; z-index: 300; -webkit-transition: opacity .5s,visibility .5s,-webkit-transform .5s; transition: opacity .5s,visibility .5s,-webkit-transform .5s; transition: transform .5s,opacity .5s,visibility .5s; transition: transform .5s,opacity .5s,visibility .5s,-webkit-transform .5s; -webkit-transform: translateY(-100%); transform: translateY(-100%); background-color: #003a6a; } .sticky-header .headerAccountNumber { color: #FFFFFF; } .sticky-header .content-container { max-width: 1210px; padding: 0 20px; margin: 0 auto; padding-bottom: 1px; } .sticky-header .content-container .dot-menu { box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); background: linear-gradient(45deg, #006de6, #00b2e6); } .sticky-header .content-container .dot-menu:before { position: absolute; content: ""; width: 100%; height: 100%; inset: 0; background: linear-gradient(45deg, #0079ff, #00c6ff); -webkit-transition: opacity .3s; transition: opacity .3s; border-radius: 6px; } .sticky-header .sticky-header-wrapper { /*max-width: 1210px; padding: 0px 20px; margin: 0 auto; margin-left: 40px !important;*/ } .sticky-header .sticky-header-wrapper .disableSticky { cursor: default; pointer-events: none; } .sticky-header .sticky-header-wrapper .disableSticky .payment-ico-filter-down { display: none; } .sticky-header .main-peace { width: 390px; position: relative; padding: 19px 25px; border-radius: 16px 16px 0 0; z-index: 99; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; cursor: pointer; font-family: Source Sans Pro, sans-serif; } .sticky-header .main-peace.open { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16); background-color: #1365a9; } .sticky-header .main-peace .payment-filter-ico { position: absolute; fill: #FFFFFF; width: 8px; height: 14px; right: 3%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .sticky-header .main-peace h4 { margin-bottom: 5px !important; } .sticky-header .main-peace .icon { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; width: 50px; height: 50px; left: 30px; background-repeat: no-repeat; background-position: center; } .sticky-header .main-peace .main-title { color: #000000; font-size: 18px; letter-spacing: -1px; margin: 0; } .sticky-header .main-peace .main-acc-number { color: #000000; font-size: 14px; letter-spacing: -1px; margin: 0; } .sticky-header .sticky-dropdown { position: absolute; display: none; top: 95%; width: 390px; overflow-y: auto; max-height: calc(100vh - 80px); border-radius: 0 0 16px 16px; background-color: #003a6a; } .sticky-header .sticky-dropdown .sticky-dd-item { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; position: relative; padding: 19px 25px; display: block; color: #FFFFFF; font-size: 18px; line-height: 20px; margin: 0; cursor: pointer; font-family: Source Sans Pro, sans-serif; } .sticky-header .sticky-dropdown .sticky-dd-item .title-5 { margin-bottom: 5px; } .sticky-header .sticky-dropdown .sticky-dd-item span.sp-2 { color: #FFFFFF; font-size: 14px; letter-spacing: -1px; margin: 0; } .sticky-header .sticky-dropdown .sticky-dd-item:hover { background-color: #0a79b8; } .sticky-header .button-5 { display: inline-block; font-size: 16px; text-transform: uppercase; color: #000000; padding-right: 20px; background-repeat: no-repeat; background-position: right center; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 20px; cursor: pointer; } .sticky-header .arrow-top-2 { background-image: url(images/icons/arrow-top-2.png); background-size: 10px; } /*#endregion StickyHeader*/ /*#region datepicker*/ html .ui-datepicker-calendar th span { color: #0a79b8; } html .ui-datepicker-calendar .ui-button.ui-state-disabled:hover, html .ui-datepicker-calendar .ui-button.ui-state-disabled:active { border: none; background: transparent; font-weight: 700; color: #0a79b8; } .ui-datepicker-trigger { cursor: pointer; width: 18px; height: 18px; } .ui-datepicker-calendar .ui-state-default, .ui-datepicker-calendar .ui-widget-content .ui-state-default, .ui-datepicker-calendar .ui-widget-header .ui-state-default, .ui-datepicker-calendar .ui-button { position: relative; border: none !important; background: transparent !important; font-weight: 700 !important; font-size: 15px; color: #0a79b8 !important; text-align: center; border-radius: 50%; font-family: "pt_sansregular", sans-serif !important; min-height: 36px; min-width: 36px; padding: 0; transition: background-color .5s,color .5s; } .ui-datepicker th { padding-bottom: 1.35em; padding-top: 1em; padding-right: 0.3em; padding-left: 0.3em; text-align: center; font-weight: 700; border: 0; } .ui-datepicker td .ui-state-default:after { content: ""; display: block; z-index: -1; position: absolute; top: -10px; left: 0; width: 100%; height: 100%; border-radius: 50%; background-color: #0a79b8; opacity: 0; } .ui-datepicker td .ui-state-default.ui-state-active:after { opacity: 1; -webkit-transition: opacity .5s; transition: opacity .5s; top: -10px !important; left: 50% !important; width: 40px !important; height: 40px !important; -webkit-transform: translateX(-50%) !important; transform: translateX(-50%) !important; } .ui-datepicker .ui-state-active { color: #fff !important; font-weight: bold !important; } .ui-datepicker .ui-widget-header { border: none; background-color: transparent; height: 40px; } .ui-datepicker .ui-widget-header .ui-datepicker-next, .ui-datepicker .ui-widget-header .ui-datepicker-prev { top: 0px; width: 40px; height: 40px; cursor: pointer; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; border-radius: 12px; border: 1px solid #0a79b8; background-color: #0a79b8; justify-content: center; align-items: center; } .ui-datepicker .ui-widget-header .ui-datepicker-next:hover, .ui-datepicker .ui-widget-header .ui-datepicker-prev:hover { background-color: #1365a9; } .ui-datepicker .ui-widget-header .ui-datepicker-next span, .ui-datepicker .ui-widget-header .ui-datepicker-prev span { width: 0; height: 0; border-style: solid; margin: 0; position: static; } .ui-datepicker .ui-widget-header .ui-datepicker-next { right: 0; } .ui-datepicker .ui-widget-header .ui-datepicker-next span { border-width: 4px 0 4px 5px; border-color: transparent transparent transparent #FFFFFF; } .ui-datepicker .ui-widget-header .ui-datepicker-prev { left: 0; } .ui-datepicker .ui-widget-header .ui-datepicker-prev span { border-width: 4px 5px 4px 0; border-color: transparent #FFFFFF transparent transparent; } .ui-datepicker .ui-widget-header .ui-datepicker-title { font-size: 16px; font-weight: 500; color: #505050; margin: 0; outline: none; border: none; display: flex; flex-wrap: wrap; padding: 12px 47px; align-items: center; min-height: 40 px; -webkit-box-pack: justify; justify-content: space-between; } .ui-datepicker .ui-widget-header .ui-datepicker-title .ui-datepicker-month { border: none; background-color: transparent; font-size: 15px; font-family: "Source-Sans-Pro-semibold", sans-serif; color: #0a79b8; outline: none; cursor: pointer; width: 58%; } .ui-datepicker .ui-widget-header .ui-datepicker-title .ui-datepicker-year { border: none; background-color: transparent; font-size: 15px; font-family: "pt_sansregular", sans-serif !important; font-weight: bold; color: #0a79b8; outline: none; cursor: pointer; width: 40%; } .ui-datepicker .ui-widget-header .ui-datepicker-title .transaction-form-submit-arrow { width: 9px; fill: #0a79b8; height: 9px; transform: rotate(90deg); position: relative; right: 10px; } .ui-datepicker .ui-widget-header .ui-datepicker-calendar { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker .ui-widget-header .ui-datepicker-calendar th { padding: .7em .3em; text-align: center; border: 0; background: none; font-size: 16px; } .ui-datepicker .ui-widget-header .ui-datepicker-calendar th span { font-family: "futura", sans-serif; color: #505050; font-weight: 500; } .ui-datepicker .ui-widget-header .ui-datepicker-calendar td { padding: 1px 2px; } .ui-datepicker .ui-widget-header .ui-datepicker-calendar td a { background: none; font-family: "Source-Sans-Pro-semibold", sans-serif; color: #1c1f32; font-size: 15px; font-weight: 400; text-align: center; border: 0; box-sizing: border-box; width: 33px; height: 33px; line-height: 33px; border-radius: 50%; padding: 0; font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; } .ui-datepicker .ui-widget-header .ui-datepicker-calendar td a.ui-state-active { border-color: #0a79b8; background: #0a79b8; font-family: "Lato-Semibold", sans-serif; color: #FFFFFF; } .ui-datepicker .ui-widget-header .ui-datepicker-calendar td span { padding: 0.4em; text-align: center; } .ui-datepicker .ui-widget-header .ui-datepicker-calendar .ui-datepicker-other-month { opacity: 0; } .ui-datepicker .ui-widget-header .ui-datepicker-calendar .ui-datepicker-unselectable span { border: none; background: transparent; font-size: 14px; font-weight: normal; } .ui-datepicker .ui-widget-header .ui-datepicker .ui-datepicker-trigger { cursor: pointer; } #ui-datepicker-div { width: 300px; position: absolute; left: 0; top: 110%; z-index: 1003 !important; background-color: #EFEFEF; background: #ffffff !important; border: none !important; border-radius: 12px; box-shadow: 0 8px 8px rgba(0, 0, 0, 0.12); border: 1px solid #dfe7ef; border-top: none; padding: 15px; box-sizing: border-box; } /*#endregion datepicker*/ /*#region dialogs*/ .ui-dialog { overflow: hidden; /*Hiding scrollbar*/ z-index: 1002 !important; } .ui-dialog.info-dialog-installmentsPayFinal .ui-dialog-buttonset { margin-bottom: -40px; } .ui-dialog.salaryDialog { padding: 40px !important; border-radius: 16px; } .ui-dialog.SMSDialog { z-index: 999 !important; } .ui-dialog.SMSDialog .ui-widget-content { background: none !important; padding: 0 !important; overflow: unset; } .ui-dialog-titlebar:before { content: ""; display: table; width: 40px; height: 6px; border-radius: 6px; margin: auto; margin-bottom: 5px; background-color: #0a79b8; } .ui-dialog .error-summary { color: #ff5858; font-size: 14px; font-weight: bold; padding: 4px; } .ui-dialog:focus { outline: none; } .ui-dialog:not(.no-yes-dialog):not(.support-dialog):not(.before-print-dialog):not(.message-hub-dialog):not(.details-dialog):not(.information) { padding: 50px 40px !important; z-index: 1010 !important; } .ui-dialog.information { width: 430px !important; display: flex; flex-direction: column; align-items: center; text-align: center !important; font-size: 16px !important; } .ui-dialog.information .ui-dialog-content:before { display: none !important; } .ui-dialog.information.beneficiary { z-index: 1000 !important; } .ui-dialog.right-dialog { margin-top: 24px; margin-right: 24px; overflow-y: scroll !important; /*Hiding scrollbar*/ overflow-x: hidden !important; /*Hiding scrollbar*/ position: fixed !important; top: 0 !important; right: 0px; height: 94vh !important; left: auto !important; z-index: 1000; width: auto; overflow-y: auto !important; box-sizing: border-box; background-color: #f5f8fb; overflow: hidden !important; border-radius: 16px !important; padding-top: 0; box-shadow: 0 0 24px rgba(0, 0, 0, 0.16); /*&.message-hub-dialog { margin-right: 0px !important;*/ /*Hiding scrollbar*/ /*}*/ } .ui-dialog.right-dialog .ui-dialog-buttonset { display: flex; justify-content: space-between; float: unset !important; } .ui-dialog.right-dialog .ui-dialog-buttonset button { width: 48%; border-radius: 6px; padding: 15px 28px !important; margin: 0; font-weight: 600; } .ui-dialog.right-dialog .ui-dialog-buttonset button:nth-child(1) { border: 1px solid #0a79b8; background-color: #fff !important; color: #0a79b8 !important; } .ui-dialog.right-dialog .ui-dialog-buttonset button:nth-child(1):hover { background-color: rgba(10, 121, 184, 0.1) !important; } .ui-dialog.right-dialog .ui-dialog-buttonset button:nth-child(2) { background: linear-gradient(45deg, #006de6, #00b2e6); color: #FFFFFF; transition: all .5s; } .ui-dialog.right-dialog .ui-dialog-titlebar { /* border: none; color: black; font-family: $default-font-family; font-size: 17px; padding-left: 0px; background-repeat: no-repeat; background-position: 0px 5px; background-size: 20px; background-image: none; background-color: transparent; cursor: default !important; padding: 0px 0px 0px 0px;*/ display: none; } .ui-dialog.right-dialog .ui-dialog-titlebar .ui-dialog-title { font-size: 20px; font-weight: 700; } .ui-dialog.right-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close { background: none; border: none; right: 10px; top: 10px; } .ui-dialog.right-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick { background: url(images/icons/close.png); background-size: 20px; width: 30px; height: 30px; background-position: center center; background-repeat: no-repeat; } .ui-dialog.right-dialog .ui-dialog-content { padding: 0; overflow: initial; } .ui-dialog.right-dialog .ui-dialog-buttonpane { border: unset; background: unset; color: unset; padding: 0; position: absolute; bottom: 40px; width: calc(100% - 65px); } .ui-dialog.right-dialog.details-dialog { /* width: 800px !important;*/ } .ui-dialog.right-dialog.filter-dialog { width: 440px !important; } .ui-dialog.right-dialog.filter-dialog .ui-dialog-titlebar { background-image: url(images/icons/filter-3.png); background-size: 24px; padding-left: 40px; } .ui-dialog.right-dialog.filter-dialog .select-1 { padding: 0; } .ui-dialog.right-dialog.short-dialog { width: 440px !important; } .ui-dialog.right-dialog .profile-text-arrow { fill: #0a79b8; } .ui-dialog.right-dialog .profile-text-arrow.success { position: absolute; right: 30px; } .ui-dialog.right-dialog .profile-text-arrow.payment-success { position: absolute; right: 10px; } .ui-dialog.creditor-temlate-dialog { width: 440px !important; } .ui-dialog.undue-liabilities-dialog, .ui-dialog.reserved-dialog { width: 800px !important; box-sizing: border-box; } .ui-dialog.undue-liabilities-dialog .ui-dialog-titlebar, .ui-dialog.reserved-dialog .ui-dialog-titlebar { background: none !important; padding-left: 40px; } .ui-dialog.undue-liabilities-dialog .tag, .ui-dialog.reserved-dialog .tag { margin-left: 0px; } .ui-dialog.short-dialog { width: 440px !important; box-sizing: border-box; } .ui-dialog.short-dialog .ui-dialog-titlebar { background: none !important; } .ui-dialog.cheques-dialog .ui-dialog-titlebar { padding-left: 40px; } .ui-dialog.no-yes-dialog .ui-widget-content, .ui-dialog.info-dialog .ui-widget-content, .ui-dialog.information .ui-widget-content { border: none; } .ui-dialog.no-yes-dialog .ui-widget-content .ui-dialog-buttonset, .ui-dialog.info-dialog .ui-widget-content .ui-dialog-buttonset, .ui-dialog.information .ui-widget-content .ui-dialog-buttonset { float: none !important; padding: 12px; } .ui-dialog.no-yes-dialog .ui-widget-content .ui-dialog-buttonset button, .ui-dialog.info-dialog .ui-widget-content .ui-dialog-buttonset button, .ui-dialog.information .ui-widget-content .ui-dialog-buttonset button { display: inline-block; font-size: 15px; padding: 10px 28px; border: 1px solid #DCDCDC; text-align: center; -webkit-transition: box-shadow .5s; transition: box-shadow .5s; background-color: #F5F5F5; color: #0a79b8; border-radius: 6px; font-family: "Source-Sans-Pro-semibold", sans-serif; /*&:hover { background: linear-gradient(90deg, #006de6, #00b2e6); transition: opacity .3s; }*/ } .ui-dialog.no-yes-dialog .ui-widget-content .ui-dialog-content, .ui-dialog.info-dialog .ui-widget-content .ui-dialog-content, .ui-dialog.information .ui-widget-content .ui-dialog-content { margin-bottom: 30px; } .ui-dialog.no-yes-dialog .ui-widget-content .ui-dialog-content:before, .ui-dialog.info-dialog .ui-widget-content .ui-dialog-content:before, .ui-dialog.information .ui-widget-content .ui-dialog-content:before { display: block; padding-bottom: 30px; background-size: 100% calc(100% - 30px); width: 65px; height: 57px; margin: auto; content: ""; background-repeat: no-repeat; } .ui-dialog.installments-zero-dialog .ui-button { margin-top: -8px; margin-bottom: -31px; } .ui-dialog.error-dialog.information:before { background-color: red; } .ui-dialog.no-yes-dialogErr { background: #FFFFFF !important; } .ui-dialog.no-yes-dialogErr.ui-widget-content { margin-bottom: 25px !important; } .ui-dialog.no-yes-dialogErr.ui-widget-content .ui-dialog-titlebar:before { background-color: red; } .ui-dialog.no-yes-dialogErr .ui-dialog-buttonpane { padding-top: 25px !important; margin-bottom: -6px !important; } .ui-dialog.no-yes-dialog.ui-widget-content .ui-dialog-buttonpane.ui-widget-content { background: none !important; padding: 0; margin: 0 -1%; } .ui-dialog.no-yes-dialog.ui-widget-content .ui-dialog-titlebar { border: none; background: transparent; font-family: Sarabun,sans-serif; color: rgba(0, 0, 0, 0.87); margin-bottom: 30px; padding: 0; width: 298px; text-align: center; font-weight: normal; font-size: 20px; width: 100%; } .ui-dialog.no-yes-dialog.ui-widget-content .ui-dialog-titlebar .ui-dialog-title { float: none; white-space: break-spaces; } .ui-dialog.no-yes-dialog.ui-widget-content .ui-dialog-titlebar button { display: none; } .ui-dialog.no-yes-dialog.ui-widget-content .ui-dialog-buttonset { display: flex; justify-content: space-between; float: unset; } .ui-dialog.no-yes-dialog.ui-widget-content .ui-dialog-buttonset button { width: 48%; border-radius: 6px; padding: 15px 28px !important; margin: 0; font-weight: bold; } .ui-dialog.no-yes-dialog.ui-widget-content .ui-dialog-buttonset button:nth-child(1) { border: 1px solid #0a79b8; background-color: transparent !important; color: #0a79b8 !important; } .ui-dialog.no-yes-dialog.ui-widget-content .ui-dialog-buttonset button:nth-child(1):hover { background-color: rgba(10, 121, 184, 0.1) !important; } .ui-dialog.no-yes-dialog.ui-widget-content .ui-dialog-buttonset button:nth-child(2) { background: linear-gradient(45deg, #006de6, #00b2e6); color: #FFFFFF; transition: all .5s; } .ui-dialog.no-yes-dialog .ui-dialog-content { margin-bottom: 0 !important; font-size: 15px; font-family: "Source-Sans-Pro", sans-serif; line-height: 24px; padding: 0; overflow: hidden; } .ui-dialog.no-yes-dialog .ui-dialog-content:before { height: 0 !important; display: inline !important; } .ui-dialog.no-yes-dialog.LoginErrorDialog.ui-widget-content .ui-dialog-buttonpane.ui-widget-content { background: none !important; } .ui-dialog.no-yes-dialog.LoginErrorDialog.ui-widget-content .ui-dialog-buttonset button { width: 100%; margin: 1%; } .ui-dialog.info-dialog, .ui-dialog.information { border-radius: 12px !important; position: relative; } .ui-dialog.info-dialog:before, .ui-dialog.information:before { content: ""; display: table; position: absolute; top: 25px; left: 50%; transform: translate(-50%, 0); width: 40px; height: 6px; border-radius: 6px; margin: auto; margin-bottom: 10px; background-color: #0a79b8; } .ui-dialog.info-dialog .ui-dialog-titlebar, .ui-dialog.information .ui-dialog-titlebar { display: none; } .ui-dialog.info-dialog .ui-dialog-content.ui-widget-content, .ui-dialog.information .ui-dialog-content.ui-widget-content { text-align: left !important; } .ui-dialog.info-dialog .ui-dialog-buttonpane, .ui-dialog.information .ui-dialog-buttonpane { background: transparent !important; } .ui-dialog.info-dialog .ui-widget-content, .ui-dialog.information .ui-widget-content { font-size: 16px; color: #000000 !important; line-height: 24px; } .ui-dialog.info-dialog .ui-widget-content .ui-dialog-buttonset button, .ui-dialog.information .ui-widget-content .ui-dialog-buttonset button { width: 100%; } .ui-dialog.error-dialog, .ui-dialog.success-dialog { width: 430px !important; text-align: center !important; font-size: 16px !important; color: #000000 !important; padding-bottom: 20px !important; } .ui-dialog.error-dialog .ui-dialog-content:before { background-image: url(images/icons/error-icon.png) !important; } .ui-dialog.success-dialog .ui-dialog-content:before { background-image: url(images/icons/icon-success-1.png) !important; width: 90px !important; height: 90px !important; } .ui-dialog .btn-1, .ui-dialog .select-1, .ui-dialog .label-1 { font-family: "Source-Sans-Pro-semibold", sans-serif; } .ui-dialog .input-1 { font-family: "Source-Sans-Pro", sans-serif; font-size: 15px; } .ui-dialog .input-1:focus::-ms-clear { display: none; } .ui-dialog .productEditNameDialog { padding: 20px; } .ui-dialog .productEditNameDialog .message { margin-bottom: 30px; font-family: "futura", sans-serif; font-size: 15px; } .ui-dialog .side-modal { display: block; position: absolute; background-color: #FFFFFF; top: 50px; right: 0; width: 440px; height: 100%; overflow: auto; overflow-x: hidden; z-index: 1001; } .ui-dialog .side-modal.type-2.transaction-detail { overflow: visible; } .modal-box { display: flex; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; transition: opacity 0.4s ease, visibility 0.4s ease; align-items: center; overflow: auto; padding: 20px 0; } .modal-box.disable-normal-modal { display: block; height: unset; } .modal-box.active { opacity: 1; visibility: visible; } .modal-box .modal-wrap { width: 94%; border-radius: 16px; box-shadow: 0px 0px 24px 0 rgba(0, 0, 0, 0.16); background-color: #EBF0F5; position: relative; margin: auto; transform: translateY(-30px); transition: transform 0.4s ease; padding: 40px; } .modal-box .modal-wrap.size-1 { max-width: 380px; } .modal-box .modal-wrap.size-2 { max-width: 800px; } .modal-box .modal-wrap.size-3 { max-width: 756px; } .modal-box .modal-wrap.size-4 { max-width: 1120px; margin: auto; top: 20px; } .modal-box .modal-wrap.size-5 { top: 20px; max-width: 1044px; width: 100%; background-color: #fff; z-index: 5; } .modal-box.active .popup-modal { transform: translateY(0); } .modal-box .close-popup { display: flex; width: 40px; height: 40px; position: absolute; top: 24px; right: 24px; cursor: pointer; background: #fff; border-radius: 50%; background-size: 100%; transition: box-shadow .3s; justify-content: center; align-items: center; z-index: 1; } .modal-box .close-popup svg { width: 12px; height: 12px; fill: #353F4A; } .modal-box .close-popup:hover { box-shadow: 0 8px 12px rgba(0, 0, 0, 0.04); } .modal-box .modal-title { font-family: 'Source Sans Pro bold', sans-serif; font-size: 24px; letter-spacing: -0.02em; text-align: center; color: #191e39; margin-bottom: 20px; } .modal-box .modal-title.added-space { margin-bottom: 40px; } .modal-box .modal-title.no-space { margin-bottom: 0; } .modal-box .modal-title.no-alignment { text-align: unset; } .modal-box .modal-title.no-margin { margin-bottom: 0; } .modal-box .modal-inner.foreign-payment-form { padding: 30px 20px; background-color: #F5F8FB; border: 1px solid #D7DDE4; } .modal-box .modal-inner > p { font-size: 15px; line-height: 20px; color: #191e39; } .modal-box .modal-cta { padding-top: 20px; } .modal-box .modal-cta .btn-1 { width: 100%; } .modal-box.login-entity .modal-wrap { max-height: 530px; padding: 40px 20px 75px; overflow: hidden; } .modal-box.login-entity .modal-inner { max-height: 373px; padding: 0 20px; overflow-y: auto; } .ui-dialog.details-dialog.foreignInstructions .ui-dialog-titlebar .ui-dialog-titlebar-close { background-image: url(images/icons/close.png); background-size: 8px; background-repeat: no-repeat; background-position: center; } .ui-dialog.payToCard .ui-widget-content .ui-dialog-buttonset { float: unset !important; } .ui-dialog.payToCard .ui-widget-content .ui-dialog-buttonset button { font-family: "Source-Sans-Pro-bold", sans-serif; } .ui-dialog.payToCard.confirmation .ui-dialog-buttonset button { width: 100%; background: linear-gradient(45deg, #006de6, #00b2e6); color: #fff !important; transition: all .5s; } .ui-dialog.payToCard.confirmation .popup-ammount-wrapper { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; } .ui-dialog.payToCard.confirmation .popup-ammount-wrapper .popup-ammount-ico { stroke: unset !important; } .ui-dialog.payToCard .mCSB_dragger_bar { background: #0a79b8 !important; } .ui-dialog.payToCard .mCSB_draggerRail { background: transparent !important; } .ui-dialog.payToCard .account-item-inner { height: 68vh; overflow-y: hidden !important; } .ui-dialog.payToCard .account-item-inner .mCustomScrollBox { padding: 0; } .ui-dialog.payToCard .authData-wrapper { margin-bottom: 20px; } .no-back-arrow { padding-top: 50px !important; } .modal-primaoc .modal-title, .modal-primaoc .input-wrap { margin-bottom: 30px; } .side-modal { display: block; position: absolute; background-color: #FFFFFF; top: 0; right: 0; width: 440px; height: 100%; overflow: auto; overflow-x: hidden; } .side-modal-wrapper { z-index: 1000; display: block; position: fixed; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.4); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .side-modal .btn-1 { margin-top: 70px; } .side-modal .button-wrap { box-sizing: border-box; } .side-modal .button-wrap .button { box-sizing: border-box; width: calc(50% - 13px); margin-right: 20px; } .side-modal .button-wrap .button:last-child { margin-right: 0; } .modal-inner-content { position: relative; padding-top: 50px; font-family: "futura", sans-serif; } .message-hub-dialog .modal-inner-content.type-2 { padding: 50px 40px; padding-top: 35px; padding-bottom: 0; } .message-hub-dialog .modal-inner-content.type-2 .modal-close-button { top: 40px; } .message-hub-dialog .modal-inner-content .button-wrap.type-2 { left: calc(50%); width: calc(100% - 80px); } .message-hub-dialog .modal-inner-content .button-wrap.type-2 .button { width: 100%; } .message-hub-dialog .modal-inner-content .button-wrap .button { width: calc(50% - 12px); margin-right: 20px; } .message-hub-dialog .modal-inner-content .button-wrap .button:last-child { margin-right: 0px; } .modal-close-button { position: absolute; width: 30px; height: 30px; top: 50px; right: 40px; background-image: url(images/icons/close.png); background-size: 20px; background-repeat: no-repeat; } .modal-title-1 { font-size: 20px; font-weight: 700; padding-right: 50px; } .modal-title-2 { font-size: 30px; font-weight: 700; padding-right: 40px; line-height: 35px; } .modal-title-2 mall { font-size: 16px; color: #7b7b7b; font-weight: normal; } .modal-title-2 span { font-size: 16px; color: #0095c9; text-transform: uppercase; font-weight: 400; } .modal-title-3 { font-size: 16px; font-weight: 700; padding-right: 40px; line-height: 25px; } .modal-title-3 small { font-size: 16px; color: #7b7b7b; font-weight: normal; } .modal-title-3 span { font-size: 16px; color: #0095c9; text-transform: uppercase; font-weight: 400; } .modal-title.type-2 { margin-left: 50px; } .modal-title.icon { padding-left: 40px; background-repeat: no-repeat; background-position: left center; } .popup-content .popup-text { font-size: 16px; color: #000000; } .before-print-dialog .ui-dialog { padding: 20px 20px 20px 40px !important; } .before-print-dialog .ui-dialog-titlebar { display: none; } .before-print-dialog .btnPrint { padding: 15px 30px; } .change-name-hint { width: 36px !important; height: 26px !important; top: 50% !important; right: 15px !important; } .ruleForm .btn-1 { margin-top: 0; } .ruleForm .has-button { position: relative; padding-right: 60px; } .ruleForm .has-button .remove-button { cursor: pointer; } .ruleForm .categoryName { padding-right: 20px; text-overflow: ellipsis; white-space: nowrap; width: 90%; overflow: hidden; } .ruleForm .button-3.type-2 { box-sizing: border-box; } .ruleForm .custom-dropdown-container { width: 48.2%; } .buy-hov-modal .col-ls-12:nth-child(odd) { width: calc(50% - 12px); } .buy-hov-modal .col-ls-12:nth-child(even) { width: calc(50% + 8px); } .buy-hov-modal .col-ls-12 .custom-radio-1 .radio.disabled span, .buy-hov-modal .col-ls-12 .custom-radio-1 .radio.disabled label, .buy-hov-modal .col-ls-12 .custom-radio-1 .radio.disabled input { color: #adadad; } .buy-hov-modal .col-ls-12 .custom-radio-1 .radio.disabled .input-wrap { pointer-events: none; } .buy-hov-modal .col-ls-12 .custom-radio-1 .radio.disabled .input-wrap-focus { border-color: #c1b3b3 !important; } .buy-hov-modal .col-ls-12 .custom-radio-1 .radio.disabled i { background-image: url(images/icons/radio-disabled.png); background-size: 22px; } .buy-hov-modal .col-ls-12 .custom-radio-1 .radio.disabled.checked i { background-image: url(images/icons/radio-on-disabled.png); } .buy-hov-modal .col-ls-12.hovTypeContainer { width: 100%; } .buy-hov-modal .col-ls-12.hovTypeContainer .custom-radio-1 .radio { display: inline-block; width: 49%; box-sizing: border-box; overflow: visible; } .buy-hov-modal .col-ls-12.hovTypeContainer:not(.withdrawOrderType) .radio.disabled .input-wrap, .buy-hov-modal .col-ls-12.hovTypeContainer:not(.withdrawOrderType) .radio.iceberg:not(.checked) .input-wrap { display: none; } .buy-hov-modal .col-ls-12.hovTypeContainer.withdrawOrderType .radio.disabled:not(.checked) .input-wrap { display: none; } .buy-hov-modal .hideValidationMessage .validationMessage { display: none; } /*#endregion dialogs*/ /*#region right-dialog details*/ /*.row.custom-grid.type-2.inner-margin-5, .row.custom-grid.type-2.inner-margin-6 { overflow: auto; }*/ .side-modal { width: 100% !important; } .custom-grid.type-2 .col { display: inline-block; vertical-align: top; } .custom-grid.type-2 .col:nth-child(even) { padding-left: 30px; } .col-ls-12 { width: 49.5%; } .transaction.type-2 { padding: 0; padding-bottom: 2px; padding-top: 12px; min-height: 49px; } .transaction.type-2:first-child { border-top: none; } .transaction.type-2 span { font-size: 16px; color: #000000; vertical-align: middle; } .transaction.type-2 span:nth-child(1) { color: #7b7b7b; line-height: 25px; } .transaction.type-3 { padding: 0; padding-bottom: 2px; padding-top: 12px; min-height: 49px; } .transaction.type-3 span { font-size: 16px; color: #000000; vertical-align: middle; } .transaction.type-3 span:nth-child(1) { color: #7b7b7b; line-height: 25px; } .cf:before, .cf:after, .container:before, .container:after, .widget:before, .widget:after, form ol > li:before, form ol > li:after { content: "\0020"; display: block; height: 0; visibility: hidden; } .cf:after, .clear, .container:after, .widget:after, form ol > li:after { clear: both; } .widget-links.type-2 .link { padding: 20px 0px; } .widget-links.type-2 .icon { right: 0px; } .transaction { position: relative; padding: 10px 25px 10px 70px; border-bottom: 2px solid #EFEFEF; } .transaction .title { font-size: 16px; float: left; margin: 0; min-height: 46px; } .right-dialog { visibility: hidden; transform: translateX(100%); transition: 0.8s all ease; } .right-dialog.visible { visibility: visible !important; display: block; transform: translateX(0); } .ui-dialog { width: 300px; } .ui-dialog:not(.right-dialog):not(.no-yes-dialog):not(.support-dialog):not(.legal-entity):not(.information):not(.accountStatementDetails):not(.depositStatementDetails):not(.cardStatementDetails):not(.selectLegalEntityDialog):not(.salaryDialog):not(.futureInstallmentsDialog) { visibility: hidden; opacity: 0; transition: 0.4s all ease; position: fixed; top: 50% !important; transform: translateY(-50%); } .ui-dialog:not(.right-dialog).visible { visibility: visible; opacity: 1; transform: translateY(-50%); } /*#endregion dialog-transitions*/ /*#region validation*/ .validationMessage { color: #FF0000; position: absolute; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; width: 100%; left: 0; bottom: -22px; } .validationMessageBorder { border-color: #FF0000 !important; } .amountGroup .validationMessage { margin-top: 20px; } /*#endregion validation*/ /*#region tooltip*/ .tooltip { position: relative; } .tooltip:hover .t-modal { opacity: 1; visibility: visible; } .tooltip .t-modal { display: block; padding: 5px; background-color: rgba(73, 80, 90, 0.7); position: absolute; bottom: 100%; margin-bottom: 12px; font-size: 14px; line-height: 18px; font-weight: 500; color: #FFFFFF; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 0px; } .tooltip .t-modal.padding { padding: 15px; } .tooltip .t-modal.size-1 { max-width: 300px !important; white-space: nowrap; } .tooltip .t-modal.t-left { left: 50%; } .tooltip .t-modal.no-wrap { white-space: nowrap; } .tooltip .t-modal.t-left:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 12px 13px 0 0; border-color: #49505A transparent transparent transparent; position: absolute; left: 0px; bottom: -12px; opacity: 0.7; } .tooltip .t-modal.t-right { right: 50%; } .tooltip .t-modal.t-right:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 12px 0px 0 13px; border-color: #49505A transparent transparent transparent; position: absolute; right: 0px; bottom: -12px; opacity: 0.7; } .tooltip .t-modal.t-bottom { bottom: auto; top: 100%; margin-top: 12px; } .tooltip .t-modal.t-bottom:after { border-color: transparent transparent #49505A transparent; border-width: 0 0 12px 13px; bottom: auto; top: -12px; } .s-icon:hover .tooltip { visibility: visible; } .s-icon .tooltip { background-color: rgba(73, 80, 90, 0.7); color: #FFFFFF; padding: 5px; font-size: 14px; line-height: 18px; font-weight: 500; position: absolute; top: -40px; right: calc(100% - 22px); visibility: hidden; } .s-icon .tooltip:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 12px 0 0 13px; border-color: #49505A transparent transparent transparent; position: absolute; right: 0; bottom: -12px; opacity: 0.7; } /*#endregion tooltip*/ /*#region widget tabs*/ .widget-tabs { zoom: 1; position: relative; margin-bottom: 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: nowrap; width: 100%; margin: 0 auto; background-color: #032643; border-radius: 4px; } .widget-tabs:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; display: none; } .widget-tabs.inner-margin-4 { margin-bottom: 40px !important; } .widget-tabs li { position: relative; box-sizing: border-box; padding: 3px 3px; width: 50%; text-align: center; } .widget-tabs li.active:after, .widget-tabs li:hover:after { height: 2px; } .widget-tabs li.active a, .widget-tabs li:hover a { color: #FFFFFF; } .widget-tabs li.active a { background-color: #0a79b8; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.16); border-radius: 4px; } .widget-tabs li:after { content: ''; width: 100%; height: 0; position: absolute; bottom: -1px; left: 0; -webkit-transition: height 0.25s ease; -moz-transition: height 0.25s ease; -ms-transition: height 0.25s ease; -o-transition: height 0.25s ease; transition: height 0.25s ease; } .widget-tabs li a { font-size: 15px; font-family: "Lato-Semibold", sans-serif; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; padding: 0 55px; } .widget-tabs .tab-icon { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; border-radius: 13px; display: inline-block; width: 36px; height: 26px; border: 2px solid #CFD0D2; background-repeat: no-repeat; background-position: center; box-sizing: border-box; } .widget-tabs .tab-icon:hover { border-color: #000000; } .widget-tabs .tab-icon.icon-chart-1:hover, .widget-tabs .active .tab-icon.icon-chart-1 { background-image: url(images/icons/chart-3.png); } .widget-tabs .tab-icon.icon-reload-1:hover, .widget-tabs .active .tab-icon.icon-reload-1 { background-image: url(images/icons/icon-reload-2.png); } .widget-tabs .button-wrap { position: relative; top: 50%; -webkit-transition: translateY(-50%); -moz-transition: translateY(-50%); -ms-transition: translateY(-50%); -o-transition: translateY(-50%); transition: translateY(-50%); top: calc(50% + 5px); right: 20px; position: absolute; display: inline-block; } .widget-tabs .button-wrap li { padding: 0; margin-left: 5px; } .widget-tabs .button-wrap li:after { display: none; } .widget-tabs.type-2 li a { font-size: 15px; cursor: pointer; } .widget-tabs.type-2 .button-wrap li { padding: 0; } .tab { display: none; } .tab.init-select { display: block; } /*#endregion widget tabs*/ /*#region Message Hub*/ .MessageHubNotificationList.dashboardView .widget-tabs { margin-bottom: 0; cursor: pointer; } .MessageHubNotificationList.dashboardView .widget-tabs li { width: 50%; margin-right: 0; text-align: center; } .emptyTableStyle { min-height: 50px; text-align: center; padding-top: 30px; } /*.read-messages-list div:nth-child(2) { display:none; }*/ .read-messages-list a { color: #0a79b8 !important; } .read-messages-list b, .read-messages-list strong { font-weight: bold; } .read-messages-list em, .read-messages-list i { font-style: italic; } .s-widget.MessageHubNotificationList { position: relative; } .s-widget.MessageHubNotificationList .notificationMsgList { position: relative; } .s-widget.MessageHubNotificationList .notificationMsgList .widget-tabs { top: -370px; position: absolute; width: 330px; height: 31px; left: 35% !important; z-index: 26 !important; } .s-widget.MessageHubNotificationList .notificationMsgList .widget-tabs li a { padding: 6px 55px; white-space: nowrap; } .s-widget.MessageHubNotificationList .notificationMsgList .dot-menu-text-wrapper a svg { stroke: #0a79b8; } .attach-icon { border: none !important; background-image: url(images/icons/icon-attachment-1.png); background-position: center; background-size: 18px; background-repeat: no-repeat; } .message-hub-dialog { padding: 0 !important; border-left: 0; } .message-hub-dialog .modal-inner-content { padding-top: 0; padding-left: 50px; } .message-hub-dialog .ui-dialog-titlebar { display: none; } .message-controls { position: relative; padding-left: 65px; border-bottom: 2px solid #EFEFEF; display: none; } .message-controls.Active { display: block !important; } .message-controls .msg-button { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; display: block; padding: 20px 5px; border-left: 2px solid #EFEFEF; width: 48%; float: left; font-size: 16px; text-transform: uppercase; text-align: center; color: #0095c9; cursor: pointer; } .message-controls .msg-button:hover { background-color: rgba 82, 174, 48, 0.5; } .message-controls .msg-button span { position: relative; } .message-controls .msg-button span i { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; width: 35px; height: 35px; left: -45px; background-repeat: no-repeat; background-position: center; } .message-controls .msg-button .checkbox { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 15px; } .custom-checkbox-2 { position: relative; cursor: default; width: 30px; height: 30px; } .custom-checkbox-2 .check { position: relative; left: 50%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; cursor: pointer; position: absolute; display: inline-block; height: 18px; width: 18px; border: 2px solid #C7C7C7; border-radius: 2px; background: transparent; box-sizing: border-box; } .custom-checkbox-2 .cc-checkbox { display: none; } .custom-checkbox-2.checked .check { width: 18px; height: 18px; position: absolute; background: url(images/icons/checkbox.png) 0 0 no-repeat; background-size: 100%; -webkit-transition: opacity .3s; transition: opacity .3s; border: none; } .message { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; position: relative; padding: 17px 20px 17px 70px; border-bottom: 2px solid #EFEFEF; cursor: pointer; } .message:hover { background-color: #FFFFFF; border-radius: 12px; } .message:hover .archive-button { opacity: 1; visibility: visible; } .message.unread .title { font-weight: 700; color: #000000; } .message.unread .title span { font-weight: 400; } .message .messages-clip-ico { width: 14px; height: 16px; stroke: #0a79b8; } .message .title { font-size: 15px; margin: 0; color: rgba(0, 0, 0, 0.87); line-height: 20px; display: inline-block; position: absolute; left: 229px; } .message .title span { font-size: 14px; } .message .message-date { display: inline-block; color: rgba(0, 0, 0, 0.54); font-size: 15px; width: 120px; } .message .message-clip-ico-wrapper { width: 14px; height: 16px; display: inline-block; } .message .message-clip-ico-wrapper svg { position: absolute; width: 14px; height: 16px; } .message .tag { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: center; position: absolute; left: 50px; border: 2px solid #D9D9D9; color: #000000; font-weight: normal; font-size: 16px; display: block; width: 35px; height: 35px; line-height: 31px; } .message .archive-button { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); border-radius: 6px; position: absolute; right: 60px; background-color: #FFFFFF; opacity: 0; visibility: hidden; padding: 13px 20px; margin-left: 16px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); -webkit-transition: box-shadow .5s,background-color .5s; transition: box-shadow .5s,background-color .5s; } .message .archive-button svg, .message .archive-button p { display: inline; } .message .archive-button p { padding: 0px 0 0px 10px; line-height: 1; } .message .checkbox { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 10px; } .message span { color: #7b7b7b; font-size: 14px; } .archive-section .message { padding: 17px 20px 17px 70px !important; } .archive-section .message .tag { left: 0; } .archive-section .message .title { left: 232px !important; } .reply-card { padding: 15px 40px; padding-left: 34px; border-bottom: 1px solid #ebeced; border-left: 6px solid #0095c9; font-family: "futura", sans-serif; font-size: 10px; } .reply-card.border-top { border-top: 1px solid #ebeced; } .input-wrap .file-input-wrap { float: right; } .file-input-wrap .attachment-button { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; display: block; width: 50px; height: 50px; cursor: pointer; position: relative; } .file-input-wrap .file-input { display: none; } .attachment-card { box-shadow: none; color: #FFFFFF; border-color: #252888; border-radius: 6px; position: relative; width: max-content; padding: 10px; cursor: pointer; margin-bottom: 30px; -webkit-transition: box-shadow .5s,background-color .5s; transition: box-shadow .5s,background-color .5s; } .attachment-card.new-message { border: 1px solid #b4bfcb !important; padding-top: 14px !important; padding-bottom: 14px !important; } .attachment-card.new-message:hover { background-color: rgba(10, 121, 184, 0.1); } .attachment-card p { font-size: 15px; color: #FFFFFF; margin-bottom: 0; padding-right: 40px; } .attachment-card span { font-size: 15px; padding-left: 10px; color: #0a79b8; } .attachment-card span:first-letter { text-transform: capitalize; } .attachment-card .close { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; cursor: pointer; position: absolute; right: 12px; width: 8px; height: 8px; background-image: url(images/icons/close.png); background-position: center; background-repeat: no-repeat; background-size: 8px; } .conversation-box { padding: 16px 30px 16px 16px; margin-bottom: 30px; background-color: #FFFFFF; } .conversation-box p { color: rgba(0, 0, 0, 0.87) !important; } .conversation-box p.from { color: #0a79b8 !important; } .conversation-box .attachment-card { background-color: #f9f9f9; color: #0a79b8; border: 1px solid #E8E9EC; box-shadow: none; } .conversation-box .attachment-card svg { fill: rgba(0, 0, 0, 0.87); } .conversation-box.blue-box { background-color: #0a79b8; } .conversation-box.blue-box p { color: #FFFFFF !important; } .conversation-box.blue-box p.from { color: #FFFFFF !important; } .conversation-box.blue-box .attachment-card { box-shadow: none; color: #FFFFFF !important; } .conversation-box.blue-box .attachment-card svg { fill: #FFFFFF; } .conversation-box.blue-box .attachment-card span { color: #FFFFFF; } .widget-messages .cnt { padding: 0; padding-top: 10px; } .widget-messages .empty-section.type-3 { padding-bottom: 0; } .widget-messages widget-inner { position: relative; padding-bottom: 48px; } .widget-messages widget-btn-wrap { width: 100%; position: relative; bottom: 0; left: 0; border-top: 1px solid #EFEFEF; } .widget-messages widget-btn-wrap.stripe:before { position: absolute; } .widget-messages .btn-1 { width: 50%; float: left; } .widget-messages .messages-list { max-height: 207px; overflow: auto; } .widget-messages .messages-list li { position: relative; border-bottom: 1px solid #ebeced; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; } .widget-messages .messages-list li:hover { background: rgba 82, 174, 48, 0.5; } .widget-messages .messages-list .message-row { display: block; padding: 13px 70px 13px 60px; } .widget-messages .msg-icon { display: inline-block; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center center; background-image: url(images/icons/message-icon-2.png); background-size: 12px; position: absolute; top: 50%; left: 20px; margin-top: -10px; } .widget-messages .msg-icon.read { background-image: url(images/icons/message-icon-7.png); background-size: 12px; } .widget-messages .msg-from { font-size: 14px; color: #7b7b7b; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 20px; } .widget-messages .msg-title { font-size: 16px; color: #333333; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 20px; } .widget-messages .time { font-size: 14px; color: #a2a2a2; position: absolute; top: 50%; right: 15px; margin-top: -9px; margin-bottom: 0; } .widget-btn-wrap.stripe:before { position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ""; height: 100%; width: 1px; background-color: #EFEFEF; visibility: visible; } /*#end region message Hub*/ /*#region Payments*/ .signTokenValue { float: right; background: #d1d1d1; padding: 0 5px; } .PaymentOrderV3 { margin: auto; } .PaymentOrderV3 hr { position: relative; top: 5px; } .PaymentOverviewV3 .s-widget-body, .ForeignPaymentOverviewV2 .s-widget-body { overflow: visible; } .PaymentOverviewV3 .clientGrid thead, .ForeignPaymentOverviewV2 .clientGrid thead { display: contents !important; } .PaymentOverviewV3 .pageSize, .ForeignPaymentOverviewV2 .pageSize { display: block !important; } .ForeignPaymentOverviewV2 .s-widget-title { margin: 20px 0 0 0 !important; } .ForeignPaymentOverviewV2 .gvOrderPreviewList { border-bottom: 1px solid #8294a8; } .ForeignPaymentOverviewV2 .gvOrderPreviewList table { margin: 0; } .countdown-widget { zoom: 1; position: relative; background-color: #0095c9; } .countdown-widget:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } .countdown-widget:before { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: calc(50% + 20px); content: ""; position: absolute; width: 1px; height: 40px; background-color: #8addf4; } .countdown-widget .container { position: relative; float: left; width: 50%; /*min-height: 65px;*/ padding: 10px 0; } .value-title { font-size: 18px; line-height: 30px; color: #82d9f1; text-align: center; margin: 0; } .value-title span { font-size: 22px; color: #FFFFFF; } .value-title span.timer { color: #FFEC00; } .value-title span.timer.inited { animation: countdown 1s infinite reverse; } .value-title .icon { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); -ms-transform: translateY(8px); -o-transform: translateY(8px); transform: translateY(8px); display: inline-block; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; margin-right: 10px; } @keyframes countdown { from { opacity: .2; } to { opacity: 1; } } .widget-payment { max-width: 1170px; margin-left: auto; margin-right: auto; } .widget-payment .page-container { padding: 10px 50px 10px 0px; max-width: 825px; margin: 0 auto; } .widget-payment .custom-form { padding-top: 50px; padding-bottom: 50px; } .widget-payment .widget-links { margin-bottom: 50px; } .widget-payment .inner { padding: 0 70px; } .widget-payment .inner.type-2 { padding: 0 50px; } .widget-links .link { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; position: relative; display: block; font-size: 18px; color: #000000; border-bottom: 1px solid #EFEFEF; padding: 20px 50px; } .widget-links .link:hover { background-color: #EFEFEF; cursor: pointer; } .widget-links .icon { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; width: 20px; height: 20px; right: 50px; background-repeat: no-repeat; background-position: 100% center; } .payment-slider { position: relative; padding: 35px 0; } .payment-slider .slick-list { overflow: visible; } .payment-slider .icon-accounts-4 { display: inline-block; float: left; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center center; } .payment-slider .slider-container { position: relative; z-index: 10; padding: 0 80px; } .payment-slider .slide { display: flex; } .payment-slider .slide-left { float: left; width: 50%; text-align: left; } .payment-slider .slide-right { text-align: right; float: right; width: 50%; } .payment-slider .slide-control { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 20; position: absolute; display: inline-block; width: 40px; height: 100%; background-color: #fffcd9; background-repeat: no-repeat; background-position: center; } .payment-slider .slide-control:hover { border-color: #bfbfbf; } .payment-slider .slide-prev { cursor: pointer; } .payment-slider .slide-next { right: 0px; cursor: pointer; } .payment-slider .slick-dots { zoom: 1; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: -35px; } .payment-slider .slick-dots:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } .payment-slider .slick-dots li { display: inline-block; } .payment-slider .slick-dots li.slick-active button { background-color: #000000; } .payment-slider .slick-dots button { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; border-radius: 50%; color: transparent; background-color: #CACACA; font-size: 2px; width: 6px; height: 6px; padding: 0; margin: 0 5px; border: none; } .payment-slider .slick-slide { -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; -webkit-transform: translateY(-40%); -moz-transform: translateY(-40%); -ms-transform: translateY(-40%); -o-transform: translateY(-40%); transform: translateY(-40%); opacity: 0 !important; } .payment-slider .slick-active { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; transition-delay: .5s; opacity: 1 !important; } .payment-slider .label { color: #7b7b7b; font-size: 16px; margin-bottom: 10px; } .payment-slider .title { position: relative; color: #000000; font-size: 24px; font-weight: bold; margin-bottom: 16px; line-height: 30px; } .payment-slider .title small { font-size: 80%; } .payment-slider .title .icon { position: absolute; left: 0; width: 40px; height: 100%; background-repeat: no-repeat; background-position: 5px 2px; } .payment-slider .acc-number { color: #000000; font-size: 16px; margin-right: 49px; } .payment-slider .type-2 .slider-container { padding: 0 100px; } .FXTrading .payment-slider .slide-right .title { padding-left: 0px; } .PaymentOrderV3 .payment-slider .title.tag-title, .FXTrading .payment-slider .title.tag-title { max-width: 350px; min-width: 290px; white-space: nowrap; float: left; } title.tag-title { max-width: 350px; overflow: hidden; white-space: nowrap; } .slick-arrow.slick-hidden { display: none !important; } .progress-bar-wrap { width: 100%; } .progress-bar-value { display: none; } .progress-display { position: relative; width: 100%; background-color: #e6e6e6; height: 2px; } .progress-display .progress { position: absolute; top: 0; left: 0; height: 100%; background-color: #0095c9; width: 0; transition: all 0.5s ease; } .progress-display .progress.color-2 { background-color: #9CCC66; } .progress-display .progress.inited { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .custom-form .group { position: relative; margin-bottom: 40px; } .custom-form .group.margin-2 { position: relative; margin-bottom: 20px; } .custom-form .group.margin-3 { position: relative; margin-bottom: 60px; } .custom-form .group.margin-4 { position: relative; margin-bottom: 30px; } .custom-form .group.type-2 { position: relative; margin-bottom: 20px; } .custom-form .group.empty { min-height: 60px; } .custom-form .group .info-icon { right: -65px; } .custom-form .group .info-icon.type-2 { -moz-transform: none; -o-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; top: 10px; right: -65px; } .custom-form.border-top { border-top: 2px solid #EFEFEF; } .custom-form .checkbox-group { display: flex; align-items: center; } .custom-form .checkbox-group .info-icon { -moz-transform: none; -o-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; position: relative; top: auto; right: auto; margin: 0 30px; } .custom-form .checkbox-group .info-icon.col { position: absolute; top: 0px; right: 5px; } .custom-form .checkbox-group .info-icon.col-2 { margin-left: 8px; margin-bottom: -8px; margin-right: 34px; left: -4px; } .custom-form .checkbox-group .checkbox-label-2 { margin-bottom: 0; } .left-col { width: 49%; float: left; } .right-col { width: 49%; float: left; padding-left: 20px; } .group .info-icon { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; width: 36px; height: 26px; border: 2px solid #CFD0D2; -webkit-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; border-radius: 13px; background-position: center center; background-repeat: no-repeat; background-image: url(images/icons/info-icon-1.png); background-size: 2px; position: absolute; right: 5px; box-sizing: border-box; } .group .info-icon span { display: inline-block; width: 22px; height: 22px; cursor: pointer; background-color: #d0d0d1; background-size: 6px; background-position: center center; background-repeat: no-repeat; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -ms-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; } .group .info-icon span:hover { background-color: #FFF200; } .group .info-icon p { width: 250px; padding: 15px; background-color: rgba(73, 80, 90, 0.7); position: absolute; right: 15px; bottom: 29px; font-size: 14px; color: #FFFFFF; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .group .info-icon p:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 12px 0px 0 13px; border-color: #49505A transparent transparent transparent; position: absolute; right: 0px; bottom: -12px; opacity: 0.7; } .group .info-icon:hover p { opacity: 1; visibility: visible; } .info-wrap i { display: inline-block; width: 36px; height: 26px; border: 2px solid #CFD0D2; -webkit-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; border-radius: 13px; background-position: center center; background-repeat: no-repeat; position: relative; } .info-wrap .edit-icon:hover { border-color: #494f5a; background-image: url(images/icons/edit-4.png); } .info-wrap .icon-eye-2:hover { border-color: #494f5a; background-image: url(images/icons/icon-eye_d.png); } .group-inner .info-wrap { position: absolute; top: 7px; right: -50px; } .group-inner .info-wrap.amount-info { top: 13px; right: -150px; } .group-inner .info-wrap span { width: 250px; padding: 15px; } .payment-main { margin-bottom: 30px; } .payment-main .tag { float: left; width: 45px; height: 40px; background: #dfdfdf; border-left-width: 5px; border-left-style: solid; font-size: 18px; font-weight: 700; color: #FFFFFF; text-align: center; line-height: 40px; margin-right: 11px; } .input-wrap.wrap-icon { float: right; width: calc(100% - 56px); } .tag-2 { display: inline-block; width: 44px; height: 40px; border-left: 4px solid #FFFFFF; background-position: center center; background-repeat: no-repeat; font-size: 14px; font-weight: 700; line-height: 40px; color: #FFFFFF; text-transform: uppercase; text-align: center; } .tag-2.color-1 { background-color: #c5e1a5; border-color: #9CCC66; } .tag-2.color-2 { background-color: #ff9e19; border-color: #dc7f00; } .tag-2.color-3 { background-color: #ce93d8; border-color: #c364d3; } .tag-2.color-4 { background-color: #90caf9; border-color: #5ab0f6; } .tag-2.color-5 { background-color: #ffe082; border-color: #edbc27; } .tag-2.color-6 { background-color: #d1d1d1; border-color: #7b7b7b; } .tag-2.color-7 { background-color: #ebeced; border-color: #fe000c; } .beneficiary-wrap { zoom: 1; margin-bottom: 5px; } .beneficiary-wrap:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } .select-tag { float: left; display: none; } .select-tag.active { display: inline-block; } .beneficiary-slat { margin-bottom: 50px; } .beneficiary-content, .details-content { display: none; } .payment-options { margin-bottom: 20px; } .payment-options .trigger { position: relative; text-align: center; } .payment-options .trigger:before { content: ''; width: 100%; height: 1px; background: #d1d1d1; position: absolute; top: 50%; left: 0; text-align: center; } .payment-options .trigger a { display: inline-block; background: #FFFFFF; font-size: 14px; color: #000000; text-transform: uppercase; padding: 0 40px 0 22px; white-space: nowrap; position: relative; } .payment-options .trigger a:after { content: ""; display: block; position: absolute; width: 0; height: 0; border: 5px solid transparent; border-top-color: #000000; top: 7px; right: 17px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; transform-origin: 50% 20%; } .payment-options .trigger .hide-text { display: none; } .payment-options .trigger.active .show-text { display: none; } .payment-options .trigger.active .hide-text { display: inline-block; } .payment-options .trigger.active a:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .payment-options .hidden-content { display: block; text-align: center; } .payment-options .hidden-content ul { padding: 30px 0; } .payment-options .hidden-content li { display: inline-block; text-align: center; max-width: 160px; width: 100%; margin: 0 7px 10px 5px; } .payment-options .hidden-content li a { display: block; font-size: 14px; border: 1px solid #d1d1d1; color: #000000; text-transform: uppercase; line-height: 1.5; padding: 20px 30px 20px 30px; background-color: transparent; } .payment-options .hidden-content li a span { display: block; } .payment-options .hidden-content li .icon { display: inline-block; height: 64px; width: 64px; background: #FF0000; background-size: 64px 64px; } .payment-options .hidden-content li .icon-raiff { background: url(images/icons/raiff.png) 50% 50% no-repeat; background-size: 46px; } .payment-options .hidden-content li .icon-transfer { background: url(images/icons/transfer.png) 50% 50% no-repeat; background-size: 46px; } .payment-options .hidden-content li .icon-globle { background: url(images/icons/globe.png) 50% 50% no-repeat; background-size: 46px; } .payment-options .hidden-content li a:hover, .payment-options .hidden-content li.active a { background-color: #0095c9; color: #FFFFFF; } .payment-options .hidden-content li.active .icon-raiff, .payment-options .hidden-content li a:hover .icon-raiff { background-image: url(images/icons/raiff-2.png); } .payment-options .hidden-content li.active .icon-raiff, .payment-options .hidden-content li a:hover .icon-raiff { background-image: url(images/icons/transfer-2.png); } .payment-options .hidden-content li.active .icon-globle, .payment-options .hidden-content li a:hover .icon-globle { background-image: url(images/icons/globe-2.png); } .payment-bottom .date-group { width: 180px; margin-right: 50px; } .payment-bottom .group-two { zoom: 1; padding-top: 10px; } .payment-bottom .group-two:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } .payment-bottom .group-two .group-inner { float: left; width: auto; } .payment-account { border-bottom: 1px solid #ebeced; zoom: 1; padding-bottom: 4px; margin-bottom: 60px; } .payment-account:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } .payment-account i { cursor: pointer; } .payment-account .tag-2 { float: left; margin-top: 2px; } .payment-account .inner { float: left; width: calc(100% - 56px); } .payment-account .col-left { float: left; padding-left: 10px; } .payment-account .col-right { float: right; padding-top: 6px; } .payment-account .col-right p { font-size: 24px; color: #000000; margin-bottom: 0; opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .payment-account .col-right p span { font-size: 16px; } .payment-account .col-right .active { opacity: 1; } .payment-account .acc-name { font-size: 16px; color: #7b7b7b; margin-bottom: 0; } .payment-account .acc-nr { font-size: 16px; line-height: 25px; color: #000000; margin-bottom: 0; } .payment-account { border-bottom: 1px solid #ebeced; zoom: 1; padding-bottom: 4px; margin-bottom: 60px; } .payment-account:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } .payment-account i { cursor: pointer; } .payment-account .tag-2 { float: left; margin-top: 2px; } .payment-account .inner { float: left; width: calc(100% - 56px); } .payment-account .col-left { float: left; padding-left: 10px; } .payment-account .col-right { float: right; padding-top: 6px; } .payment-account .col-right p { font-size: 24px; color: #000000; margin-bottom: 0; opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .payment-account .col-right p span { font-size: 16px; } .payment-account .col-right .active { opacity: 1; } .payment-account .acc-name { font-size: 16px; color: #7b7b7b; margin-bottom: 0; } .payment-account .acc-nr { font-size: 16px; line-height: 25px; color: #000000; margin-bottom: 0; } .PaymentOrderV3 .custom-grid.type-2 { margin-left: -30px; } .PaymentOrderV3 .custom-grid.type-2 .col { padding-left: 30px; float: left; } .PaymentOrderV3 .custom-form .checkbox-group { display: flex; align-items: center; } .PaymentOrderV3 .check-wrap-1 { position: relative; } .PaymentOrderV3 .check-wrap-1.col { width: 47%; float: left; padding-right: 15px; } .value-changer { position: relative; padding-right: 25px; cursor: pointer; } .value-changer:before { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: ''; width: 0; height: 0; border: 0; background: none; border-style: solid; border-width: 6px 6px 0 6px; border-color: #000000 transparent transparent transparent; position: absolute; top: calc(50% + 0px); right: 7px; } .value-changer .value-menu { z-index: 50; position: absolute; top: 100%; right: 10px; -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.3); padding: 2px 10px; background-color: #FFFFFF; max-height: 105px; overflow: auto; box-sizing: border-box; } .value-changer .value-menu li { padding: 2px 5px; font-size: 14px; } .value-changer .value-menu li:hover { color: #ffe082; } .widget-info-title { font-size: 20px; text-align: center; padding: 10px 20px; padding-top: 130px; margin-bottom: 30px; background-position: center 30px; background-repeat: no-repeat; } .payment-amount-currency { padding-left: 16px; } .left { text-align: left !important; } .input-1 { width: 100%; height: 48px; font-family: "Source Sans Pro bold", sans-serif; font-size: 15px; text-align: left; color: #191e39; padding: 16px; border: 1px solid #b4bfcb; background: #fff; transition: border-color 0.3s; margin: 0; -webkit-appearance: none; } .input-1:-webkit-autofill, .input-1:-webkit-autofill:hover, .input-1:-webkit-autofill:focus, .input-1:-webkit-autofill:active, .input-1:-webkit-autofill::first-line { -webkit-text-fill-color: #191e39 !important; box-shadow: 0 0 0px 60px #fff inset !important; font-size: 15px; font-family: "pt_sansregular", sans-serif !important; } .input-1[readonly] { cursor: default; border: unset; color: #8294a8; } .input-1:focus { border-color: #0faaea; } .input-1::placeholder { font-family: "Lato-Semibold", sans-serif; } .input-1.pagination { width: 40px; height: 40px; padding: unset; margin: 0px 5px 0px 5px; } .input-1.form-height { min-height: 40px; } .input-1.no-height { min-height: unset; max-height: unset; } .input-1.bold { font-family: "Source Sans Pro bold", sans-serif; } .input-1.total-amount { background-color: #DCDCDC; } /* CARD LIMITS*/ /*#boxColor { width: 100px; height: 100px; background: blue; margin-top: 20px; }*/ .CardLimits { margin: 0 auto; max-width: 800px; padding: 0 20px; } .CardLimits .cardLimits-header { display: flex; justify-content: center; } .CardLimits .remainingTransaction { margin-left: 5px; bottom: 1px; position: relative; } .my-profile-limit { display: flex; justify-content: space-between; align-items: center; padding-bottom: 38px; border-bottom: 1px solid #8294A8; } .my-profile-limit:not(:last-child) { margin-bottom: 40px; } .my-profile-limits-wrapper-left { width: calc(100% - 160px); } .my-profile-limits-wrapper-left input { width: 142px; box-sizing: border-box; } .my-profile-limits-info { display: flex; justify-content: space-between; } .my-profile-limits-info-icon-wrapper { padding-left: 55px; width: calc(100% - 155px); } .my-profile-limits-ico { width: 40px; height: 40px; position: absolute; left: 0; } .my-profile-limits-ico-svg { position: absolute; width: 25px; height: 25px; left: 50%; top: 50%; transform: translate(-50%, -50%); stroke: currentColor; } .my-profile-limits-wrapper-right .btn-1 { width: 120px; height: 50px; margin: 0 !important; box-sizing: border-box; justify-content: center; position: relative; } .my-profile-limits-wrapper-right .btn-1:before { position: absolute; content: ""; width: 100%; height: 100%; inset: 0; background: -webkit-gradient(linear, left top, right top, from(#0079ff), to(#00c6ff)); background: linear-gradient(90deg, #0079ff, #00c6ff); -webkit-transition: opacity .3s; transition: opacity .3s; border-radius: 6px; } .my-profile-range-slider { margin-bottom: 15px; } .noUi-target { position: relative; height: 5px; background-color: #B8BAC4; border-radius: 10px; border: none; background: #fafafa; border-radius: 4px; border: 1px solid #d3d3d3; box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; box-sizing: border-box; } .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; box-sizing: border-box; } .noUi-base, .noUi-connects { width: 100%; height: 100%; position: relative; z-index: 1; } .noUi-connects { border-radius: 3px; overflow: hidden; z-index: 0; } .noUi-connect { background-color: #0a79b8; height: 100%; width: 100%; } .noUi-connect, .noUi-origin { will-change: transform; position: absolute; z-index: 1; top: 0; right: 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; -webkit-transform-style: preserve-3d; transform-origin: 0 0; -webkit-transform-style: flat; transform-style: flat; } .noUi-horizontal .noUi-origin { height: 0; } .noUi-horizontal .noUi-handle { border: none; outline: none; width: 20px; height: 20px; border-radius: 50%; cursor: pointer; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); right: -15px; top: -8px; } .noUi-horizontal .noUi-handle:before { content: ""; display: block; width: 8px; height: 8px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #0a79b8; border-radius: 50%; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); } .noUi-horizontal .noUi-tooltip { -webkit-transform: translate(-50%); transform: translate(-50%); left: 50%; bottom: 120%; } .noUi-origin { height: 10%; width: 10%; } .noUi-handle { background: #fff; backface-visibility: hidden; position: absolute; } .noUi-touch-area { height: 100%; width: 100%; } .noUi-tooltip { display: none; position: absolute; border: 1px solid #d9d9d9; border-radius: 3px; background: #fff; color: #000; padding: 5px; text-align: center; white-space: nowrap; } /* END CARD LIMITS*/ .PaymentLimits .uk-grid { display: block; } .PaymentLimits .uk-grid > * { float: unset; } .PaymentLimits .payment-limits { padding: 70px 100px 50px 100px; box-sizing: border-box; } .PaymentLimits .payment-limits .payment-limit-container { display: flex; } .PaymentLimits .payment-limits .uk-width-3-6, .PaymentLimits .payment-limits .uk-width-2-6, .PaymentLimits .payment-limits .uk-width-1-6, .PaymentLimits .payment-limits .uk-width-3-6, .PaymentLimits .payment-limits .uk-width-2-6, .PaymentLimits .payment-limits .uk-width-1-6, .PaymentLimits .payment-limits .uk-width-3-6, .PaymentLimits .payment-limits .uk-width-2-6, .PaymentLimits .payment-limits .uk-width-1-6 { display: inline-block; padding-left: 25px; box-sizing: border-box; } .PaymentLimits .payment-limits .uk-width-3-6, .PaymentLimits .payment-limits .uk-width-3-6, .PaymentLimits .payment-limits .uk-width-3-6 { width: 50%; padding-left: 0; } .PaymentLimits .payment-limits .uk-width-2-6, .PaymentLimits .payment-limits .uk-width-2-6, .PaymentLimits .payment-limits .uk-width-2-6 { width: 30%; } .PaymentLimits .payment-limits .uk-width-1-6, .PaymentLimits .payment-limits .uk-width-1-6, .PaymentLimits .payment-limits .uk-width-1-6 { width: 18%; } .PaymentLimits .payment-limits .custom-form .group { margin-bottom: 20px; } .PaymentLimits .payment-limits .drag-bar { min-height: 60px; background-repeat: no-repeat; background-position: 0 center; background-size: 22px; } .PaymentLimits .payment-limits .drag-bar .plSlider { width: calc(100% - 70px); display: inline-block; position: relative; top: 20px; left: 60px; } .PaymentLimits .payment-limits input[disabled] { color: gray; } .PaymentLimits .payment-limits .limitInputError { border-color: #FF0000; } .PaymentLimits .payment-limits .limitInputError span { color: #FF0000; } .PaymentLimits .payment-limits .select-1 { padding: 0; } .PaymentOrderV3 .s-widget-body { overflow-x: hidden; } .PaymentOrderV3.s-widget { max-width: 1170px; margin-left: auto; margin-right: auto; } .PaymentOrderV3 .col-fix-size-1 { width: 100%; padding-top: 15px; margin-bottom: 18px; } .PaymentOrderV3 .col-fix-size-2 { padding-top: 15px; margin-bottom: 18px; } .PaymentOrderV3 .col-fix-size-3 { right: -15px; top: 14px; } .PaymentOrderV3 .col-fix-size-4 { float: right !important; padding-left: 0px !important; } .PaymentOrderV3 .col-fix-size-5 { right: -45px; } .PaymentOrderV3 .col-fix-size-6 { display: inline-block; padding-top: 12px; margin-bottom: 18px; margin-right: -3px; } .PaymentOrderV3 .col-fix-size-7 { bottom: -8px; } .PaymentOrderV3 .info-icon.col-fix-size-8 { right: 20px; margin-right: 3px; } .PaymentOrderV3 .uk-width-1-6 { width: 25%; } .PaymentOrderV3 .uk-width-5-6 { width: 75%; padding-left: 15px; } .CardPayment .s-widget-body, .FXTrading .s-widget-body, .PaymentTransfer .s-widget-body { overflow-x: hidden; min-height: 808px; } .CardPayment .noAccounts, .FXTrading .noAccounts, .PaymentTransfer .noAccounts { width: 100%; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); } .PaymentTransfer { min-height: auto; } .PaymentTransfer .transaction-filter-inner .dk-select-options { padding-left: 0; padding-right: 0; height: auto; } .PaymentTransfer .transaction-filter-inner p { margin-top: 60px; } .PaymentTransfer .transaction-filter-inner .noActiveAcc p { margin-top: 5px; } .PaymentTransfer .transaction-filter-inner .input-wrapper { margin-top: 60px; } .PaymentTransfer .transaction-filter-inner .payment-wrapper, .PaymentTransfer .transaction-filter-inner .input-payment { position: relative; } .PaymentTransfer .transaction-filter-inner .payment-wrapper label, .PaymentTransfer .transaction-filter-inner .input-payment label { font-size: 12px !important; padding: 0 0 0 16px; margin-bottom: 6px !important; } .PaymentTransfer .transaction-filter-inner .payment-wrapper .dk-select.select-1.dk-select-open-down, .PaymentTransfer .transaction-filter-inner .input-payment .dk-select.select-1.dk-select-open-down { z-index: 22; } .PaymentTransfer .transaction-filter-inner .payment-wrapper .dk-select.select-1.dk-select-open-down .dk-selected, .PaymentTransfer .transaction-filter-inner .input-payment .dk-select.select-1.dk-select-open-down .dk-selected { border-radius: 6px 6px 0 0; border-bottom: transparent; border-color: #0faaea; } .PaymentTransfer .transaction-filter-inner .input-payment { padding-bottom: 70px; border-bottom: 1px solid #8294a8; margin-top: 60px; } .PaymentTransfer .transaction-filter-inner .input-payment .validationMessage { bottom: unset; } .PaymentTransfer .transaction-filter-inner .btn-2 { margin-top: 0; background: linear-gradient(-135deg, #00c6ff, #0079ff); max-width: 292px !important; border-radius: 6px; } .PaymentTransfer .transaction-filter-inner .dk-selected { height: 18px !important; box-sizing: unset !important; } .PaymentTransfer .transaction-filter-inner .dk-selected:after { background: url(images/icons/arrow-down.png) 50% no-repeat !important; background-size: 16px !important; top: 0px; right: 10px !important; width: 16px; height: 100%; } .PaymentTransfer .transaction-filter-inner .input-amount { padding: 13px 0px 13px 24px; font-size: 15px; font-family: "pt_sansregular", sans-serif !important; height: 22px; border: 1px solid #b4bfcb; } .PaymentTransfer .transaction-filter-inner .input-amount.borderError { border: 1px solid red; } .MonthlyBills.dashboardMonthlyBills .clientGrid td { cursor: default !important; height: 67px; } .MonthlyBills.dashboardMonthlyBills tr:hover button { opacity: 1; } .MonthlyBills .s-widget-body { position: relative; overflow: visible; } .MonthlyBills .s-widget-body .empty-section.border { border-top: solid 2px #EFEFEF; } .MonthlyBills .wh-button-top-right { transform: translateY(-100%); } .MonthlyBills .monthly-bills-list li { padding: 40px 95px 10px 95px; border-bottom: 2px solid #EFEFEF; } .MonthlyBills.hiddenHeader { background-image: none; max-width: 980px; margin: auto; margin-bottom: 50px; } .MonthlyBills.hiddenHeader .s-widget-header { display: none; } .MonthlyBills .empty-section .btn-1 { min-width: 250px; } .MonthlyBills .empty-section .text { line-height: 24px; } .MonthlyBills .widget-tabs li { margin-right: 0; padding: 10px 45px; } .MonthlyBills .clientGrid thead { display: none; } .MonthlyBills .clientGrid .gridButton { color: #0095c9; text-transform: uppercase; } .MonthlyBills .clientGrid .title { text-align: left; } .MonthlyBills .tab0 .clientGrid td:nth-child(4) { width: 100px; } .MonthlyBills .tab1 .clientGrid td:nth-child(3), .MonthlyBills .tab1 .clientGrid td:nth-child(4) { width: 100px; } .MonthlyBillsOverview .clientGrid .title { text-align: left; } .MonthlyBillsOverview .clientGrid tbody td:nth-child(4) { display: none; } .monthlyBillsHelp:before { height: 0 !important; padding-bottom: 0 !important; } .monthlyBillDialog .largeTagLetter { font-size: 50px; position: absolute; top: 15px; z-index: -1; left: 50%; transform: translateX(-50%); } .monthlyBillDialog .subtitle { font-size: 16px; margin-bottom: 30px; } .monthlyBillDialog .blueHover.custom-grid.type-2 .col { border-bottom: 1px solid #ebeced; cursor: pointer; padding-top: 10px; } .monthlyBillDialog .blueHover.custom-grid.type-2 .col:hover { background-color: #e5f4f9; } .monthlyBillDialog .blueHover.custom-grid.type-2 .col:nth-child(even) { width: 46%; float: right; padding-left: 0; } .monthlyBillDialog .blueHover.custom-grid.type-2 .col .transaction .tag { margin-left: 0; background-size: 20px 20px; background-repeat: no-repeat; background-position: center center; } .monthlyBillDialog .blueHover.custom-grid.type-2 .col .transaction span:nth-child(2) { color: #7b7b7b; line-height: 25px; } .monthlyBillDialog .blueHover.custom-grid.type-2 .col .transaction .icon-arrow-right-1 { width: 20px; height: 20px; float: right; background-repeat: no-repeat; position: relative; top: 15px; } .monthlyBillDialog .account-picture-wrap { text-align: center; margin-top: 60px; margin-bottom: 80px; } .monthlyBillDialog .account-picture-wrap .image-wrap { position: relative; width: 90px; height: 90px; margin-left: auto; margin-right: auto; border: 2px solid #D9D9D9; border-radius: 50%; background-size: 50px 50px; background-repeat: no-repeat; background-position: center center; } .monthlyBillDialog .account-picture-wrap .title { font-size: 24px; } .monthlyBillDialog .account-picture-wrap .address { font-size: 16px; color: #7b7b7b; } .monthlyBillDialog .two-buttons-wrap .btn-1 { width: calc(50% - 12px); } .monthlyBillDialog .two-buttons-wrap .btn-1:first-child { margin-right: 20px; } .monthlyBillDialog .contractNumberImage { height: 230px; background-repeat: no-repeat; background-size: cover; } /*#endregion Payments*/ .FXTrading .noAccounts { text-align: center; height: 102px; line-height: 102px; } /*#region P2P*/ .P2PPaymentTransfer { max-width: 980px; margin-left: auto; margin-right: auto; margin-bottom: 60px; } .P2PPaymentTransfer .s-widget-body { overflow-x: hidden; } .P2PPaymentTransfer .select-1.type-2 { font-size: 18px; font-weight: 700; } .P2PPaymentTransfer .select-1.type-2 .dk-option { font-weight: normal; font-size: 16px; } .P2PPaymentTransfer .p2pConfirmation { padding: 50px; } .P2PPaymentTransfer .p2pConfirmation img { max-width: 100%; } .P2PPaymentTransfer .p2pConfirmation p a { color: #0095c9; text-decoration: underline; cursor: pointer; } .P2PPaymentTransfer .validationMessage { margin-top: 18px; } .P2PPaymentTransfer { min-height: auto; } .P2PPaymentTransfer .form-error-message-block { position: relative; margin-bottom: 20px; } .P2PPaymentTransfer .p2pOrder { max-width: 788px; margin: 0 auto; } .P2PPaymentTransfer .p2pOrder .input-payment { margin: 0; } .P2PPaymentTransfer .p2pOrder .predefinedAmountList { display: flex; justify-content: space-between; } .P2PPaymentTransfer .p2pOrder .predefinedAmountList > span { border-radius: 30px; border: 1px solid #b4bfcb; padding: 9px 20px; } .P2PPaymentTransfer .p2pOrder .predefinedAmountList > span:hover { cursor: pointer; background: linear-gradient(-135deg, #00c6ff, #0079ff); color: #fff; } .P2PPaymentTransfer .p2pOrder .predefinedAmountList > span.amountAct { background: linear-gradient(-135deg, #00c6ff, #0079ff); color: #fff; } .P2PPaymentTransfer .p2pOrder .dk-select-options { padding-left: 0; padding-right: 0; height: auto; } .P2PPaymentTransfer .p2pOrder .noActiveAcc p { margin-top: 5px; } .P2PPaymentTransfer .p2pOrder .input-wrapper { margin-top: 60px; } .P2PPaymentTransfer .p2pOrder .payment-wrapper, .P2PPaymentTransfer .p2pOrder .input-payment { position: relative; } .P2PPaymentTransfer .p2pOrder .payment-wrapper label, .P2PPaymentTransfer .p2pOrder .input-payment label { font-size: 12px !important; padding: 0 0 0 16px; margin-bottom: 6px !important; } .P2PPaymentTransfer .p2pOrder .payment-wrapper .dk-select.select-1.dk-select-open-down, .P2PPaymentTransfer .p2pOrder .input-payment .dk-select.select-1.dk-select-open-down { z-index: 22; } .P2PPaymentTransfer .p2pOrder .payment-wrapper .dk-select.select-1.dk-select-open-down .dk-selected, .P2PPaymentTransfer .p2pOrder .input-payment .dk-select.select-1.dk-select-open-down .dk-selected { border-radius: 6px 6px 0 0; border-bottom: transparent; border-right: transparent; border-color: #0faaea; } .P2PPaymentTransfer .p2pOrder .input-payment { border-bottom: 1px solid #8294a8; max-width: 584px; margin: 0 auto 40px auto; } .P2PPaymentTransfer .p2pOrder .btn-2 { margin-top: 0; background: linear-gradient(-135deg, #00c6ff, #0079ff); width: 292px !important; border-radius: 6px; margin: 0 auto; display: block; padding: 15px 28px !important; color: #fff; font-weight: 600; } .P2PPaymentTransfer .form-tabs-wrapper { margin-left: -8px; margin-right: -8px; } .P2PPaymentTransfer .form-tab { position: relative; } .P2PPaymentTransfer .form-tab:hover .form-tab-btn { color: #0a79b8; border-color: #0a79b8; } .P2PPaymentTransfer .form-tab .form-tab-btn { position: relative; font-family: "pt_sansregular", sans-serif !important; font-weight: bold !important; font-size: 15px; line-height: 1; letter-spacing: -0.02em; color: #353f4a; padding: 12px 15px 11px; border-radius: 20px; border: 1px solid #b4bfcb; margin: 0 6px 0 6px; transition: color .3s, background-color .3s, border-color .3s, padding .3s; } .P2PPaymentTransfer .form-tab .tab-checked-icon-wrap { position: absolute; width: 12px; top: 11px; left: 16px; transform: scale(0) translateX(-8px); transform-origin: 0 center; transition: transform .3s; } .P2PPaymentTransfer .form-tab .tab-checked-icon-wrap .tab-checked-icon { width: 12px; height: 9px; margin-right: 8px; } .P2PPaymentTransfer .form-tab.amountAct .form-tab-input + .form-tab-btn { color: #0a79b8; font-family: "Source Sans Pro bold", sans-serif; background: linear-gradient(45deg, #0079ff, #00c6ff); border: transparent; pointer-events: none; padding-left: 36px; color: #fff; font-weight: 600; } .P2PPaymentTransfer .form-tab.amountAct .form-tab-input + .form-tab-btn .tab-checked-icon-wrap { left: 16px; transform: scale(1) translateX(0); fill: #fff; } .P2PPaymentTransfer .form-tab .form-tab-input { position: absolute; border: none; background-color: transparent; border-radius: 0; width: 100%; height: 100%; top: 0; left: 0; margin: 0; padding: 0; opacity: 0; cursor: pointer; z-index: 1 !important; } .P2PPaymentTransfer .form-tab .form-tab-input:checked + .form-tab-btn { color: #0a79b8; font-family: "Source Sans Pro bold", sans-serif; background: linear-gradient(45deg, #0079ff, #00c6ff); border: transparent; pointer-events: none; padding-left: 36px; color: #fff; font-weight: 600; } .P2PPaymentTransfer .form-tab .form-tab-input:checked + .form-tab-btn .tab-checked-icon-wrap { left: 16px; transform: scale(1) translateX(0); fill: #fff; } .P2PPaymentTransfer .dk-selected { height: 17px !important; box-sizing: unset !important; } .P2PPaymentTransfer .dk-selected:after { background: url(images/icons/arrow-down.png) 50% no-repeat !important; background-size: 16px !important; top: 0px; right: 10px !important; width: 16px; height: 100%; } .P2PPaymentTransfer .input-amount { padding: 13px 0px 13px 24px; font-size: 15px; border: 1px solid #b4bfcb; max-width: 100%; box-sizing: border-box; font-weight: 400; font-family: "Source-Sans-Pro", sans-serif; } .P2PPaymentTransfer .input-amount:focus { border-color: #0a79b8; } .P2PPaymentTransfer .input-amount.borderError { border: 1px solid red; } .P2PPaymentOverview input { font-family: "Source-Sans-Pro", sans-serif; font-weight: 400; } .P2PPaymentOverview .gvOrderPreviewList { min-height: 250px; } /*#endregion P2P*/ /*#region PaymentOverview*/ .PaymentOverviewV3 .clientGrid thead, .FXTradingOverview .clientGrid thead, .MonthlyBillsOverview .clientGrid thead { display: none; } .PaymentOverviewV3 .s-widget-body[style="position: relative;"] .filter-dialog-button, .FXTradingOverview .s-widget-body[style="position: relative;"] .filter-dialog-button, .MonthlyBillsOverview .s-widget-body[style="position: relative;"] .filter-dialog-button { visibility: hidden; } .P2PPaymentOverview .status_1 { color: #0095c9; } .P2PPaymentOverview .status_2, .P2PPaymentOverview .status_3 { color: gray; } .P2PPaymentOverview .status_4 { color: #4fc44f; } .P2PPaymentOverview .gvOrderPreviewList thead tr { border-bottom: 1px solid #8294a8; } .P2PPaymentOverview .gvOrderPreviewList thead th { color: #8294a8; font-size: 13px; font-family: Source Sans Pro, sans-serif; font-weight: 600; } .P2PPaymentOverview .gvOrderPreviewList thead th.align-left div { text-align: left; } .P2PPaymentOverview .gvOrderPreviewList thead th:first-child { display: none; } .P2PPaymentOverview .gvOrderPreviewList tbody td:first-child { display: none; } .P2PPaymentOverview .gvOrderPreviewList tbody td:nth-child(3) { width: 10.3%; } .P2PPaymentOverview .tableFilter { margin: 0 -8px 16px; } .payment-filter-wrapper { overflow-x: auto; } .payment-filter-wrapper.dropdown-tables, .payment-filter-wrapper.popup-input-table { overflow-x: visible; } .payment-filter-wrapper.POS-table .payment-filter, .payment-filter-wrapper.POS-table .payment-info-wrapper { min-width: 1155px; } .payment-filter-wrapper.turnover-table .payment-filter, .payment-filter-wrapper.turnover-table .payment-info-wrapper { min-width: 1217px; } .payment-filter-wrapper.card-turnover-table .payment-filter, .payment-filter-wrapper.card-turnover-table .payment-info-wrapper { min-width: 1171px; } .payment-filter-wrapper.card-spending-table .payment-filter, .payment-filter-wrapper.card-spending-table .payment-info-wrapper { min-width: 928px; } .payment-filter-wrapper.exchange-rates-table .payment-filter, .payment-filter-wrapper.exchange-rates-table .payment-info-wrapper { min-width: 955px; } .payment-filter-wrapper.deposits-table .payment-filter, .payment-filter-wrapper.deposits-table .payment-info-wrapper { min-width: 955px; } .payment-filter-wrapper.overview-table .payment-filter, .payment-filter-wrapper.overview-table .payment-info-wrapper { min-width: 1000px; } .payment-filter-wrapper.buy-sell-table .payment-filter, .payment-filter-wrapper.buy-sell-table .payment-info-wrapper { min-width: 1050px; } .payment-filter-wrapper.popup-table .payment-filter, .payment-filter-wrapper.popup-table .payment-info-wrapper { width: 420px; } .payment-filter-wrapper.loans-table .payment-filter, .payment-filter-wrapper.loans-table .payment-info-wrapper { min-width: 949px; } .payment-filter-wrapper.payment-plan-table .payment-filter, .payment-filter-wrapper.payment-plan-table .payment-info-wrapper { min-width: 1096px; } .payment-filter-wrapper.total-table .payment-filter, .payment-filter-wrapper.total-table .payment-info-wrapper { min-width: 1055px; } .payment-filter-wrapper.messages-table .payment-filter, .payment-filter-wrapper.messages-table .payment-info-wrapper { min-width: 990px; } .payment-filter-wrapper.packages-table .payment-filter, .payment-filter-wrapper.packages-table .payment-info-wrapper { min-width: 1208px; } .payment-filter-wrapper.order-list-table .payment-filter, .payment-filter-wrapper.order-list-table .payment-info-wrapper { min-width: 1280px; } .payment-filter-wrapper.from-package-report-table .payment-filter, .payment-filter-wrapper.from-package-report-table .payment-info-wrapper { min-width: 1280px; } .payment-filter-wrapper.package-report-table .payment-filter, .payment-filter-wrapper.package-report-table .payment-info-wrapper { min-width: 899px; } .payment-filter-wrapper.pending-order-table .payment-filter, .payment-filter-wrapper.pending-order-table .payment-info-wrapper { min-width: 948px; } .payment-filter-wrapper.salaries-overview-table .payment-filter, .payment-filter-wrapper.salaries-overview-table .payment-info-wrapper { min-width: 814px; } .payment-filter-wrapper.salaries-PP53-table .payment-filter, .payment-filter-wrapper.salaries-PP53-table .payment-info-wrapper { min-width: 737px; } .payment-filter-wrapper.popup-input-table .payment-filter, .payment-filter-wrapper.popup-input-table .payment-info-wrapper { min-width: 900px; } .payment-filter-wrapper.dash-transactions .payment-filter, .payment-filter-wrapper.dash-transactions .payment-info-wrapper { min-width: 999px; } .payment-filter-wrapper.statement-details-table .payment-filter, .payment-filter-wrapper.statement-details-table .payment-info-wrapper { min-width: 912px; } .payment-filter-wrapper.repayment-table .payment-filter, .payment-filter-wrapper.repayment-table .payment-info-wrapper { min-width: 819px; } .payment-filter-wrapper.wide-list-table .payment-filter, .payment-filter-wrapper.wide-list-table .payment-info-wrapper { min-width: 1400px; } .payment-row { min-height: 54px; color: #000; } .payment-row .hover-button { opacity: 0; } .payment-row .absolute-button-col::before { content: ""; position: absolute; inset: 0 0 0 -50%; background: linear-gradient(to right, transparent 0, #fff 25%); opacity: 0; transition: opacity 0s; } .payment-row .absolute-hover-button { position: absolute; top: 50%; right: 8px; transform: translateY(-50%); } .payment-row .absolute-hover-button:hover { background-color: #e6f1f8; } .payment-row.row-dropdown { min-height: 98px; } .payment-row.popup-row { min-height: 45px; } .payment-row.active { background-color: rgba(0, 0, 0, 0.54); border-radius: 6px; } .payment-row.active .page-text, .payment-row.active .page-text-6 { color: #0a79b8; } .payment-row.active .checkmark { border: 2px solid #0a79b8; } .payment-row.active:hover { background-color: rgba(0, 0, 0, 0.54); } .payment-row:hover { background-color: #fff; border-radius: 8px; transition: background-color .3s; } .payment-row:hover .absolute-button-col::before { opacity: 1; transition: opacity .3s; } .payment-row:hover .hover-button { opacity: 1; transition: opacity 1s; } .payment-row:hover .payments-ico { background-color: rgba(10, 121, 184, 0.1); transition: background-color .5s; } .payment-row:hover .no-image-cover { background-color: #DCDCDC; } .PaymentOverviewV3 .tableFilter { width: 70% !important; } @media only screen and (max-width: 1300px) { .PaymentOverviewV3 .tableFilter { width: 100% !important; } } .PaymentOverviewV3 .tableFilter .transaction-filter-inner .transaction-filter-box, .PaymentOverviewV3 .tableFilter .transaction-filter-inner .group-inner.filter { max-width: 158px; width: 21%; margin: 0px 8px; margin-bottom: 10px !important; } .PaymentOverviewV3 .tableFilter .transaction-filter-inner .group-inner .label-1 { white-space: nowrap; } .PaymentOverviewV3 .gvOrderPreviewList thead th:nth-child(4) { text-align: left; } .PaymentOverviewV3 .gvOrderPreviewList thead th:nth-child(6) { text-align: left; } .PaymentOverviewV3 .gvOrderPreviewList tbody td:nth-child(6) { text-align: left; } .PaymentOverviewV3 .gvOrderPreviewList tbody td:nth-child(7) { text-align: left; } .PaymentOverviewV3 .gvOrderPreviewList tbody td:nth-child(8) { text-align: left; } .PaymentOverviewV3 .status_20, .PaymentOverviewV3 .status_25 { color: #4fc44f; } .PaymentOverviewV3 .status_22, .PaymentOverviewV3 .status_30, .PaymentOverviewV3 .status_31, .PaymentOverviewV3 .status_32 { color: #FF0000; } .PaymentOverviewV3 .status_2, .PaymentOverviewV3 .status_6, .PaymentOverviewV3 .status_9, .PaymentOverviewV3 .status_10, .PaymentOverviewV3 .status_36, .PaymentOverviewV3 .status_44, .PaymentOverviewV3 .status_45, .PaymentOverviewV3 .status_51, .PaymentOverviewV3 .status_56 { color: #0095c9; } /*#endregion PaymentOverview*/ /*#region Inflows*/ .InflowsOverview .s-widget-body { min-height: 117px; } .InflowsOverview .gridFilterArea { display: none; } .InflowsOverview .widget-tabs li { padding: 15px 40px; cursor: pointer; box-sizing: border-box; margin-right: 0; } .InflowsOverview .clientGrid .value { display: inline-block; } .InflowsOverview .clientGrid a { margin-right: 20px; } .InflowsOverview .clientGrid thead { display: none; } /*#endregion Inflows*/ /*#region Accounts*/ .AccountTurnoverV3 { position: relative; background-position: 25px 18px; visibility: hidden; } .AccountTurnoverV3 #divPrint, .AccountTurnoverV3 .tableHeader, .AccountTurnoverV3 .clientGrid thead, .AccountTurnoverV3 AccountTurnoverContent .currency { display: none; } .AccountTurnoverV3 .widget-options.print { margin-right: 55px; margin-top: 3px; } .AccountTurnoverV3 .s-widget-body[style="position: relative;"] .widget-options.print { visibility: hidden; } .select-3-detail { position: absolute; right: 0; bottom: 0; min-width: 90px; margin-bottom: 0; } .select-3-detail:before { content: ''; width: 0; height: 0; border: 0; background: none; border-style: solid; border-width: 6px 6px 0 6px; border-color: #000000 transparent transparent transparent; position: absolute; top: 8px; right: 15px; } .select-3-detail select { width: 100%; padding: 0px 35px; padding-left: 0; background-color: #FFFFFF; font-family: "futura", sans-serif; font-size: 16px; display: block; line-height: 24px; float: right; direction: rtl; outline: none; -webkit-appearance: none; -moz-appearance: none; border: none; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .gvUnusedCheques thead, .gvUndueLiabilities thead, .gvReservedFunds thead { display: none; } .gvUnusedCheques tbody tr:first-child, .gvUndueLiabilities tbody tr:first-child, .gvReservedFunds tbody tr:first-child { border-top: none !important; } .gvUnusedCheques tbody tr .value, .gvUndueLiabilities tbody tr .value, .gvReservedFunds tbody tr .value { text-align: right !important; } .gvUnusedCheques .clientGrid tbody tr .value, .gvUndueLiabilities .clientGrid tbody tr .value, .gvReservedFunds .clientGrid tbody tr .value { line-height: normal; } .reservedFundsCard, .reservedFunds { padding-top: 0 !important; } .reservedFundsCard .pending-expenses-text, .reservedFunds .pending-expenses-text { width: -webkit-calc(100% - 50px); width: calc(100% - 50px); } .reservedFundsCard .pending-expenses-ico-col, .reservedFunds .pending-expenses-ico-col { width: 77%; } .reservedFundsCard .reserved-funds-amount, .reservedFunds .reserved-funds-amount { text-align: right; } .undue-liabilities-dialog .ui-dialog-buttonset button, .reserved-dialog .ui-dialog-buttonset button, .short-dialog .ui-dialog-buttonset button, .filter-dialog .ui-dialog-buttonset button { border: transparent; background-size: 25px !important; width: 30px; height: 30px; background-position: center center; background-repeat: no-repeat; position: absolute; top: 46px; left: 40px; background: url(images/back-1.png) no-repeat, transparent; } .undue-liabilities-dialog .ui-dialog-content.ui-widget-content, .reserved-dialog .ui-dialog-content.ui-widget-content, .short-dialog .ui-dialog-content.ui-widget-content, .filter-dialog .ui-dialog-content.ui-widget-content { height: 100% !important; } .undue-liabilities-dialog .check-title, .reserved-dialog .check-title, .short-dialog .check-title, .filter-dialog .check-title { color: #7b7b7b; } .filter-dialog .ui-dialog-content.ui-widget-content { height: calc(100% - 30px) !important; } .detail-icon-arrow-right-1 { background: url(images/icons/arrow-blue-r.png) no-repeat, transparent; background-size: 6px; position: static; display: inline-block; width: 20px; height: 20px; background-position: center center; cursor: pointer; margin-left: 10px; } .account-detail-link { cursor: pointer; } .account-detail-link:hover { opacity: 0.7; } .account-detail-link span { color: #0095c9 !important; } /*AccountLastChanges*/ .AccountLastChanges { background-position: 25px 18px; position: relative; } .AccountLastChanges .s-widget-body { position: relative; overflow: visible; min-height: 369px; } .AccountLastChanges .s-widget-body-error-summary { position: absolute; width: 100%; } .AccountLastChanges .s-widget-body .empty-section { padding: 90px 0; } .AccountLastChanges .s-widget-body .topBorder { border-top: 1px solid #ebeced !important; } .gvCardTurnover .clientGrid thead tr:first-child th { padding-left: 0.6em; } @media only screen and (max-width: 1400px) { .gvCardTurnover .clientGrid thead tr:first-child th { width: 30%; } } .CardTurnover .gvCardTurnover thead th { width: 16.66667%; font-size: 13px; color: #8294a8; padding-bottom: 1.4em; } .CardTurnover .gvCardTurnover thead th:nth-child(4) { width: 25%; } .CardTurnover .gvCardTurnover thead th:nth-child(6) { text-align: left; } .CardTurnover .gvCardTurnover thead th:nth-child(6) div { justify-content: start; } .CardTurnover .gvCardTurnover thead th:nth-child(7) { text-align: left; } .CardTurnover .gvCardTurnover thead th:nth-child(7) div { justify-content: start; } .CardTurnover .gvCardTurnover tbody:before { display: none; } .CardTurnover .gvCardTurnover tbody tr td:nth-child(6) { text-align: left; } .CardTurnover .gvCardTurnover tbody tr td:nth-child(7) { text-align: left; } .gvSupplementaryCards .clientGrid tbody tr:last-child { border-top-right-radius: 12px; border-bottom-right-radius: 12px; border-bottom: 1px solid #C7C7C7 !important; } .gvCardSpending .clientGrid thead tr:first-child th { padding-left: 0.6em; } .gvCardSpending .clientGrid thead tr th:nth-child(5) div, .gvCardSpending .clientGrid thead tr th:nth-child(4) div { justify-content: start; } .gvCardSpending .clientGrid tbody tr td:nth-child(5), .gvCardSpending .clientGrid tbody tr td:nth-child(4) { text-align: left; } @media only screen and (max-width: 1600px) { .statements-dialog { max-height: 80vh; overflow-y: scroll; } } .statements-dialog #gvCardStatementsDetail .clientGrid thead th:nth-child(2) { text-align: left; } .statements-dialog #gvCardStatementsDetail .clientGrid thead th:nth-child(6) { text-align: left; } .statements-dialog #gvCardStatementsDetail .clientGrid tbody td:nth-child(6) { text-align: left; } .statements-dialog .ui-dialog-buttonset { justify-content: center !important; } .s-widget.AccountStatements { padding-bottom: 10%; } .gvAccountStatements { overflow-x: auto; min-width: 960px; } .gvAccountStatements .clientGrid thead td { width: 8.33333%; text-align: center; } .gvAccountStatements .clientGrid thead td input.cbMultiselectAll { width: 18px; height: 18px; accent-color: red; } .gvAccountStatements .clientGrid thead td input.cbMultiselectAll:before { border: 2px solid red; background: yellow; } .gvAccountStatements .clientGrid thead th:nth-child(3) { width: 8.33333%; text-align: left; padding-left: 13px; } .gvAccountStatements .clientGrid thead th:nth-child(4) { width: 83.33333%; text-align: left; } .gvAccountStatements .clientGrid tbody td input.cbMultiselect { width: 18px; height: 18px; border: 2px solid red; background-color: transparent; } .gvAccountStatementDetail .clientGrid { border-collapse: collapse; border: 1px solid #ddd; background-color: #fff; } .gvAccountStatementDetail .clientGrid thead tr th { text-align: left; } .gvAccountStatementDetail .clientGrid thead tr th span { float: right; } .gvAccountStatementDetail table.tablesaw { empty-cells: show !important; max-width: 100%; width: 100%; } #gvAccountLastChanges { min-height: 321px; } #gvAccountLastChanges thead { display: none; } #gvAccountLastChanges .clientGrid td:nth-child(2) { width: 70px; } #gvAccountLastChanges .clientGrid tbody tr:first-child { border-top: none; } #gvAccountLastChanges .tag { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; position: relative; /*top: 0;*/ -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: center; position: absolute; left: 20px; border: 2px solid #D9D9D9; color: #000000; font-weight: normal; font-size: 16px; display: inline-block; width: 35px; max-width: 100%; height: 35px; max-height: 100%; line-height: 35px; padding-top: 0; margin-top: 0px; box-sizing: border-box; background-repeat: no-repeat; background-position: 50%; background-size: 100%; } #gvAccountLastChanges .tag.type-2 { border-color: #ED1C24; background-color: #ED1C24; } .last-transactions-section { max-height: 422px; } .transaction { position: relative; padding: 10px 25px 10px 20px; } /*End AccountLastChanges*/ .ActiveNoticesOverviewV4 .s-widget-body { min-height: 420px; overflow: visible; } /*#endregion Accounts*/ /*#region Cards*/ .CardTurnoverAndSpendings { position: relative; background-position: 25px 18px; visibility: hidden; } .CardTurnoverAndSpendings .clientGrid thead, .CardTurnoverAndSpendings .tableTitle.currency, .CardTurnoverAndSpendings .tableFilter, .CardTurnoverAndSpendings .tableHeader { display: none; } .CardTurnoverAndSpendings .clientGrid tbody tr:first-child { border-top: none; } .CardStatements .s-widget-body[style="position: relative;"] .filter-dialog-button { visibility: hidden; } .CardStatements .clientGrid thead th { text-align: left; } .CardStatements .clientGrid thead th:nth-child(2) { padding-left: 20px; } .CardStatements .clientGrid tbody tr { border-radius: 8px; } .CardStatements .clientGrid tbody tr td:nth-child(2) { padding-left: 20px; } .CardStatements .clientGrid tbody tr td:nth-child(5) { width: 110px; } .CardStatements .clientGrid tbody tr td p { height: 38px; vertical-align: middle; } .CardStatements .clientGrid tbody tr td svg { position: absolute; right: 20px; fill: #8294a8; } .CardStatements .clientGrid tbody tr td svg.filter-error-ico { position: relative !important; } .card-detail.custom-grid.type-2 .col:nth-child(odd) { padding-left: 30px; } .card-detail.custom-grid.type-2 .col:nth-child(even) { padding-left: 0px; } .margin-none { margin: 0; } .card-img { padding-left: 30px; max-width: 42%; } .card-icon { width: 40px !important; } .CardStatementsCalendar .s-widget-body-header { border-bottom: none; } .CardStatementsCalendar thead tr { height: 37px; } .card-payment-step2 { margin-left: 15px; margin-right: 15px; } .card-payment-form { padding-top: 70px; } .card-payment-form .widget-button { margin-top: 100px; border-top: 2px solid #EFEFEF; } .card-payment-form .payment-option-from::after { content: ''; width: 0; height: 0; border: 0; background: none; border-style: solid; border-width: 6px 6px 0 6px; border-color: #000000 transparent transparent transparent; position: absolute; } .card-payment.PaymentOrderV3 { visibility: hidden; } .card-payment .s-widget-header { background-repeat: no-repeat; } .card-payment .s-widget-body-header { display: none !important; } .card-detail img { max-width: 300px; width: 100%; } .padding-0 { padding: 0 !important; } .padding-right-3 { padding-right: 30px; } .btn-1.card-commision { width: 49%; } .progress-bar-wrap.progress-bar-card { display: block; } /* UtilityPayment */ .utilityPayment .pdf-wrapper.flex-layout.templates { display: none; } .utilityPayment .PaymentOrderV4Mk .tableFilter .transaction-filter-inner { justify-content: end; } .UtilityPayment .fast-pay-account-wrapper { margin: 0 0 40px -16px; display: flex; flex-wrap: wrap; } .UtilityPayment .fast-pay-account { width: 216px; padding: 16px; border: 1px solid rgba(10, 121, 184, 0); transition: background-color .5s, border-color .3s; cursor: pointer; display: flex; align-items: center; flex: 0 0 auto; margin-right: 0; box-sizing: border-box; } .UtilityPayment .fast-pay-account.fast-pay-utility.active { border-color: rgba(0, 0, 0, 0.54); } .UtilityPayment .fast-pay-account .page-text { width: calc(100% - 80px); padding: 0 16px; } .UtilityPayment .fast-pay-account.active { background-color: #fff; } .UtilityPayment .fast-pay-account:hover { background-color: #fff; } .UtilityPayment .fast-pay-account-img { width: 48px; height: 48px; overflow: hidden; } .UtilityPayment .fast-pay-account-img.no-img { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-transform: uppercase; font-size: 16px; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08); line-height: 1; } .billIcon393 { background-image: url(images/Telekom.png); background-repeat: no-repeat; background-position: center left 10px; background-size: 60px; } .billIcon394 { background-image: url(images/telekom-icon.png); background-repeat: no-repeat; background-position: center left 10px; background-size: 60px; } .billIcon398 { background-image: url(images/Beg.png); background-repeat: no-repeat; background-position: center left 10px; background-size: 60px; } .billIcon399 { background-image: url(images/neotel-icon.png); background-repeat: no-repeat; background-position: center left 10px; background-size: 60px; } .billIcon998 { background-image: url(images/vodovod-skopje-icon.png); background-repeat: no-repeat; background-position: center left 10px; background-size: 60px; } .billIcon999 { background-image: url(images/Mtv.png); background-repeat: no-repeat; background-position: center left 10px; background-size: 60px; } .billIcon392 { background-image: url(images/evn.png); background-repeat: no-repeat; background-position: center left 10px; background-size: 60px; } .billIcon406 { background-image: url(images/ecm-icon.png); background-repeat: no-repeat; background-position: center left 10px; background-size: 60px; } .billIcon407 { background-image: url(images/Mtel.png); background-repeat: no-repeat; background-position: center left 10px; background-size: 60px; } .billIcon991 { background-image: url(images/a1.png); background-repeat: no-repeat; background-position: center left 10px; background-size: 60px; } .dialogAccount.folioNumber .input-wrap { background: transparent; } .error-container { color: red; } /* END Utility Payment*/ .payment-option-from { margin: 0; padding: 0; border: 0; font-size: 100%; font-family: inherit; font: inherit; vertical-align: baseline; width: 100%; height: 100%; } .loan-payment .select-3, .card-payment-form .select-3 { width: auto; font-weight: 700; font-family: "futura", sans-serif; font-size: 16px; display: block; padding: 14px 35px; padding-left: 0px; } .loan-payment .select-3:before, .card-payment-form .select-3:before { content: none; } /*#endregion Cards*/ /*#region Loans*/ .widget-loan-repayment { min-height: 660px; } .AccountTurnoverV2 .pageSize, .CardTurnover .pageSize, .LoanAnnuityPlan .pageSize { display: block !important; } .LoanAnnuityPlan .dot-menu-text-wrapper { cursor: pointer; } .LoanAnnuityPlan .dot-menu-text-wrapper .page-text { width: -webkit-calc(100% - 20px); width: calc(100% - 20px); padding: 0 0 0 10px; line-height: 1; position: relative; top: 2px; } .LoanRepayments .payment-filter { padding: 4px; } .LoanRepayments .payment-filter-wrapper .user-account-card { border-bottom: 1px solid #8294a8; border-bottom-left-radius: unset !important; border-bottom-right-radius: unset !important; } .LoanRepayments .payment-filter-date .page-text-2 { padding-left: 65px; } .CommissionReport { margin-top: 50px; } #gvCommissionReport thead { display: none; } #gvCommissionReport tbody tr:first-child { border: 0; } #gvCommissionReport tbody td { width: 33%; } #gvCommissionReport tbody td:nth-child(3) { text-align: center; } #gvCommissionReport tbody td:nth-child(4) span { display: flex; justify-content: end; } #gvCommissionReport tbody td a.pdf-download { width: 20px; } .gvLoanRepayments td:nth-child(2) { padding-left: 25px; } .gvLoanRepayments td:nth-child(3) { padding-right: 5px; } .gvLoanRepayments .pageSize { display: block !important; } .loan-payment .title.tag-title { padding-left: 40px !important; } .loan-payment .icon-accounts-4 { position: absolute; left: 0; width: 40px; height: 100%; background-repeat: no-repeat; background-position: 5px 2px; } .loan-slider-container { position: relative; z-index: 10; padding: 0 160px; } /*#endregion Loans*/ /*#region CurrencyExchange*/ .CurrencyExchangeV2.dashboard-currency-exchange .gvCurrencyExchange { max-height: 246px; } .CurrencyExchangeV2.dashboard-currency-exchange .gvCurrencyExchange .clientGrid thead tr th { padding-top: 22px; } .CurrencyExchangeV2.dashboard-currency-exchange .gvCurrencyExchange .clientGrid td:nth-child(2) { font-weight: bold; position: relative; top: -5px; } .CurrencyExchangeV2.dashboard-currency-exchange .gvCurrencyExchange .clientGrid thead th.align-center div { justify-content: start; } .CurrencyExchangeV2.dashboard-currency-exchange .curencyExchangeFilter { display: none; } .CurrencyExchangeV2:not(.dashboard-currency-exchange) .clientGrid td { /* &:nth-child(2) { font-size: 18px; border-top-left-radius: 31px; border-bottom-left-radius: 31px; width: 40%; }*/ /* &:nth-child(3), &:nth-child(4), &:nth-child(5) { width: 10%; padding-right: 70px; text-align: right; }*/ /* &:last-child { border-top-right-radius: 31px; border-bottom-right-radius: 31px; padding-right: 25px !important; }*/ /*.currency-flag { position: relative; width: 40px; height: 40px; top: 5px; background-color: #FFFFFF; border-radius: 50%; float: left; margin-right: 16px; }*/ } .CurrencyExchangeV2 select.typesList { text-transform: uppercase !important; } .CurrencyExchangeV2 .noticeSection { display: none; } .CurrencyExchangeV2 .clientGrid .tablesaw-cell-label { display: none; } .CurrencyExchangeV2 .clientGrid thead tr th { text-align: left !important; } .CurrencyExchangeV2 .clientGrid thead tr th:nth-child(2) div { margin-left: 10px; } .CurrencyExchangeV2 .clientGrid tbody tr td { cursor: default !important; /* span { &.currency-flag { &:before { background-size: 100% 100%; width: 16px; height: 16px; margin: auto; content: ""; background-repeat: no-repeat; display: inline-block; box-shadow: 0 4px 8px rgba(0, 0, 0, .23); position: relative; top: 11px; right: -12px; } } }*/ } /*#endregion CurrencyExchange*/ /*#region FXTrading*/ .FXTrading { margin-bottom: 0; } .FXTrading .s-widget-body { overflow: visible; } .FXTrading .widget-tabs { margin-bottom: 0; } .FXTrading .widget-tabs .button-wrap .active { border-color: #000000; } .FXTrading .widget-tabs .button-wrap .active:nth-child(1) a { background-image: url(images/icons/chart-3.png); } .FXTrading .widget-tabs .button-wrap .active:nth-child(2) a { background-image: url(images/icons/icon-reload-2.png); } .FXTradingCalculator .s-overlay-message { box-sizing: content-box; } .FXTradingCalculator .s-widget-body { position: relative; } .FXTradingCalculator .currency { width: 50%; float: left; padding: 40px 20px; } .FXTradingCalculator .currency.currency-left { padding-left: 40px; } .FXTradingCalculator .currency.currency-right { padding-right: 40px; } .FXTradingCalculator .currency .select-3 { position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .FXTradingCalculator .currency .flag { width: 50px; height: 50px; display: inline-block; background-size: cover; border-radius: 50%; } .FXTradingCalculator .currency .flag.RSD { background-image: url(images/icons/icon-rsd-table.png); } .FXTradingCalculator .currency .flag.EUR { background-image: url(images/icons/eu.png); } .FXTradingCalculator .eq { position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: 100px; position: absolute; font-size: 24px; color: #CACACA; line-height: 35px; margin-bottom: 0; } .FXTradingCalculator .btn-1 { border-top: 1px solid #EFEFEF; } .FXTradingCurrencyHistory { display: none; margin-bottom: 0; } .FXTradingCurrencyHistory .tableFilter { border-bottom: none; } .FXTradingCurrencyHistory .col-fix-size-1 { width: 310px; float: none; } /*#endregion FXTrading*/ /*#region CreditorTemplateManaging*/ .CreditorTemplateManaging:not(.dashboard-widget) .s-widget-body { position: relative; overflow: visible; } .CreditorTemplateManaging:not(.dashboard-widget) .wh-button-top-right { transform: translateY(-100%); } .CreditorTemplateManaging:not(.dashboard-widget) .name { width: 16%; padding-left: 80px; } .CreditorTemplateManaging:not(.dashboard-widget) button { border: none; background: transparent; color: #0095c9; text-transform: uppercase; font-size: 15px; font-family: "Source-Sans-Pro-bold", sans-serif; margin-right: 10px; cursor: pointer; } .CreditorTemplateManaging:not(.dashboard-widget) button.pay { display: none; } .CreditorTemplateManaging:not(.dashboard-widget) .newTemplate { display: none; } .CreditorTemplateManaging:not(.dashboard-widget) .clientGrid tr td:nth-child(4), .CreditorTemplateManaging:not(.dashboard-widget) .clientGrid tr td:nth-child(5) { width: 50px; } .CreditorTemplateManaging:not(.dashboard-widget) .clientGrid tr td:nth-child(6) { display: none; } .CreditorTemplateManaging:not(.dashboard-widget) .gridFilterArea span { left: 50px; } /*#endregion CreditorTemplateManaging*/ /*#region Products*/ .Products { position: relative; background-position: 25px 19px; } .Products .s-widget-body { overflow: visible; } .Products .change-tab { position: absolute; right: 10px; top: 8px; padding: 5px; } .Products .change-tab .widget-options { padding-top: 2px; padding-right: 0; } .Products .change-tab .widget-options li { cursor: pointer; } .Products .change-tab .widget-options li .t-modal { z-index: 1; } .Products .chart-tab { text-align: center; padding: 12px 20px 0 20px; border-bottom: 5px solid #FFEC00; border-top: 2px solid transparent; position: relative; box-sizing: border-box; max-height: 360px; overflow: visible; } .Products .chart-tab .chart-slider { width: 600px; margin: 0 auto; } .Products .chart-tab .chart-slider .slick-list { z-index: 20; } .Products .chart-tab .chart-content { /*width: 280px;*/ position: absolute; left: 48%; top: 167px; /*margin-left: -140px;*/ margin-left: -76px; text-align: center; } .Products .chart-tab .chart-content.row-2 { top: 164px; } .Products .chart-tab .chart-content .btn-1 { width: 180px; line-height: 26px; padding: 7px 20px; } .Products .chart-tab .chart-content .btn-1 i { width: 30px; height: 25px; display: inline-block; background-repeat: no-repeat; background-position: center center; float: left; position: relative; top: -2px; margin-right: 10px; } .Products .chart-tab .chart-content .title { font-size: 16px; color: #7b7b7b; margin-bottom: 16px; } .Products .chart-tab .chart-content .title.row-2 { margin-bottom: 0px; } .Products .chart-tab .chart-content .chart-val div { display: inline; } .Products .chart-tab .chart-content .chart-val .val { display: inline-block; font-size: 30px; color: #000000; margin-bottom: 20px; cursor: pointer; } .Products .chart-tab .chart-content .chart-val .val.row-2 { margin-bottom: 5px; font-size: 20px; } .Products .chart-tab .chart-content .chart-val .val.defaultCursor { cursor: default; } .Products .chart-tab .chart-content .chart-val .small { font-size: 24px; } .Products .chart-tab .chart-content .chart-val .small.row-2 { font-size: 16px; margin-bottom: 5px; } .Products .chart-tab .account-name { display: inline-block; font-size: 18px; color: #000000; margin-bottom: 8px; position: relative; z-index: 1; } .Products .chart-tab .acc-icon { display: inline-block; float: left; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center center; margin-right: 10px; background-size: contain; } .Products .chart-tab .icon-2 { float: right; margin-left: 10px; cursor: pointer; } .Products .chart-tab .slick-slide .slide-inner { opacity: 0; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .Products .chart-tab .slick-slide.slick-active .slide-inner { opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } .Products .chart-tab .slick-dots { width: 100%; position: absolute; bottom: 9px; height: 19px; } .Products .chart-tab .slick-dots li { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #CACACA; cursor: pointer; margin: 4px; } .Products .chart-tab .slick-dots li button { padding: 0; text-indent: -9999px; overflow: hidden; display: inline-block; border: none; } .Products .chart-tab .slick-dots li.slick-active { background: #000000; } .Products .chart-tab .chart-wrap { width: 100%; position: relative; top: -50px; } .Products .chart-tab .chart-wrap .gauge-chart { width: 600px !important; height: 370px !important; margin: 0 auto; } .Products .currencySelect { padding-right: 15px; position: relative; } .Products .currencySelect:after { transform: translateY(-50%); content: ''; width: 0; height: 0; border: 0; background: none; border-style: solid; border-width: 6px 6px 0 6px; border-color: #000000 transparent transparent transparent; position: absolute; top: 11px; right: 0; } .Products .currencySelect .selected-currency { cursor: pointer; } .Products .value-menu { position: absolute; right: 160px; box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.3); padding: 2px 10px; background-color: #FFFFFF; z-index: 1; max-height: 105px; overflow: auto; box-sizing: border-box; } .Products .value-menu li { transition: all 0.2s ease; font-size: 14px; border: none !important; padding: 2px 5px; color: #000000; cursor: pointer; } .Products .value-menu li:hover { color: #ffe082; } .Products .chart-content .value-menu { right: 10px; top: 20px; } .Products .chart-content .currencySelect:after { top: 17px; } .Products .list-item.row-1 { cursor: default; } .Products .list-item.row-1.selected, .Products .list-item.row-1:hover { background: transparent; } .Products .list-item.row-1 .float50 { width: 45%; float: right; } .Products .pointer { cursor: pointer; } /*#endregion Products*/ /*#region flags*/ .FXTradingCalculator .EUR { background-image: url(images/icons/eu-flag.png); } .FXTradingCalculator .USD { background-image: url(images/icons/us-flag.png); } .FXTradingCalculator .CHF { background-image: url(images/icons/swiss-flag.png); } .FXTradingCalculator .GBP { background-image: url(images/icons/uk-flag.png); } .FXTradingCalculator .AUD { background-image: url(images/icons/aus-flag.png); } .FXTradingCalculator .RUB { background-image: url(images/icons/rus-flag.png); } .FXTradingCalculator .SEK { background-image: url(images/icons/swe-flag.png); } .FXTradingCalculator .CAD { background-image: url(images/icons/cad-flag.png); } .FXTradingCalculator .DKK { background-image: url(images/icons/dan-flag.png); } .FXTradingCalculator .JPY { background-image: url(images/icons/jap-flag.png); } .FXTradingCalculator .NOK { background-image: url(images/icons/nr-flag.png); } .FXTradingCalculator .HUF { background-image: url(images/icons/hun-flag.png); } .FXTradingCalculator .RSD { background-image: url(images/icons/srb-flag.png); } .FXTradingCalculator .HRK { background-image: url(images/icons/cro-flag.png); } /*#endregion flags*/ /*#region tabs*/ /* .k-tabstrip { .k-tabstrip-items { .k-item { display: inline-block; font-size: 14px; text-align: center; width: 50%; padding: 0 7px 8px 7px; box-sizing: border-box; border-bottom: 1px solid #c3c3c3; .k-link { color: #9b9b9c; &:hover { text-decoration: none; cursor: pointer; color: $color-29; } } &.k-state-active { border-bottom: 2px solid $color-29; .k-link { color: $color-29; } } &:hover { border-bottom: 2px solid $color-29; .k-link { color: $color-29; } } } } &:focus { outline: none; } .s-widget-header { background-size: 18px; background-repeat: no-repeat; background-position: 23px 23px; } } .inline-tabs { .k-tabstrip { .k-tabstrip-items { .k-item { width: auto; padding: 10px 35px; font-size: 16px; } } } } */ .fast-payment-zone .s-widget-header.zone-header { position: relative; background-image: url(images/icons/payments_d.png); background-size: 24px; background-position: 18px 14px; } .fast-payment-zone .s-widget-header.zone-header .zone-filter { position: absolute; right: 20px; top: 15px; width: 36px; height: 26px; background-image: url(images/icons/filter-1.png); background-repeat: no-repeat; border: 2px solid #CFD0D2; border-radius: 13px; background-size: 14px; box-sizing: border-box; background-position: center; cursor: pointer; } .fast-payment-zone .s-widget-header.zone-header .zone-filter:hover { border-color: #494f5a; background-image: url(images/icons/filter-2.png); } .fast-payment-zone .filterArea { display: none; } .fast-payment-zone .filterArea input { padding: 13px 15px 4px 15px; line-height: 23px; font-family: "futura", sans-serif; font-size: 16px; letter-spacing: 0.5px; color: #494f5a; border-radius: 0; box-sizing: border-box; width: 92%; display: block; margin: 0 auto 10px auto; border: solid 1px #d1d1d1; } .fast-payment-zone .filterArea span { font-size: 16px; color: #7b7b7b; background: #FFFFFF; position: relative; top: 10px; left: 30px; padding: 0 10px; } .fast-payment-zone .k-link { font-size: 16px; } .fast-payment-zone .k-tabstrip-items { padding-top: 10px; } .fast-payment-zone .CreditorTemplateManaging .mode-stack { display: none; } .fast-payment-zone .CreditorTemplateManaging .gvTemplateList tr { height: 67px; } .exchange-zone .s-widget-header { background-image: url(images/icons/icon-exchange-office_d.png); background-size: 25px; background-position: 20px 15px; } .exchange-zone .s-widget-body { min-height: 252px; } .exchange-zone .k-link { font-size: 16px; } .exchange-zone .k-tabstrip-items { padding-top: 10px; } .payment-overview-zone { position: relative; } .payment-overview-zone .s-widget-header { background-image: url(images/icons/icon-last-trans.png); background-position: 20px 17px; } .payment-overview-zone .k-tabstrip .k-tabstrip-items .k-item:not(.k-state-active) { border-bottom: none; } .statements-zone { visibility: hidden; position: relative; } .statements-zone .s-widget-header { background-image: url(images/icons/cards_d.png); background-size: 30px; background-position: 20px 13px; } .statements-zone .filter-dialog-button { right: 30px; } .PersonalDataV2.s-widget { background-color: transparent !important; } .PersonalDataV2 .detailTable div span { font-family: "pt_sansregular", sans-serif !important; } .PersonalDataV2 .package-info .my-account-info-wrapper.space-between { padding-right: 0px !important; } .PersonalDataV2 .package-info .my-account-info-wrapper.space-between a { border-radius: 50%; transition: all .5s; } .PersonalDataV2 .package-info .my-account-info-wrapper.space-between a svg { stroke: #0a79b8; } .PersonalDataV2 .package-info .my-account-info-wrapper.space-between a:hover { background-color: #0a79b8; } .PersonalDataV2 .package-info .my-account-info-wrapper.space-between a:hover svg { stroke: #FFFFFF; } .mobilePhoneField { min-height: 45px; } .mobilePrefix-contentData { float: left; color: #7b7b7b; } .newMobileNumber-contentData { float: left; max-width: 250px; line-height: 24px !important; border: none; } .profile-zone { /* .k-tabstrip { .k-tabstrip-items { border-bottom: 2px solid $color-22; padding-left: 100px; margin-top: 90px; .k-item { padding: 15px 40px; } .k-item:not(.k-state-active) { border-bottom: none; } } }*/ } .profile-zone .profile-zone-header { padding: 70px 100px 0 100px; } .profile-zone .attachment-card { max-width: 345px; padding-left: 50px; } .profile-zone .attachment-card:before { top: 50%; width: 40px; height: 40px; left: 5px; } .profile-zone .s-widget-body { min-height: 200px; } .profile-zone .contact-data { padding: 70px 100px 60px 100px; } .profile-zone .user-profile-wrap { position: relative; padding-left: 145px; } .profile-zone .user-profile-wrap a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; display: inline-block; font-size: 16px; color: #000000; border-bottom: 1px solid #000000; margin-bottom: 20px; } .profile-zone .user-profile-wrap a:hover { color: #0095c9; border-color: #0095c9; } .profile-zone .user-profile-wrap .user-profile-tag { border-radius: 50%; width: 115px; height: 115px; background-color: #0095c9; color: #FFFFFF; font-size: 43px; text-transform: uppercase; text-align: center; line-height: 115px; vertical-align: middle; position: absolute; left: 0; } .profile-zone .user-profile-wrap .user-profile-tag.transparent { background-color: transparent !important; } .profile-zone .user-profile-wrap .user-profile-tag img { border-radius: 100%; width: 115px; height: 115px; margin: 0 auto; display: block; } .profile-zone .user-profile-wrap .user-profile-title { font-size: 30px; color: #000000; margin-bottom: 5px; } .profile-zone .user-profile-wrap .user-profile-info { font-size: 14px; color: #000000; line-height: 16px; margin-bottom: 0; position: relative; top: 10px; } .profile-zone .user-profile-wrap .user-profile-info span { position: relative; font-size: 12px; color: #7b7b7b; margin: 0 10px; } .profile-zone .user-profile-wrap .user-profile-info span:nth-child(2) { margin-left: 0; } .profile-zone .user-profile-wrap .user-profile-info > span:not(.noLine):after { top: 50%; transform: translateY(-50%); right: -13px; position: absolute; content: ""; width: 2px; height: 10px; background-color: #0095c9; } .profile-zone .tabs-dropdown { display: none; } .profile-zone .change-password-dialog { padding: 70px 100px 50px 100px; box-sizing: border-box; } .profile-zone .change-password-dialog .uk-width-3-6 { display: inline-block; padding-left: 35px; width: 49%; box-sizing: border-box; } .profile-zone .change-password-dialog .custom-form { margin-left: -35px; padding-top: 0; } .exchange-office-zone .s-widget { max-width: 980px; margin-left: auto; margin-right: auto; } /*#endregion tabs*/ /*#region mCustomScrollbar*/ .s-widget .mCSB_inside > .mCSB_container { margin-right: 5px; } .s-widget .mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(0, 0, 0, 0.1); } .s-widget .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #333333; } /*#endregion mCustomScrollbar*/ /*#region Chart*/ /*.exchange-office-zone {*/ .Chart { display: none; } .Chart #chartTypes { display: none; } .Chart .chartView { padding: 0 50px 40px 50px; box-sizing: border-box; } .Chart .noData { margin: auto auto 30px 50px; } .home.Chart { display: none !important; } .currencyChart .highcharts-xaxis-labels span { width: 44px !important; } /*}*/ /*#endregion Chart*/ /*#region Securities*/ .ticker-zone { width: calc(100% + 40px) !important; margin-top: -20px; margin-left: -20px; } .ticker-zone .SecuritiesTicker .s-widget-body { min-height: 48px; padding: 15px 0; } .SecuritiesAccountBalance .clientGrid thead th, .SecuritiesOrderConfirmationPreview .clientGrid thead th, .SecuritiesOrderPreview .clientGrid thead th, .SecuritiesAccountTurnover .clientGrid thead th { text-transform: none !important; font-size: 14px !important; text-align: left; vertical-align: middle; padding-top: 0 !important; padding-bottom: 0 !important; color: #7b7b7b !important; line-height: 16px !important; font-family: "futura", sans-serif !important; font-weight: 500 !important; } .SecuritiesAccountBalance .clientGrid td, .SecuritiesOrderConfirmationPreview .clientGrid td, .SecuritiesOrderPreview .clientGrid td, .SecuritiesAccountTurnover .clientGrid td { line-height: normal; } .SecuritiesAccountBalance .clientGrid th:nth-child(2), .SecuritiesOrderConfirmationPreview .clientGrid th:nth-child(2), .SecuritiesOrderPreview .clientGrid th:nth-child(2), .SecuritiesAccountTurnover .clientGrid th:nth-child(2) { padding-left: 20px; max-width: 200px !important; } .SecuritiesAccountTurnover .clientGrid thead th.align-right, .SecuritiesAccountTurnover .clientGrid td.align-right { text-align: right !important; padding-right: 15px; } .SecuritiesAccountBalance { position: relative; display: none; } .SecuritiesAccountBalance .clientGrid tbody .sell-button { border: none; background: transparent; color: #0095c9; text-transform: uppercase; font-size: 16px; margin-right: 10px; cursor: pointer; float: right; } .SecuritiesAccountBalance .clientGrid th:nth-child(9) { max-width: 80px !important; } .SecuritiesAccountTurnover { position: relative; display: none; } .SecuritiesAccountTurnover .s-widget-body[style="position: relative;"] .widget-options.print { visibility: hidden; } .SecuritiesAccountTurnover .s-widget-body { padding-top: 15px; } .SecuritiesAccountTurnover .clientGrid td { padding: 11px 10px 11px 5px; } .SecuritiesOrderConfirmationPreview .clientGrid th:last-child, .SecuritiesOrderConfirmationPreview .clientGrid td:last-child { text-align: right; padding-right: 20px; } .SecuritiesOrderConfirmationPreview .tableFilter { border: none; } .SecuritiesOrderPreview .s-widget-button-filter { display: table-cell !important; } .SecuritiesOrderPreview .clientGrid { position: relative; } .SecuritiesOrderPreview .blueBorder:after, .SecuritiesOrderPreview .redBorder:after, .SecuritiesOrderPreview .greenBorder:after { position: absolute; content: ""; left: 0; width: 6px; height: 67px; } .SecuritiesOrderPreview .blueBorder:after { background-color: #0095c9; } .SecuritiesOrderPreview .redBorder:after { background-color: #e23939; } .SecuritiesOrderPreview .greenBorder:after { background-color: #9CCC66; } .SecuritiesOrderPreview .withdraw-button { text-transform: uppercase; color: #0095c9; } /*#endregion Securities*/ /*#region Tokens*/ .TokenList .token { position: relative; padding: 20px 160px; padding-right: 100px; border-bottom: 2px solid #EFEFEF; } .TokenList .token i { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; width: 45px; height: 45px; left: 85px; background-position: center; background-repeat: no-repeat; } .TokenList .token .title { font-size: 18px; color: #000000; letter-spacing: -.5px; margin-bottom: 10px; } .TokenList .token .text { font-size: 14px; color: #7b7b7b; margin: 0; } .TokenList .token .button { margin-left: 20px; min-width: 125px; } .TokenList .token .button-wrap { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; display: inline-block; right: 100px; } .TokenList .inner-padding-5 { padding: 50px 100px 50px 100px; } /*#endregion Tokens*/ .headingActive { transition: all 1s ease; } .headingActive.active { font-size: 40px; } /*#region PersonalSettings*/ .PersonalSettingsV4 .inner { padding-left: 100px; padding-right: 100px; } .PersonalSettingsV3 .inner { max-width: 571px; margin: 0 auto; } .PersonalSettingsV3 .inner .page-text, .PersonalSettingsV3 .inner .group-title { text-align: left; } .PersonalSettingsV3 .inner .custom-form .group { margin-bottom: 0; } .PersonalSettingsV3 .inner .custom-form .group-title { color: #191e39; } .PersonalSettingsV3 .inner .custom-form .group .checkbox-bar { padding: 0; } .PersonalSettingsV3 .inner .custom-form .group .checkbox-bar .custom-check-label { justify-content: space-between; align-items: center; height: 38px; margin-right: 0; margin-bottom: 20px; padding-right: 0; padding-left: 16px; } .PersonalSettingsV3 .inner .custom-form .group .checkbox-bar .custom-check-label:last-child { margin-bottom: 60px; } .PersonalSettingsV3 .inner .custom-form .group .checkbox-bar .custom-check-label span { font-size: 15px; font-weight: 700; } .PersonalSettingsV3 .inner .custom-form .group .checkbox-bar .custom-check-label .custom-checkbox-wrapper { width: 50px; height: 30px; background-color: #E8E9EC; border-radius: 20px; -webkit-transition: background-color .5s; transition: background-color .5s; } .PersonalSettingsV3 .inner .custom-form .group .checkbox-bar .custom-check-label .custom-checkbox-wrapper.checked { background-color: #0a79b8; } .PersonalSettingsV3 .inner .custom-form .group .checkbox-bar .custom-check-label .custom-checkbox-wrapper.checked .custom-checkbox-pin { -webkit-transform: translateY(-50%); transform: translateY(-50%); } .PersonalSettingsV3 .inner .custom-form .group .checkbox-bar .custom-check-label .custom-checkbox-wrapper .custom-checkbox-pin { right: 6px; left: auto; -webkit-transform: translate(-18px, -50%); transform: translate(-18px, -50%); background-color: #FFFFFF; border: none; box-shadow: 0 8px 10px rgba(0, 0, 0, 0.08); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s,-webkit-transform .5s; } .PersonalSettingsV3 .inner .custom-form .group .input-wrap { margin: -40px 0 40px; padding: 0; background-color: transparent; border: none; } .PersonalSettingsV3 .inner .custom-form .group .input-wrap .label-1 { margin-bottom: 10px; text-align: left; } .PersonalSettingsV3 .inner .custom-form .group .input-wrap input { height: auto; padding: 14px; border: 1px solid #E8E9EC; -webkit-transition: border-color .3s; transition: border-color .3s; } .PersonalSettingsV3 .inner .custom-form .group .input-wrap input:focus { border-color: rgba(0, 0, 0, 0.54); } .PersonalSettingsV3 .inner .btn-wrapper { margin-bottom: 150px; } .PersonalSettingsV3 .inner .btn-wrapper.mt-8 { margin-top: 80px; } .PersonalSettingsV3 .inner .btn-wrapper .btn-submit { display: block; max-width: 292px; margin: 0 auto; padding: 15px 28px; font-size: 15px; font-weight: 700; box-shadow: 0 8px 24px rgba(54, 60, 164, 0.4); background-color: #0a79b8; color: #FFFFFF; border-radius: 12px; -webkit-transition: box-shadow .5s; transition: box-shadow .5s; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; user-select: none; cursor: pointer; } .PersonalSettingsV3 .inner .btn-wrapper .btn-submit:hover { box-shadow: 0 0 14px rgba(54, 60, 164, 0.4); } /*#endregion PersonalSettings*/ /*#region PFM*/ .Accounts .checkbox { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 20px; } .Accounts .custom-checkbox-2 { cursor: default; width: 30px; height: 30px; } .Accounts .custom-checkbox-2 .cc-checkbox { display: none; } .Accounts .custom-checkbox-2 .check { position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; cursor: pointer; position: absolute; display: inline-block; background-color: #FFFFFF; border: 2px solid #D9D9D9; width: 18px; height: 18px; } .Accounts .custom-checkbox-2.checked .check { background-image: url(images/icons/check-icon.png); background-position: center; background-repeat: no-repeat; background-size: 15px; background-color: #0095c9; border-color: #0095c9; } .FinanceRules { position: relative; } .FinanceRules .s-widget-body { position: relative; overflow: visible; } .FinanceRules .s-widget-body-error-summary { position: absolute; width: 100%; } .FinanceRules .wh-button { transform: translateY(-100%); } .FinanceRules .clientGrid thead { display: none; } .FinanceRules .clientGrid tbody td:nth-child(2) { padding-left: 20px; } .FinanceRules .clientGrid tbody td:nth-child(4) { padding-right: 20px; } .FinanceRules .clientGrid tbody td:nth-child(3), .FinanceRules .clientGrid tbody td:nth-child(4) { width: 100px; } .FinanceRules .clientGrid tbody td:nth-child(3) div, .FinanceRules .clientGrid tbody td:nth-child(4) div { cursor: pointer; /* color: $blue;*/ } .BudgetList .s-widget-body { min-height: 153px; overflow: visible; position: relative; } .BudgetList .noBudgets { text-align: center; padding: 20px 0 40px 0; } .BudgetList .addBudgets { transform: translateY(-100%); } .BudgetList button.previous, .BudgetList button.next { background: white; width: 40px; height: 40px; border: none; background-size: 6px; background-repeat: no-repeat; background-position: center center; border: 1px solid #d1d1d1; } .BudgetList button.previous:hover, .BudgetList button.next:hover { border-color: #000000; } .BudgetList button.previous { background-image: url(images/icons/arrow-blue-l.png); } .BudgetList button.next { background-image: url(images/icons/arrow-blue-r.png); } .BudgetList .clientGrid thead td { text-transform: none; font-size: 14px; } .BudgetList .clientGrid td:nth-child(1) { padding-left: 20px; } .BudgetList .clientGrid td:nth-child(1), .BudgetList .clientGrid td:nth-child(2) { text-align: left; } .BudgetList .clientGrid td:nth-child(3), .BudgetList .clientGrid td:nth-child(4), .BudgetList .clientGrid td:nth-child(5) { text-align: right; } .BudgetList .ui-progressbar { border: none !important; background: #EFEFEF; height: 12px; margin: auto; } .BudgetList .ui-progressbar .ui-progressbar-value { border: none; margin: 0; } .BudgetList .custom-table .table-row:not(.table-head) { border-top: 2px solid #ebeced; display: block; position: relative; width: 100%; overflow: hidden; } .BudgetList .custom-table .table-row .text-1 { font-size: 14px; line-height: 38px; } .BudgetList .custom-table .table-row .text-3 { line-height: 38px; font-size: 18px; } .BudgetList .custom-table .table-row .text-3 small { font-size: 14px; } .BudgetList .custom-table .table-row .text-5 { font-size: 16px; line-height: 38px; overflow: hidden; } .BudgetList .custom-table .table-row .tag-col { padding-left: 65px; } .BudgetList .custom-table .table-row .col { display: inline-block; } .BudgetList .custom-table .table-row .col.col-ls-3 { width: 11.2%; } .BudgetList .custom-table .table-row .col .col-text { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 0; } .BudgetList .custom-table .table-row .left { text-align: left; } .BudgetList .custom-table .table-row .right { text-align: right; } .BudgetList .custom-table .table-row .tag { margin: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; position: absolute; left: 15px; border: 2px solid #D9D9D9; color: #000000; font-weight: normal; font-size: 16px; display: block; width: 35px; height: 35px; line-height: 32px; } .BudgetList .custom-table .table-row .progress-bar-2 { margin: 14px 0; } .BudgetList .custom-table .table-row .category-icon { background-repeat: no-repeat; background-position: center center; } .BudgetList .custom-table .table-row .transaction-btn { transition: all 0.3s ease; display: inline-block; font-size: 16px; text-transform: uppercase; color: #0095c9; line-height: 40px; cursor: pointer; float: right; } .BudgetList .custom-table .no-padd-bot .col { padding-bottom: 0; } .BudgetList .custom-table .table-head { height: 50px; } .PfmTurnoverChart { font-family: "futura", sans-serif !important; background: white; } .PfmTurnoverChart .ui-button-text { text-align: right; } .PfmTurnoverChart .Chart { display: block; } .PfmTurnoverChart .Chart .s-widget-header { height: 50px !important; border-left: 0px !important; width: 93%; } .PfmTurnoverChart #chartMenu { position: relative !important; text-transform: uppercase; left: 43% !important; top: 230px !important; } .PfmTurnoverChart .filterRegion { padding-top: 20px; padding-left: 40px; } .PfmTurnoverChart .dk-select-options { position: absolute; z-index: 9999; } .PfmTurnoverChart .s-widget-header.icon-coins-3 { margin: 0 0 20px 0 !important; padding-right: 15px !important; background-repeat: no-repeat; background-position: 18px 13px; border-bottom: 2px solid #EFEFEF; } .PfmTurnoverChart .s-widget-body { overflow: visible; } .PfmTurnoverChart .widget-options.print { position: absolute; right: 12px; top: 390px; } .PfmTurnoverChart .FinanceTurnover .clientGrid thead td, .PfmTurnoverChart .FinanceTurnover .clientGrid thead th { color: #7b7b7b; line-height: 38px; font-size: 14px; font-weight: normal; text-transform: none !important; margin-bottom: 0 !important; text-align: left; } .PfmTurnoverChart .FinanceTurnover .clientGrid:nth-child(1), .PfmTurnoverChart .FinanceTurnover .clientGrid:nth-child(5) { pointer-events: none; padding-left: 15px; } .PfmTurnoverChart .FinanceTurnover .clientGrid:nth-child(1) .sort-indicator, .PfmTurnoverChart .FinanceTurnover .clientGrid:nth-child(5) .sort-indicator { display: none; } .PfmTurnoverChart .FinanceTurnover .sort-indicator { display: inline-block; background-position: 0 0; margin-left: 5px; } .PfmTurnoverChart .FinanceTurnover .ui-icon-triangle-2-n-s { background-image: url(images/icons/icon-sorter-both.png); background-size: 12px 16px; } .PfmTurnoverChart .FinanceTurnover .ui-icon-triangle-1-n { background-image: url(images/icons/icon-sorter-up.png); background-size: 12px 7px; background-position: center; } .PfmTurnoverChart .FinanceTurnover .ui-icon-triangle-1-s { background-image: url(images/icons/icon-sorter-down.png); background-size: 12px 7px; background-position: center; } .PfmTurnoverChart .FinanceTurnover .tablesaw thead tr:first-child th { padding-bottom: 0px !important; } .PfmTurnoverChart .FinanceTurnover .clientGrid tbody button { background: none; border: none !important; display: inline-block; font-size: 16px; font-weight: 400; text-transform: uppercase; color: #0095c9; float: right; } .PfmTurnoverChart .FinanceTurnover .clientGrid td:nth-child(2) { width: 50%; } .PfmTurnoverChart .FinanceTurnover .clientGrid td:nth-child(3) { width: 25%; } .PfmTurnoverChart .FinanceTurnover .clientGrid td:nth-child(4), .PfmTurnoverChart .FinanceTurnover .clientGrid td:nth-child(5) { width: 12.49%; } .PfmTurnoverChart .FinanceTurnover .tag { margin-left: 12px; } .PfmTurnoverChart .icon-mail-1 { display: inline-block; width: 36px; height: 26px; border: 2px solid #CFD0D2; -webkit-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; border-radius: 13px; background-position: center center; background-repeat: no-repeat; position: relative; top: -2px; box-sizing: border-box; float: right; margin-top: 15px; } .splitDialog { font-family: "futura", sans-serif !important; } .splitDialog .title { color: #7b7b7b; line-height: 25px; } .splitDialog .group-title { font-size: 20px; color: #0095c9; } .splitDialog .ui-widget-content { border: none !important; } .splitDialog .ui-dialog-buttonset { width: 100%; } .splitDialog .ui-dialog-buttonset button { width: calc(50% - 12px); display: inline-block; border: none; font-family: "futura", sans-serif; font-size: 14px; font-weight: 700; text-align: center; text-transform: uppercase; } .splitDialog .ui-dialog-buttonset .ui-button-text { padding-top: 15px; padding-bottom: 15px; } .splitDialog .button-3 { display: inline-block; font-size: 16px; line-height: 19px; text-transform: uppercase; color: #0095c9 !important; border: 1px solid #d1d1d1; padding: 17px 25px; padding-left: 60px; background-position: 20px center; background-repeat: no-repeat; text-align: center; } .splitDialog .button-3:hover { background-color: rgba 82, 174, 48, 0.5; } .splitDialog .button-3.type-2 { padding-left: 25px; max-width: 345px; width: 100%; } .splitDialog .inner-margin-7 { margin-bottom: 70px; } .splitDialog .subcategory-row { position: relative; padding: 10px 0; } .splitDialog .subcategory-row .input-wrap { max-width: 145px; } .splitDialog .input-wrap.type-2 { padding: 14px 15px 12px 15px; } .splitDialog .drag-bar.type-2 { min-height: 60px; background-repeat: no-repeat; background-position: 0px center; position: absolute; left: 165px; width: calc(100% - 470px); top: 50%; } .splitDialog .slider { width: calc(100%); border: none; border-radius: 0; background-color: #DBDBDB; height: 3px; } .splitDialog .custom-dropdown { position: absolute; right: 55px; width: 198px; min-height: 29px; height: auto; top: 13%; background-image: url(images/icons/icon-carrot-1.png); background-repeat: no-repeat; background-position: right 15px center; background-size: 11px; } .splitDialog .custom-dropdown span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 10px 15px; } .splitDialog .custom-dropdown .ele > span { font-size: 18px; font-weight: 500; color: #333333; } .splitDialog .remove-button { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; border-radius: 13px; display: inline-block; width: 36px; height: 26px; border: 2px solid #CFD0D2; background-position: center; background-repeat: no-repeat; top: 21px; cursor: pointer; } .splitDialog .catGrid { font-size: 16px; background: #FFFFFF; position: absolute; left: 5px; padding: 0px; padding-left: 10px; letter-spacing: .2px; margin: 0; margin-right: 27px; } .splitDialog .catGrid span { vertical-align: middle; } .splitDialog .catGrid > span { white-space: normal !important; padding-left: 0px; padding-bottom: 0px; } .splitDialog .catGrid .options { margin-left: -14px !important; border-top: none !important; } .splitDialog .ele.mainCat, .splitDialog .ele.mainCatSelect { padding-right: 28px !important; } #gvFinanceTurnover .catGrid { position: relative; display: inline-block; } #gvFinanceTurnover .catGrid .options { width: 100% !important; border-top: none !important; } .splitDialog .mainCat, .PfmTurnoverChart .mainCat { background-image: url(images/icons/icon-plus-1.png); background-repeat: no-repeat; background-position: right 15px center; } .splitDialog .mainCat:hover, .PfmTurnoverChart .mainCat:hover { background-color: #F2F2F2 !important; } .splitDialog .mainCatSelected, .PfmTurnoverChart .mainCatSelected { position: relative; } .splitDialog .catGrid .subMenu, .PfmTurnoverChart .catGrid .subMenu { width: 100% !important; border: none !important; background-color: #F2F2F2 !important; border-radius: 0 0 !important; background-image: none !important; padding: 0 !important; z-index: 9999 !important; position: relative !important; top: 0px !important; left: 0px !important; font-weight: normal !important; margin-top: 0px !important; } .splitDialog .catGrid .subMenu span:hover, .PfmTurnoverChart .catGrid .subMenu span:hover { color: #0095c9; background-color: #F2F2F2 !important; } .splitDialog .catGrid .options, .PfmTurnoverChart .catGrid .options { border-top-color: transparent; background-color: #FFFFFF; background-image: none !important; border: 1.5px solid #d1d1d1 !important; border-top-color: transparent !important; max-height: 385px; overflow-y: scroll; overflow-x: hidden; font-weight: 500; border-radius: 0px !important; margin-left: -16px !important; } .splitDialog .ele .mainCatSelect, .PfmTurnoverChart .ele .mainCatSelect { background-color: #F2F2F2 !important; background-image: url(images/icons/icon-minus-1.png); background-repeat: no-repeat; background-position: right 15px center; } .splitDialog .ele .subCat:hover, .PfmTurnoverChart .ele .subCat:hover { background-color: #F2F2F2 !important; } /*#endregion PFM*/ /*#region Funds*/ .FutureFundsTurnover, .InvestmentFundsTurnover { position: relative; background-position: 25px 18px; visibility: hidden; } .FutureFundsTurnover thead, .InvestmentFundsTurnover thead { display: none; } .FutureFundsTurnover tbody tr td:nth-child(3), .InvestmentFundsTurnover tbody tr td:nth-child(3) { padding-right: 20px; } .inv-funds { width: 60% !important; } .InvestmentUnitHistory { visibility: hidden; margin-bottom: 0px !important; } .InvestmentUnitHistory .col-fix-size-1 { float: left; width: 310px; } .InvestmentUnitHistory .filterRegion { padding-top: 30px; } .InvestmentUnitHistory .btnExecuteFilter { width: 140px !important; padding: 15px 10px; display: inline-block; border: none; font-family: "futura", sans-serif; font-size: 14px; font-weight: 700; text-align: center; text-transform: uppercase; margin-right: 0; } .InvestmentUnitHistory #chartMenu { display: none !important; } .InvestmentUnitHistory .tableFilter { border-bottom: none; } .gvFutureFundsTurnoverPreview tr { cursor: pointer; } .FutureFundsContracts { visibility: hidden; } /*#endregion Funds*/ @media only screen and (max-width: 1200px) { .btn-1.color-6.messahe-hub { width: 35%; } .input-wrap.message-hub { width: 60%; } .ActiveNoticesOverviewV4 .s-widget-body { min-height: 342px; } .ActiveNoticesOverviewV4 .s-widget-body .widget-tutorial-slider .widget-inner { height: 342px !important; } .ActiveNoticesOverviewV4 .s-widget-body .widget-tutorial-slider .widget-inner .slider .slick-list { height: 342px !important; } .ActiveNoticesOverviewV4 .s-widget-body .widget-tutorial-slider .widget-inner .slider .slick-list .slide { height: 293px; } } @media only screen and (min-width: 980px) { .CardPayment .slick-track, .FXTrading .slick-track, .PaymentTransfer .slick-track { height: 110px; } .PfmTurnoverChart .s-widget.DateRange { width: 248px !important; } .PfmTurnoverChart .s-widget.Chart { width: calc(100% - 248px); } } @media only screen and (max-width: 980px) { .info-button-wrap .info-button { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; top: auto; right: auto; left: 0; bottom: 5px; } .Products .acc-nav .nav-arr { width: 50px; height: 50px; margin-top: -25px; } .Products .acc-nav #arr-prev { margin-left: -290px; } .Products .acc-nav #arr-next { margin-right: -290px; } .Products .list-tab .custom-table .account-col { width: 100%; } .Products .list-tab .custom-table .acc-number-col { width: 40%; } .Products .list-tab .custom-table .button-col { width: 60%; } .Products .list-tab .account-icon { left: 10px; } .CardBalancePreviewCorporate .custom-table .account-col, .AuthorizedAccounts .custom-table .account-col, .AccountBalancePreviewV3 .custom-table .account-col, .LoanBalancePreviewV2 .custom-table .account-col, .DepositBalancePreviewV2 .custom-table .account-col, .AccountSlider .custom-table .account-col, .SecuritiesBalancePreview .custom-table .account-col { width: 100%; } .CardBalancePreviewCorporate .custom-table .acc-number-col, .AuthorizedAccounts .custom-table .acc-number-col, .AccountBalancePreviewV3 .custom-table .acc-number-col, .LoanBalancePreviewV2 .custom-table .acc-number-col, .DepositBalancePreviewV2 .custom-table .acc-number-col, .AccountSlider .custom-table .acc-number-col, .SecuritiesBalancePreview .custom-table .acc-number-col { width: 40%; } .CardBalancePreviewCorporate .custom-table .button-col, .AuthorizedAccounts .custom-table .button-col, .AccountBalancePreviewV3 .custom-table .button-col, .LoanBalancePreviewV2 .custom-table .button-col, .DepositBalancePreviewV2 .custom-table .button-col, .AccountSlider .custom-table .button-col, .SecuritiesBalancePreview .custom-table .button-col { width: 60%; } .CardBalancePreviewCorporate .account-icon, .AuthorizedAccounts .account-icon, .AccountBalancePreviewV3 .account-icon, .LoanBalancePreviewV2 .account-icon, .DepositBalancePreviewV2 .account-icon, .AccountSlider .account-icon, .SecuritiesBalancePreview .account-icon { left: 10px; display: none; } .SecuritiesBalancePreview .custom-table .col-ss-12 { width: 100%; text-align: center; } .SecuritiesBalancePreview .custom-table .col-mm-12 { width: 100%; } .SecuritiesBalancePreview .custom-table .col-mm-8 { width: 66%; } .SecuritiesBalancePreview .custom-table .col-mm-7 { width: 58%; } .SecuritiesBalancePreview .custom-table .col-mm-5 { width: 41%; } .SecuritiesBalancePreview .custom-table .col-mm-4 { width: 33%; } .SecuritiesBalancePreview .custom-table .col-mm-3 { width: 25%; } .TokenList .token { box-sizing: border-box; overflow: hidden; } .TokenList .token i { transform: none; top: 20px; } .TokenList .token .button-wrap { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; position: relative; right: auto; top: auto; float: right; margin-top: 20px; } .Accounts .list-tab .custom-table .account-col { width: 100%; padding-left: 50px; } .Accounts .list-tab .custom-table .checkbox { left: 10px; } .Accounts .list-tab .acc-number-col { width: 100%; } .Accounts .list-tab .button-col { display: none; } .support-dialog .support-cards_card { width: 100% !important; } .support-dialog .support-cards_card:nth-child(2) { width: 49% !important; margin-left: 0% !important; margin-top: 2%; } .support-dialog .support-cards_card:nth-child(3) { width: 49% !important; margin-left: 2% !important; margin-top: 2%; } .support-dialog .support-questions .col { float: none !important; } .support-dialog .support-questions .acc-name { font-size: 15px !important; line-height: 20px !important; margin-bottom: 10px !important; } .support-dialog .support-questions .account-box { min-height: 63px !important; } .support-dialog .support-questions .account-box .inner { margin-top: 20px; } .profile-zone .k-tabstrip .k-tabstrip-items .k-link { font-size: 14px; } .profile-zone .user-profile-wrap { padding-left: 0; padding-top: 115px; text-align: center; } .profile-zone .user-profile-wrap .user-profile-tag { transform: translateX(-50%); position: absolute; top: 0; left: 50%; width: 85px; height: 85px; font-size: 30px; line-height: 85px; } .profile-zone .user-profile-wrap .user-profile-title { overflow: hidden; text-overflow: ellipsis; } .payment-overview-zone .k-tabstrip .k-link { font-size: 14px; } .payment-slider.type-2 .slider-container { padding: 0 20px; } .payment-slider .slide { display: block; } .payment-slider .slide-left, .payment-slider .slide-right { float: none; width: 100%; text-align: center; margin-bottom: 30px; } .payment-slider .slider-container { padding: 0; width: 94%; max-width: 300px; margin: auto; } .plan-text .key, .plan-text .value { float: none; } .plan-text .key { margin-bottom: 10px; } .PfmTurnoverChart .DateRange { width: 100% !important; } .PfmTurnoverChart .DateRange .filterRegion { width: calc(94% - 40px) !important; } .PfmTurnoverChart .s-widget.Chart { width: 100% !important; } .PfmTurnoverChart #gvFinanceTurnover .clientGrid th :nth-child(3), .PfmTurnoverChart #gvFinanceTurnover .clientGrid td :nth-child(3) { display: none; } } @media only screen and (max-width: 900px) { .PaymentLimits .payment-limits .payment-limit-container { display: block; } .PaymentLimits .payment-limits .uk-width-3-6, .PaymentLimits .payment-limits .uk-width-2-6, .PaymentLimits .payment-limits .uk-width-1-6 { width: 100%; } .PaymentLimits .payment-limits .uk-width-2-6, .PaymentLimits .payment-limits .uk-width-1-6 { padding-left: 0; } .PaymentLimits .payment-limits .uk-width-1-6 { position: relative; top: -20px; } } @media only screen and (min-width: 801px) { .ui-dialog.right-dialog.details-dialog { width: 548px !important; } .ui-dialog.right-dialog.creditor-temlate-dialog, .ui-dialog.right-dialog.short-dialog { width: 440px !important; } .InvestmentFunds .button-col { width: 41% !important; } .InvestmentFunds .account-col { width: 59% !important; } } @media only screen and (max-width: 800px) and (min-width: 601px) { .ui-dialog.right-dialog.undue-liabilities-dialog, .ui-dialog.right-dialog.reserved-dialog, .ui-dialog.right-dialog.details-dialog { width: 102% !important; } .InvestmentFunds .button-col { width: 41% !important; } .InvestmentFunds .account-col { width: 59% !important; } } @media only screen and (max-width: 600px) { .btnShowCardBalaceGrid { width: 100% !important; /*right: 0px !important;*/ } .ui-dialog.right-dialog.undue-liabilities-dialog, .ui-dialog.right-dialog.reserved-dialog, .ui-dialog.right-dialog.details-dialog { width: 102% !important; } .ui-dialog.right-dialog.undue-liabilities-dialog .col, .ui-dialog.right-dialog.reserved-dialog .col, .ui-dialog.right-dialog.details-dialog .col { padding-left: 0px !important; width: 100%; } .ui-dialog:not(.no-yes-dialog):not(.support-dialog):not(.before-print-dialog):not(.message-hub-dialog) { padding: 50px 20px; } .undue-liabilities-dialog .ui-dialog-buttonset button, .reserved-dialog .ui-dialog-buttonset button, .short-dialog .ui-dialog-buttonset button, .filter-dialog .ui-dialog-buttonset button { left: 20px; } .AccountLastChanges td:nth-child(3) .title { max-width: 100% !important; } .AccountLastChanges td:nth-child(4) { width: 30%; white-space: nowrap !important; } .profile-zone .attachment-card { max-width: 195px; padding-left: 50px; } .attachment-card span { font-size: 11px; color: #888888; text-transform: uppercase; } } @media only screen and (max-width: 1270px) and (min-width: 951px) { .PaymentOrderV3 .custom-form .inner .btnOrderExecute { width: 85%; } } @media only screen and (max-width: 1270px) { .PaymentOrderV3 .custom-form .inner { width: 100%; } .PaymentOrderV3 .custom-form .inner .left-col { width: 43%; } .PaymentOrderV3 .custom-form .inner .right-col { width: 42%; } .PaymentOrderV3 .custom-form .inner .checkbox-group { display: block; } .PaymentOrderV3 .custom-form .inner .custom-grid.type-2.col-fix-size-6 { margin-top: -47px; } .PaymentOrderV3 .custom-form .inner .custom-grid.type-2 .check-wrap-1.col { width: 100%; margin-bottom: 40px; } .PaymentOrderV3 .custom-form .inner .custom-grid.type-2 .check-wrap-1.col.col-fix-size-5 { right: 0px; } .PaymentOrderV3 .custom-form .inner .custom-grid.type-2 .info-icon.col { right: -8px; } .PaymentOrderV3 .custom-form .inner .custom-grid.type-2 .info-icon.col-2 { float: right; } .PaymentOrderV3 .custom-form .inner .custom-grid.type-2 .col.col-ls-8.col-mm-12 { width: 100%; } .PaymentOrderV3 .custom-form .inner .custom-grid.type-2 .col.col-ls-8.col-mm-12.col-fix-size-4 { margin-bottom: 20px; } } @media only screen and (max-width: 950px) { .PaymentOrderV3 .custom-form .inner { width: 81% !important; } .PaymentOrderV3 .custom-form .inner .left-col { width: 100% !important; } .PaymentOrderV3 .custom-form .inner .right-col { width: 100% !important; padding-left: 0px; } .PaymentOrderV3 .custom-form .inner .checkbox-group { display: block; } .PaymentOrderV3 .custom-form .inner .custom-grid.type-2.col-fix-size-6 { margin-top: -47px; } .PaymentOrderV3 .custom-form .inner .custom-grid.type-2 .check-wrap-1.col { width: 100%; margin-bottom: 40px; } .PaymentOrderV3 .custom-form .inner .custom-grid.type-2 .check-wrap-1.col.col-fix-size-5 { right: 0px; } .PaymentOrderV3 .custom-form .inner .custom-grid.type-2 .info-icon.col-fix-size-8 { right: 19px; } .PaymentOrderV3 .custom-form .inner .custom-grid.type-2 .col.col-ls-8.col-mm-12 { width: 100%; } .PaymentOrderV3 .custom-form .inner .custom-grid.type-2 .col.col-ls-8.col-mm-12.col-fix-size-4 { margin-bottom: 20px; } } @media only screen and (max-width: 720px) { .PaymentOrderV3 .custom-form .inner .uk-width-1-6 .input-wrap.type-2 { width: 87%; } .PaymentOrderV3 .custom-form .inner .uk-width-5-6 { padding-left: 25px; } .PaymentOrderV3 .custom-form .inner .custom-grid.type-2 .col.col-ls-8.col-mm-12 .input-wrap.type-2 { width: 87%; } } @media only screen and (max-width: 441px) { .PaymentOrderV3 .custom-form .inner .input-wrap-payment { width: 100%; } .PaymentOrderV3 .custom-form .inner .uk-width-5-6 { padding-left: 25px; } } @media only screen and (max-width: 440px) { .ui-dialog.right-dialog.creditor-temlate-dialog, .ui-dialog.right-dialog.short-dialog, .ui-dialog.right-dialog.filter-dialog { width: 100% !important; } } @media only screen and (max-width: 755px) { .widget-tabs.type-2 li a { font-size: 14px; } .widget-tabs.type-4 { display: flex; } .widget-tabs.type-4 li a { font-size: 14px; } .widget-tabs .button-wrap li { width: auto; } .user-profile-wrap .btn-1.color-6 { width: 100%; float: left; margin-left: auto; margin-top: 20px; } .user-profile-wrap img { transform: translateX(-50%); position: absolute; top: 0; left: 50%; width: 85px; height: 85px; } } @media only screen and (min-width: 721px) { .chart-tab .slick-slide { height: 330px; } .splitDialog .catGrid .options { width: 227.7px !important; } .splitDialog .catGrid .options, .PfmTurnoverChart .catGrid .options { top: 40px !important; left: 9px !important; } } @media only screen and (max-width: 720px) { .CreditorTemplateManaging.dashboard-widget button { opacity: 1; } .CreditorTemplateManaging.dashboard-widget th:last-child, .CreditorTemplateManaging.dashboard-widget td:last-child { width: 120px; } .CreditorTemplateManaging:not(.dashboard-widget) .clientGrid .name { width: calc(100% - 120px); } .CreditorTemplateManaging:not(.dashboard-widget) .custom-form { padding-left: 20px !important; padding-right: 20px !important; } .CreditorTemplateManaging:not(.dashboard-widget) .custom-form .uk-width-5-6 { padding-left: 25px !important; } .CreditorTemplateManaging .clientGrid .tag { margin-right: 0; margin-left: 10px; } .CurrencyExchangeV2 .inner.type-2 { padding: 0 20px; } .CurrencyExchangeV2.dashboard-currency-exchange .clientGrid tr th:nth-child(4), .CurrencyExchangeV2.dashboard-currency-exchange .clientGrid tr td:nth-child(4) { display: none !important; } .Products .chart-tab .account-name { top: -20px; } .Products .chart-tab .chart-slider { width: 100%; } .Products .chart-tab .chart-wrap .gauge-chart { width: 360px !important; height: 260px !important; } .Products .chart-tab .chart-wrap .chart-content { top: 140px; } .Products .chart-tab .chart-wrap .chart-content .val { font-size: 20px; } .Products .chart-tab .chart-wrap .chart-content .small { font-size: 14px; } .Products .chart-tab .chart-wrap .chart-content .currencySelect:after { top: 10px; } .Products .chart-tab .chart-wrap .chart-content .value-menu { right: 0; } .Products .chart-tab .slick-slide { height: 310px; } .Products .chart-tab .slick-dots { width: 100%; position: absolute; bottom: 9px; border: none; } .Products .chart-tab .slide-inner { position: relative; top: 20px; } .Products .chart-tab .acc-nav #arr-prev { margin-left: -250px; } .Products .chart-tab .acc-nav #arr-next { margin-right: -250px; } .profile-zone .profile-zone-header { padding-right: 20px; padding-left: 20px; } .profile-zone .contact-data { padding-right: 20px; padding-left: 20px; } .profile-zone .change-password-dialog { padding-left: 20px; padding-right: 20px; } .profile-zone .change-password-dialog .uk-width-3-6 { width: 100%; } .profile-zone .change-password-dialog .info-icon { display: none; } .Chart .chartView { padding: 0 20px; } .exchange-office-zone .s-widget { margin-bottom: 0 !important; } .FXTradingCurrencyHistory { margin-bottom: 0 !important; } .FXTradingCurrencyHistory .inner.type-2 { padding: 0 20px; } .FXTrading .inner { padding-left: 20px !important; padding-right: 20px !important; } .PaymentLimits .payment-limits { padding-left: 20px; padding-right: 20px; } .PaymentLimits .info-icon { display: none; } .TokenList .token { padding: 20px 20px 20px 70px; } .TokenList .token i { left: 15px; } .TokenList .inner-padding-5 { padding-left: 20px; padding-right: 20px; } .support-dialog .support-cards_card:nth-child(2), .support-dialog .support-cards_card:nth-child(3) { width: 100% !important; margin-left: 0% !important; } .buy-hov-modal .custom-grid.type-2 .col.timeConstraintContainer:nth-child(even) { padding-left: 0; } .buy-hov-modal .hovTypeContainer .custom-radio-1 .radio { width: 100% !important; } .SecuritiesBalancePreview .custom-table .col-ss-6 { width: 50%; } .SecuritiesBalancePreview .custom-table .account-col.type-2 p, .SecuritiesBalancePreview .custom-table .ss-center p { text-align: center !important; } .CardPayment .payment-slider, .FXTrading .payment-slider, .PaymentTransfer .payment-slider { padding-top: 50px; } .CardPayment .custom-form .inner, .FXTrading .custom-form .inner, .PaymentTransfer .custom-form .inner { padding-left: 20px; padding-right: 20px; } .P2PPaymentTransfer .p2pConfirmation, .P2PPaymentTransfer .custom-form .inner { padding-left: 20px; padding-right: 20px; } .P2PPaymentTransfer .payment-slider { padding-top: 56px; } .InflowsOverview .widget-tabs { display: flex; text-align: center; font-size: 14px; } .col-fix-size-1, .col-fix-size-2 { max-width: 100%; width: 100% !important; } .col-ss-1 { width: 8.33333333%; } .col-ss-2 { width: 16.66666667%; } .col-ss-3 { width: 25%; } .col-ss-4 { width: 33.33333333%; } .col-ss-5 { width: 41.66666667%; } .col-ss-6 { width: 50%; } .col-ss-7 { width: 58.33333333%; } .col-ss-8 { width: 66.66666667%; } .col-ss-9 { width: 75%; } .col-ss-10 { width: 83.33333333%; } .col-ss-11 { width: 91.66666667%; } .col-ss-12 { width: 100%; } .col-ss-hidden { display: none !important; } .custom-table .col-text.text-5 { font-size: 12px !important; } /*Payments*/ .widget-payment .page-container { padding: 10px 2% 0 2%; } .widget.widget-payment { padding-bottom: 20px; } .group-inner .info-wrap { display: none; } .form-actions { position: static; width: 100%; } .form-actions .btn-1 { width: 100%; margin-bottom: 10px; } .account-slat-1 .col-4 .btn-1 { min-width: 70px; } .dps .account-list .drag-padding-ls { padding-right: 20px; } .payment-options .hidden-content ul { zoom: 1; } .payment-options .hidden-content ul:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } .payment-options .hidden-content li { float: left; width: 31.33%; max-width: 100%; margin-right: 0; margin-left: 0; } .payment-options .hidden-content li:not(:last-child) { margin-right: 3%; } .payment-options .hidden-content li a { min-height: 160px; padding: 10px; } .payment-account .col-left, .payment-account .col-right { width: 100%; } .payment-account .col-right { width: 100%; } .payment-account .col-right p { opacity: 1; text-align: right; } .widget-payment .inner { padding-left: 20px; padding-right: 20px; } .widget-payment .inner.type-2 { padding-left: 20px; padding-right: 20px; } .custom-form .group { width: 100%; } .custom-form .group .info-icon { display: none; } .custom-form div[class^="uk-width"] { width: 100%; } .message-controls .msg-button { position: relative; padding: 15px 7px; font-size: 14px; min-height: 48.5px; box-sizing: border-box; } .message-controls .msg-button span { position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; } .message-controls .msg-button span i { display: none; } .message-controls .checkbox { left: 10px; } .message .title { font-size: 14px; line-height: 16px; } .message .title span { font-size: 13px; } .splitDialog .subcategory-row { position: static; margin-bottom: 0px; padding-bottom: 0px; } .splitDialog .input-wrap, .splitDialog .remove-button, .splitDialog .drag-bar { position: relative !important; display: inline-block !important; } .splitDialog .drag-bar { width: calc(100% - 221px) !important; left: 20px !important; top: 50px !important; } .splitDialog .remove-button { float: right; top: -121px; } .splitDialog .options, .splitDialog .custom-dropdown { display: block; position: relative !important; margin-top: 20px; margin-left: 53px; width: 95% !important; } .splitDialog .catGrid { width: 80%; } .splitDialog .options { top: -5px !important; left: 0px !important; width: 125% !important; } .ss-left { text-align: left !important; } .ss-center { text-align: center !important; } } @media only screen and (max-width: 600px) { /*dialog*/ .ui-dialog.no-yes-dialog { width: 100vw !important; height: auto; top: 0; left: 0; display: block; box-sizing: border-box; overflow: hidden; } .monthlyBillDialog .blueHover.custom-grid.type-2 .col:nth-child(even) { width: 100%; float: none; } .Products .chart-tab .acc-nav .nav-arr { width: 30px; height: 30px; margin-top: -15px; } .Products .chart-tab .acc-nav #arr-prev { margin-left: 0; left: 10px; } .Products .chart-tab .acc-nav #arr-next { margin-right: 0; right: 10px; } .Products .list-tab .custom-table .col { padding: 4px 15px; } .Products .list-tab .custom-table .acc-number-col { width: 100%; padding-left: 30px; padding-right: 30px; } .Products .list-tab .custom-table .button-col { width: 100%; } .Products .list-tab .custom-table .button-col .btn-1 { width: 100%; position: static; top: 0; margin-top: 15px; margin-bottom: 10px; } .Products .list-tab .custom-table p { text-align: center !important; } .Products .value-menu { right: 10px; } .InvestmentFunds .account-col { width: 100% !important; } .InvestmentFunds .custom-table .list-item .left, .InvestmentFunds .custom-table .list-item .p, .CardBalancePreviewCorporate .custom-table .list-item .left, .CardBalancePreviewCorporate .custom-table .list-item .p, .AuthorizedAccounts .custom-table .list-item .left, .AuthorizedAccounts .custom-table .list-item .p, .AccountBalancePreviewV3 .custom-table .list-item .left, .AccountBalancePreviewV3 .custom-table .list-item .p, .LoanBalancePreviewV2 .custom-table .list-item .left, .LoanBalancePreviewV2 .custom-table .list-item .p, .DepositBalancePreviewV2 .custom-table .list-item .left, .DepositBalancePreviewV2 .custom-table .list-item .p, .AccountSlider .custom-table .list-item .left, .AccountSlider .custom-table .list-item .p, .SecuritiesBalancePreview .custom-table .list-item .left, .SecuritiesBalancePreview .custom-table .list-item .p { text-align: center !important; } .InvestmentFunds .custom-table .button-col, .CardBalancePreviewCorporate .custom-table .button-col, .AuthorizedAccounts .custom-table .button-col, .AccountBalancePreviewV3 .custom-table .button-col, .LoanBalancePreviewV2 .custom-table .button-col, .DepositBalancePreviewV2 .custom-table .button-col, .AccountSlider .custom-table .button-col, .SecuritiesBalancePreview .custom-table .button-col { width: 100%; } .InvestmentFunds .custom-table .button-col .btn-1, .CardBalancePreviewCorporate .custom-table .button-col .btn-1, .AuthorizedAccounts .custom-table .button-col .btn-1, .AccountBalancePreviewV3 .custom-table .button-col .btn-1, .LoanBalancePreviewV2 .custom-table .button-col .btn-1, .DepositBalancePreviewV2 .custom-table .button-col .btn-1, .AccountSlider .custom-table .button-col .btn-1, .SecuritiesBalancePreview .custom-table .button-col .btn-1 { width: 100%; position: static; top: 0; margin-top: 15px; margin-bottom: 10px; } .InvestmentFunds .custom-table .button-col .col-button, .CardBalancePreviewCorporate .custom-table .button-col .col-button, .AuthorizedAccounts .custom-table .button-col .col-button, .AccountBalancePreviewV3 .custom-table .button-col .col-button, .LoanBalancePreviewV2 .custom-table .button-col .col-button, .DepositBalancePreviewV2 .custom-table .button-col .col-button, .AccountSlider .custom-table .button-col .col-button, .SecuritiesBalancePreview .custom-table .button-col .col-button { -moz-transform: none; -o-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; width: 100%; max-width: 100px; margin: auto; display: block; position: static; top: 0; margin-top: 15px; } .InvestmentFunds .custom-table .col, .CardBalancePreviewCorporate .custom-table .col, .AuthorizedAccounts .custom-table .col, .AccountBalancePreviewV3 .custom-table .col, .LoanBalancePreviewV2 .custom-table .col, .DepositBalancePreviewV2 .custom-table .col, .AccountSlider .custom-table .col, .SecuritiesBalancePreview .custom-table .col { padding: 4px 15px; } .InvestmentFunds .custom-table .acc-number-col, .CardBalancePreviewCorporate .custom-table .acc-number-col, .AuthorizedAccounts .custom-table .acc-number-col, .AccountBalancePreviewV3 .custom-table .acc-number-col, .LoanBalancePreviewV2 .custom-table .acc-number-col, .DepositBalancePreviewV2 .custom-table .acc-number-col, .AccountSlider .custom-table .acc-number-col, .SecuritiesBalancePreview .custom-table .acc-number-col { width: 100%; padding-left: 30px; padding-right: 30px; } .InvestmentFunds .custom-table p, .CardBalancePreviewCorporate .custom-table p, .AuthorizedAccounts .custom-table p, .AccountBalancePreviewV3 .custom-table p, .LoanBalancePreviewV2 .custom-table p, .DepositBalancePreviewV2 .custom-table p, .AccountSlider .custom-table p, .SecuritiesBalancePreview .custom-table p { text-align: center !important; } .InvestmentFunds .account-icon, .CardBalancePreviewCorporate .account-icon, .AuthorizedAccounts .account-icon, .AccountBalancePreviewV3 .account-icon, .LoanBalancePreviewV2 .account-icon, .DepositBalancePreviewV2 .account-icon, .AccountSlider .account-icon, .SecuritiesBalancePreview .account-icon { left: 10px; } .SecuritiesBalancePreview .custom-table .has-button .btn-1 { display: block; position: static; margin: 10px 0; width: 100%; } .SecuritiesBalancePreview .custom-table .col-xs-6 { width: 50%; } .SecuritiesBalancePreview .custom-table .col-xs-12 { width: 100%; } .SecuritiesBalancePreview .custom-table .right { text-align: right !important; } .SecuritiesBalancePreview .custom-table .xs-left { text-align: left !important; } .SecuritiesBalancePreview .custom-table .xs-center p { text-align: center !important; } .CardStatements .clientGrid td:nth-child(3), .CardStatements .clientGrid th:nth-child(3) { display: none; } .CardStatements .clientGrid td { font-size: 12px; } .CardStatements .clientGrid td:nth-child(5) { width: 60px !important; } .CardStatements .clientGrid td .text { display: none; } .CurrencyExchangeV2:not(.dashboard-currency-exchange) .clientGrid tbody td:not(:nth-child(2)) { font-size: 12px !important; } .Accounts .list-tab .custom-table .col { padding: 4px 15px; } .Accounts .list-tab .custom-table .account-col p, .Accounts .list-tab .custom-table .acc-num { text-align: center !important; } .Accounts .list-tab .custom-table .acc-title { padding-left: 20px; } .FXTradingCurrencyHistory .date-container { display: block !important; } .profile-zone .tabs-dropdown { display: inherit; padding: 30px 20px 0 20px; border-bottom: 2px solid #EFEFEF; } .profile-zone .tabs-dropdown .dd-title { display: block; position: relative; font-size: 30px; cursor: pointer; margin-bottom: 20px; } .profile-zone .tabs-dropdown .dd-title:before { top: 50%; transform: translateY(-50%); content: ''; width: 0; height: 0; border: 0; background: none; border-style: solid; border-width: 6px 6px 0 6px; border-color: #000000 transparent transparent transparent; position: absolute; right: 15px; } .profile-zone .tabs-dropdown .widget-tabs { border: none; margin-bottom: 0; } .profile-zone .tabs-dropdown .widget-tabs li { display: block; width: 100%; text-align: left; padding: 10px 20px; box-sizing: border-box; } .profile-zone .tabs-dropdown .widget-tabs li:hover:after { height: 0; } .profile-zone .tabs-dropdown .widget-tabs li a { font-size: 20px; } .profile-zone .tabs-dropdown .widget-tabs li a:hover { cursor: pointer; } .payment-overview-zone .k-tabstrip .k-tabstrip-items .k-item { display: block; text-align: left; border-bottom: none; } .payment-overview-zone .k-tabstrip .k-tabstrip-items .k-item .k-link { font-size: 20px; } .payment-slider { /*padding-top: 100px;*/ } .payment-slider .slide-control { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; top: 20px; width: 50px; height: 50px; display: none !important; } .payment-slider .slide-prev, .payment-slider .slide-next { visibility: hidden; } .payment-slider .slide-prev { left: auto; right: 100px; } .payment-slider .slide-next { right: 30px; } .payment-slider .tag-title { font-size: 22px; line-height: 35px; padding-left: 0; } .widget-payment .inner.type-2 { padding: 0 20px; } .widget-links .link { font-size: 16px; padding: 20px 20px; } .widget-links .icon { right: 20px; } .clientGrid thead th, .clientGrid thead td { font-size: 12px !important; } .custom-table .col { padding-top: 6px; padding-bottom: 6px; } } @media only screen and (max-width: 500px) { .ui-dialog.info-dialog.error-dialog, .ui-dialog.error-dialog.information, .ui-dialog.info-dialog.success-dialog, .ui-dialog.success-dialog.information { width: auto !important; } } @media only screen and (max-width: 450px) { .btn-1.color-6.messahe-hub { width: 100%; margin-top: 15px; } .input-wrap.message-hub { width: 100%; margin-top: 15px; } .bills-list .expand-trigger { left: auto; right: 0; } .bills-list .checkbox-1 { left: 0; } .bills-list .col-tag { padding-left: 26px; } .bills-list .col-buttons .text-3 { padding-left: 10px; font-size: 18px; } .bills-list .row-1:before { left: auto; right: 0; } .bills-list .logo-icon-2 { width: 20px; height: 20px; top: 12px; right: 16px; background-size: 16px; } .custom-options a { font-size: 14px; } .message.attachment { padding-right: 70px; background-size: 12px; background-position: calc(100% - 5px) 5px; } .message .title { font-size: 12px; line-height: 14px; } .Products .chart-tab .chart-wrap .gauge-chart { width: 250px !important; height: 180px !important; } .Products .chart-tab .chart-wrap .chart-content { top: 115px; } .Products .chart-tab .slick-slide { height: 290px; } .Products .chart-tab .icon-2 { margin-left: 5px; } .Products .chart-tab .acc-icon { margin-right: 5px; } .CurrencyExchangeV2:not(.dashboard-currency-exchange) .clientGrid tbody td:nth-child(2) { font-size: 12px !important; } .TokenList .token .button-wrap { display: block; width: 100%; } .TokenList .token .button-wrap .button { width: calc(50% - 10px); font-size: 12px; margin-left: 10px; min-width: auto; } .TokenList .token .button-wrap .button:first-child { margin-left: 0; } .CreditorTemplateManaging button.edit, .CreditorTemplateManaging button.delete { font-size: 14px; } .UserInfo .s-widget-body .heading { font-size: 14px; } .FXTradingCalculator .currency.currency-left { padding-left: 20px; } .FXTradingCalculator .currency.currency-right { padding-right: 20px; } .FinanceRules .clientGrid tbody td:nth-child(2) { line-height: 20px; } .FinanceRules .clientGrid tbody td:nth-child(3), .FinanceRules .clientGrid tbody td:nth-child(4) { font-size: 14px; width: 70px; } .clientGrid tbody tr td { font-size: 14px; } .clientGrid tbody tr td .title { font-size: 14px; } .clientGrid tbody tr td .value { font-size: 14px; } .ui-dialog.right-dialog { margin-right: 0 !important; } .s-widget { background-position-x: 17px; } .s-widget-header { padding-left: 10px; } .fast-payment-zone .s-widget-header.zone-header { background-position-x: 10px; } .exchange-zone .s-widget-header { background-position-x: 10px; } .payment-overview-zone .s-widget-header { background-position-x: 11px; } .statements-zone .s-widget-header { background-position-x: 7px; } .CardBalancePreviewCorporate { background-position-x: 12px !important; } .input-select-wrap.type-2 { padding-right: 0; } .input-select-wrap.type-2 .select-4 { position: relative; left: 50%; -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -ms-transform: translate(-50%); -o-transform: translate(-50%); transform: translate(-50%); position: relative; } .BudgetList .custom-table .text-1, .BudgetList .custom-table .text-2, .BudgetList .custom-table .text-3, .BudgetList .custom-table small { font-size: 12px !important; } .BudgetList .custom-table .transaction-btn { font-size: 14px !important; } .buy-hov-modal .custom-radio-1 .radio.has-input-2 { padding-right: 20px; } .buy-hov-modal .custom-radio-1 .radio.has-input-2 .input-wrap { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; position: relative; top: auto; right: auto; max-width: none; margin-top: 20px; } .buy-hov-modal .modal-inner-content { padding: 30px 30px 0 30px; } } /*#endregion responsive*/ .payment-slider.type-2 .slick-track, .payment-slider.type-2 .slick-track .slick-slide { width: 100% !important; } .tempName { font-family: "futura", sans-serif; font-size: 16px; letter-spacing: 0.5px; color: #494f5a; border-radius: 0; box-sizing: border-box; width: 95%; display: block; border: none; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; overflow: visible; max-height: 200px; overflow-y: auto; overflow-x: hidden; z-index: 1000 !important; } /*test*/ .app-version { position: absolute; right: 10px; bottom: 5px; color: #666; font-style: italic; font-size: 0.9em; } .predodobreni-krediti { /* Calendar style */ /* Data processing */ /* ================================================== =Media Queries ===================================================== */ } .predodobreni-krediti * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .predodobreni-krediti span.alpaca-field { display: block; vertical-align: middle; } .predodobreni-krediti .widget { padding-bottom: 1px; } .predodobreni-krediti html .ui-autocomplete { font-family: "futura", sans-serif; font-size: 16px; background-color: #FFFFFF; } .predodobreni-krediti html .ui-state-focus, .predodobreni-krediti html .ui-widget-content .ui-state-focus { background-color: #fffee6; border: 0; font-weight: 400; color: #000000; font-size: 16px; } .predodobreni-krediti .row-grid { zoom: 1; margin-left: -18px; } .predodobreni-krediti .row-grid:after { display: block; visibility: hidden; height: 0; clear: both; content: ""; } .predodobreni-krediti .row-grid > * { padding-left: 18px; box-sizing: border-box; } .predodobreni-krediti .col { float: left; min-height: 1px; } .predodobreni-krediti .col-ls-1 { width: calc(100% / 12); } .predodobreni-krediti .col-ls-2 { width: calc((100% / 12) * 2); } .predodobreni-krediti .col-ls-3 { width: calc((100% / 12) * 3); } .predodobreni-krediti .col-ls-4 { width: calc((100% / 12) * 4); } .predodobreni-krediti .col-ls-5 { width: calc((100% / 12) * 5); } .predodobreni-krediti .col-ls-6 { width: calc(100% / 2); } .predodobreni-krediti .col-ls-7 { width: calc((100% / 12) * 7); } .predodobreni-krediti .col-ls-8 { width: calc((100% / 12) * 8); } .predodobreni-krediti .col-ls-9 { width: calc((100% / 12) * 9); } .predodobreni-krediti .col-ls-10 { width: calc((100% / 12) * 10); } .predodobreni-krediti .col-ls-11 { width: calc((100% / 12) * 11); } .predodobreni-krediti .col-ls-12 { width: 100%; } .predodobreni-krediti a { font-size: inherit; color: inherit; } .predodobreni-krediti input:focus, .predodobreni-krediti button:focus, .predodobreni-krediti textarea:focus { outline: none; } .predodobreni-krediti .icon-shoppingcart { background-image: url(images/krediti/icon-shoppingcart.png); background-size: 40px; } .predodobreni-krediti .icon-mobile { background-image: url(images/krediti/icon-mobile.png); background-size: 24px; } .predodobreni-krediti .icon-money { background-image: url(images/krediti/icon-money.png); background-size: 40px; } .predodobreni-krediti .icon-vault { background-image: url(images/krediti/icon-vault.png); background-size: 44px; } .predodobreni-krediti .icon-cards { background-image: url(images/krediti/icon-cards.png); background-size: 44px; } .predodobreni-krediti .icon-moneybag { background-image: url(images/krediti/icon-moneybag.png); background-size: 84px; } .predodobreni-krediti .icon-document { background-image: url(images/krediti/icon-document.png); background-size: 80px; } .predodobreni-krediti .icon-camera { background-image: url(images/krediti/icon-camera.png); background-size: 65px; } .predodobreni-krediti .icon-phone-1 { background-image: url(images/krediti/icon-phone-1.png); background-size: 18px; } .predodobreni-krediti .icon-bubble-1 { background-image: url(images/krediti/icon-bubble-1.png); background-size: 18px; } .predodobreni-krediti .icon-facebook-1 { background-image: url(images/krediti/icon-facebook-1.png); background-size: 10px; } .predodobreni-krediti .icon-facebook-1:hover { background-image: url(images/krediti/icon-facebook-2.png); } .predodobreni-krediti .icon-save { background-image: url(images/krediti/icon-save.png); background-size: 24px; } .predodobreni-krediti .icon-youtube-1 { background-image: url(images/krediti/icon-youtube-1.png); background-size: 20px; } .predodobreni-krediti .icon-youtube-1:hover { background-image: url(images/krediti/icon-youtube-2.png); } .predodobreni-krediti .icon-twitter-1 { background-image: url(images/krediti/icon-twitter-1.png); background-size: 21px; } .predodobreni-krediti .icon-twitter-1:hover { background-image: url(images/krediti/icon-twitter-2.png); } .predodobreni-krediti .icon-download { background-image: url(images/krediti/download.png); background-size: 21px; } .predodobreni-krediti .icon-man { background-image: url(images/krediti/icon-man.png); background-size: 16px; } .predodobreni-krediti .icon-clock { background-image: url(images/krediti/icon-clock.png); background-size: 20px; } .predodobreni-krediti .icon-card { background-image: url(images/krediti/icon-card.png); background-size: 20px; } .predodobreni-krediti .icon-mega { background-image: url(images/krediti/icon-mega.png); background-size: 81px; } .predodobreni-krediti .icon-chat { background-image: url(images/krediti/icon-chat.png); background-size: 75px; } .predodobreni-krediti .icon-calendar { background-image: url(images/krediti/icon-calendar.png); background-size: 90px; } .predodobreni-krediti .icon-puzzle { background-image: url(images/krediti/icon-puzzle.png); background-size: 90px; } .predodobreni-krediti .container-1 { width: calc(100% - 40px); max-width: 1170px; margin-left: auto; margin-right: auto; } .predodobreni-krediti .container-2 { width: calc(100% - 40px); max-width: 770px; margin-left: auto; margin-right: auto; } .predodobreni-krediti .container-3 { max-width: 595px; margin-left: auto; margin-right: auto; } .predodobreni-krediti .container-4 { max-width: 380px; margin-left: auto; margin-right: auto; } .predodobreni-krediti .container-5 { max-width: 1080px; width: calc(100% - 40px); margin-left: auto; margin-right: auto; } .predodobreni-krediti .container-6 { position: relative; padding: 1px 60px; } .predodobreni-krediti .inner-margin-0 { margin-bottom: 0; } .predodobreni-krediti .inner-margin-1 { margin-bottom: 10px; } .predodobreni-krediti .inner-margin-2 { margin-bottom: 20px; } .predodobreni-krediti .inner-margin-3 { margin-bottom: 30px; } .predodobreni-krediti .inner-margin-4 { margin-bottom: 30px; } .predodobreni-krediti .inner-margin-5 { margin-bottom: 10px; } .predodobreni-krediti .inner-margin-6 { margin-bottom: 60px; } .predodobreni-krediti .inner-margin-7 { margin-bottom: 70px; } .predodobreni-krediti .inner-margin-8 { margin-bottom: 80px; } .predodobreni-krediti .inner-margin-9 { margin-bottom: 90px; } .predodobreni-krediti .inner-margin-10 { margin-bottom: 100px; } .predodobreni-krediti .top-padding-1 { padding-top: 20px; } .predodobreni-krediti .top-padding-2 { padding-top: 40px; } .predodobreni-krediti .top-padding-3 { padding-top: 60px; } .predodobreni-krediti .top-padding-4 { padding-top: 80px; } .predodobreni-krediti .top-padding-5 { padding-top: 100px; } .predodobreni-krediti #main { overflow: hidden; } .predodobreni-krediti .info-card.top-padding-6 { padding-top: 106px; } .predodobreni-krediti .info-card.fix { background-position: 50% 17%; background-size: 60px; border: none; min-height: 214px; position: relative; } .predodobreni-krediti .info-card.fix:after { content: ""; display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 74%; background: #DBDBDB; } .predodobreni-krediti .infos-row .col:last-child .info-card:after { display: none; } .predodobreni-krediti .icon-camera.fix { background-size: 48px; } .predodobreni-krediti .inner-margin-1.fix { margin-bottom: 7px; } .predodobreni-krediti .intro-section.fix { -webkit-box-shadow: 0px 0px 62px -9px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 62px -9px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 62px -9px rgba(0, 0, 0, 0.25); position: relative; } .predodobreni-krediti .section.fix-2 { padding-bottom: 146px; } .predodobreni-krediti .button-1.fix span { font-weight: 100; vertical-align: top; } .predodobreni-krediti .value-slider-section.fix { padding-top: 68px; } .predodobreni-krediti .benefit-section { padding-top: 110px; padding-bottom: 100px; } .predodobreni-krediti .benefit-section .info-card.fix { background-size: 124px; padding-top: 180px; background-position: 50% 5%; } .predodobreni-krediti .benefit-section .info-card.fix:after { display: none; } .predodobreni-krediti .benefit-section .info-card.fix.benefit-ico-2 { background-position: 50% 12%; } .predodobreni-krediti .benefit-section .col-ls-4 { padding: 0 4.4%; } .predodobreni-krediti .benefit-section .title-border-1:after { left: calc(50% - 50px); } .predodobreni-krediti .benefit-section .title-3 { font-size: 18px; } .predodobreni-krediti .benefit-section .row-grid { max-width: 1200px; margin: auto; } .predodobreni-krediti .benefit-ico-1 { background-image: url(images/krediti/benefit-ico-1.png); background-size: 124px; } .predodobreni-krediti .benefit-ico-2 { background-image: url(images/krediti/benefit-ico-2.png); background-size: 124px; } .predodobreni-krediti .benefit-ico-3 { background-image: url(images/krediti/benefit-ico-3.png); background-size: 124px; } .predodobreni-krediti .section-2.padding-fix { padding-bottom: 80px; padding-top: 0; } .predodobreni-krediti .section-2.padding-fix-2 { padding-bottom: 60px; padding-top: 30px; } .predodobreni-krediti .container-2.fix-center { text-align: center; } .predodobreni-krediti .strong-fix strong { color: #000000; background: #fff133; } .predodobreni-krediti .yellow-bg strong { background: #FFEC00; padding: 0 5px; } .predodobreni-krediti .store-wrap { border: 3px solid #F2F4F5; padding: 40px; } .predodobreni-krediti .store-wrap .store-btn { float: left; width: 50%; } .predodobreni-krediti .store-wrap img { display: block; max-width: 100%; max-height: 60px; } .predodobreni-krediti .store-wrap .google-play img { margin-left: auto; margin-right: 8px; } .predodobreni-krediti .store-wrap .apple-store img { margin-right: auto; margin-left: 8px; } .predodobreni-krediti .section-2.padding-fix-3 { padding-bottom: 0; } .predodobreni-krediti .save-btn-2 { color: #0095c9; text-decoration: underline; } .predodobreni-krediti span { display: inline-block; vertical-align: middle; } .predodobreni-krediti .full { width: 100%; } .predodobreni-krediti .ib { display: inline-block; } .predodobreni-krediti .block { display: block; } .predodobreni-krediti .semi-bold { font-weight: 500; } .predodobreni-krediti .bold { font-weight: 700; } .predodobreni-krediti .icon-text { padding-left: 125px; background-repeat: no-repeat; background-position: 0 50%; max-width: 480px; } .predodobreni-krediti .text-changer { transition: opacity .5s ease; opacity: 1; } .predodobreni-krediti .text-changer.animating { opacity: 0; } .predodobreni-krediti .title-1 { float: none; border: none; font-size: 48px; font-weight: 700; line-height: 60px; text-shadow: -2px 2px 0px rgba(0, 0, 0, 0.4); } .predodobreni-krediti .title-2 { color: inherit; border: none; float: none; font-size: 30px; font-weight: 700; padding: 0; } .predodobreni-krediti .title-3 { font-size: 20px; font-weight: 700; } .predodobreni-krediti .title-4 { font-size: 20px; } .predodobreni-krediti .title-5 { font-size: 44px; font-weight: 700; } .predodobreni-krediti .text-1 { font-size: 16px; line-height: 24px; } .predodobreni-krediti .text-1 a { color: #0095c9; text-decoration: underline; } .predodobreni-krediti .text-2 { font-size: 18px; font-weight: 500; } .predodobreni-krediti .text-2 a { color: #0095c9; text-decoration: underline; } .predodobreni-krediti .text-3 { font-size: 14px; font-weight: 500; line-height: 1.7; text-transform: uppercase; } .predodobreni-krediti .text-3 a { display: inline-block; vertical-align: text-bottom; line-height: 9px; color: #0095c9; border-bottom: 2px solid #0095c9; } .predodobreni-krediti .text-3 .checkbox:not(.checkbox-2) { vertical-align: top; margin-right: 20px; margin-top: -2px; margin-bottom: 15px; } .predodobreni-krediti .checkbox-wrap { position: relative; padding-left: 50px; } .predodobreni-krediti .checkbox-wrap .checkbox { position: absolute; top: 18px; left: 0; } .predodobreni-krediti .link-1 { font-size: 16px; } .predodobreni-krediti .padding-1 { padding: 0 60px; } .predodobreni-krediti .cl-2 { color: #7b7b7b; } .predodobreni-krediti .cl-3 { color: #FFFFFF; } .predodobreni-krediti .cl-4 { color: #0095c9; } .predodobreni-krediti .cl-5 { color: #888888; } .predodobreni-krediti .bg-cl-1 { background-color: #F2F4F5; } .predodobreni-krediti .checkbox-1 { transition: background-color .4s ease; position: relative; display: inline-block; width: 32px; height: 15px; border-radius: 16px; background-color: #dadada; cursor: pointer; vertical-align: middle; } .predodobreni-krediti .checkbox-1.checked { background-color: #c3b400; } .predodobreni-krediti .checkbox-1.checked mark { background-color: #FFEC00; transform: translate3d(calc(100% - 7px), 0, 0); } .predodobreni-krediti .checkbox-1 mark { transition: transform .4s ease, background-color .4s ease; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25); border-radius: 50%; position: absolute; left: -2px; top: -3px; display: inline-block; content: ""; width: 22px; height: 22px; background-color: #FFFFFF; } .predodobreni-krediti .checkbox-1 .cc-checkbox { display: none; } .predodobreni-krediti .checkbox-2 { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; user-select: none; position: relative; display: inline-block; vertical-align: top; font-size: 14px; } .predodobreni-krediti .checkbox-2.checked mark { background: url(images/krediti/icon-check-1.png) no-repeat center; background-size: 18px; } .predodobreni-krediti .checkbox-2 mark { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; display: block; cursor: pointer; vertical-align: text-top; content: ""; width: 18px; height: 18px; border: 1px solid #d1d1d1; background-color: #FFFFFF; margin-right: 10px; } .predodobreni-krediti .checkbox-2 .cc-checkbox { display: none; } .predodobreni-krediti .checkbox-2.right-dir { zoom: 1; } .predodobreni-krediti .checkbox-2.right-dir:after { display: block; visibility: hidden; height: 0; clear: both; content: ""; } .predodobreni-krediti .checkbox-2.right-dir mark { float: right; margin: 0; margin-left: 10px; } .predodobreni-krediti .panel { padding: 30px 18px; } .predodobreni-krediti .panel-bg { padding: 22px 10px; background: url(images/krediti/pattern.png) 0 0; } .predodobreni-krediti .save-box { position: absolute; top: 28px; right: 0; margin-right: 0; } .predodobreni-krediti .save-box .save-btn { position: relative; display: inline-block; height: 53px; border: 1px solid #d1d1d1; transition: border-color .4s ease; background: transparent; font-size: 14px; line-height: 50px; font-weight: bold; color: #000000; text-transform: uppercase; padding: 0 20px; margin: 0; } .predodobreni-krediti .save-box .save-btn:hover { border-color: #000000; } .predodobreni-krediti .save-box .save-btn i { display: inline-block; width: 24px; height: 53px; background-position: center center; background-repeat: no-repeat; background-size: 100%; float: left; margin-right: 20px; } .predodobreni-krediti .save-box .tooltip { width: 280px; animation: nav-anim2 3s; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0, 1, 1, 1); } .predodobreni-krediti .save-box .tooltip:after { right: 68px; } .predodobreni-krediti .tooltip { background: #FFEC00; position: absolute; top: calc(100% + 14px); right: 0; padding: 25px 25px 10px; z-index: 20; } .predodobreni-krediti .tooltip:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 9px 11px 9px; border-color: transparent transparent #ffee00 transparent; position: absolute; bottom: 100%; } .predodobreni-krediti .tooltip p { font-size: 16px; font-weight: 500; line-height: 1.5; margin-bottom: 10px; } .predodobreni-krediti .tooltip button { background: transparent; padding: 5px 0; color: #000000; text-transform: uppercase; margin: 0; } .predodobreni-krediti .tooltip button:first-child { float: left; } .predodobreni-krediti .tooltip button:last-child { float: right; } .predodobreni-krediti .jumbo-panel { position: relative; height: 440px; overflow: hidden; } .predodobreni-krediti .jumbo-panel .img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: block; top: 50%; transform: translate3d(0, -50%, 0); width: 100%; height: auto; } .predodobreni-krediti .jumbo-panel .title { text-align: center; transform: translate3d(0, -50%, 0); position: absolute; width: calc(100% - 40px); left: 20px; top: 50%; } .predodobreni-krediti .info-card { text-align: center; padding: 10px 30px; padding-top: 160px; min-height: 260px; background-repeat: no-repeat; background-position: 50% 20%; border: none; box-sizing: border-box; } .predodobreni-krediti .info-card .has-info { width: calc(100% + 50px); } .predodobreni-krediti .section { padding: 60px 0; padding-top: 75px; } .predodobreni-krediti .section-2 { padding: 50px 0; } .predodobreni-krediti .section-2.no-bottom-padding { padding-bottom: 0; } .predodobreni-krediti .value-slider-section { background-color: #F2F4F5; } .predodobreni-krediti .value-slider-wrap { border-bottom: 1px solid #FFFFFF; } .predodobreni-krediti .value-slider-wrap .title { float: left; } .predodobreni-krediti .value-slider-wrap input { text-align: right; float: right; max-width: 215px; } .predodobreni-krediti .value-slider-wrap .slider { width: 100%; float: left; } .predodobreni-krediti .value-slider-wrap .min-txt { float: left; } .predodobreni-krediti .value-slider-wrap .max-txt { float: right; } .predodobreni-krediti .value-wrap .input { text-align: right; float: right; max-width: 215px; } .predodobreni-krediti .hidden { display: none; } .predodobreni-krediti .button-wrap { zoom: 1; margin-left: -12px; padding: 0; } .predodobreni-krediti .button-wrap:after { display: block; visibility: hidden; height: 0; clear: both; content: ""; } .predodobreni-krediti .button-wrap .button { float: left; margin-left: 12px; min-width: auto; width: calc(50% - 12px); } .predodobreni-krediti .button-1 { transition: box-shadow .3s ease, background-color .3s ease; box-shadow: 0px 30px 25px -10px rgba(181, 183, 184, 0.3); text-align: center; text-transform: uppercase; display: block; font-size: 14px; font-weight: 700; padding: 15.5px 10px; background-color: #FFEC00; width: 100%; border: none; } .predodobreni-krediti .button-1:hover { box-shadow: 0px 25px 25px -15px rgba(181, 183, 184, 0.75); background-color: #fff133; cursor: pointer; } .predodobreni-krediti .button-1.color-2 { background-color: #f1f2f4; } .predodobreni-krediti .button-1.color-2:hover { box-shadow: 0px 25px 25px -15px rgba(181, 183, 184, 0.75); background-color: #e2e4e9; cursor: pointer; } .predodobreni-krediti .input-info { position: relative; } .predodobreni-krediti .input-info .input-wrap { padding-right: 50px; } .predodobreni-krediti .input-info .input-icon { transform: translate3d(0, -50%, 0); position: absolute; top: calc(50%); right: 10px; } .predodobreni-krediti .input-wrap { transition: border-color .4s ease; position: relative; border: 1px solid #d1d1d1; padding: 16px 18px 7px 18px; } .predodobreni-krediti .input-wrap:focus-within { border-color: #000000; } .predodobreni-krediti .input-wrap.error { border-color: #e53935; } .predodobreni-krediti .input-wrap.error .err-txt { display: block; } .predodobreni-krediti .input-wrap .label { position: absolute; width: max-content; padding: 0 16px; background-color: #FFFFFF; left: 3px; top: -12px; } .predodobreni-krediti .input-wrap .input { width: 100%; } .predodobreni-krediti .input-wrap .input.input-3 { margin-bottom: 3px; } .predodobreni-krediti .input-wrap .err-txt { display: none; position: absolute; left: 0; bottom: -25px; color: #e53935; font-size: 14px; margin: 0; white-space: nowrap; } .predodobreni-krediti .input-1 { font-family: "futura", sans-serif; display: block; font-size: 20px !important; font-weight: 700; appearance: none; outline: none; border: 1px solid #d1d1d1; padding: 12px 15px 10px; background-color: white; } .predodobreni-krediti .input-1.error { border-color: #e53935; } .predodobreni-krediti .input-1[disabled] { background-color: #F2F4F5; } .predodobreni-krediti .input-2 { font-family: "futura", sans-serif; display: block; font-size: 18px; font-weight: 500; border: none; background-color: transparent; outline: none; line-height: 18px; padding: 0; text-align: inherit; } .predodobreni-krediti .input-3 { font-family: "futura", sans-serif; display: block; font-size: 16px; border: none; background-color: transparent; outline: none; } .predodobreni-krediti .input-4 { font-family: "futura", sans-serif; display: block; font-size: 18px; font-weight: 500; appearance: none; outline: none; border: 1px solid #d1d1d1; padding: 15px 15px 8px; } .predodobreni-krediti .input-4.error { border-color: #e53935; } .predodobreni-krediti .input-date { background: url(images/krediti/icon-date.png) 100% 0 no-repeat; background-size: 18px; padding-right: 30px; cursor: pointer; } .predodobreni-krediti .ui-slider.ui-widget-content { border: none; border-radius: 0; background-color: #DBDBDB; height: 3px; } .predodobreni-krediti .ui-slider.ui-widget-content .ui-state-default { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; z-index: 1; cursor: pointer; width: 14px; height: 14px; background-color: #0095c9; outline: none; } .predodobreni-krediti .ui-slider.ui-widget-content .ui-state-default:after { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; position: absolute; z-index: 1; width: calc(100% + 8px); height: calc(100% + 8px); background-color: rgba(0, 149, 201, 0.3); } .predodobreni-krediti .ui-slider.ui-widget-header { border-radius: 0; background-color: #0095c9; } .predodobreni-krediti .datepicker-dd-wrap { position: relative; display: inline-block; width: 45%; } .predodobreni-krediti .datepicker-dd-wrap:after { content: ""; position: absolute; right: 15px; top: calc(50% - 6px); width: 12px; height: 12px; background: center no-repeat url(images/krediti/arrow-bottom.png); background-size: 12px; } .predodobreni-krediti body .ui-datepicker select.ui-datepicker-month, .predodobreni-krediti body .ui-datepicker select.ui-datepicker-year { cursor: pointer; padding-left: 10px; font-size: 18px !important; width: 100% !important; border: none; -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; outline: none; max-width: 82px; -moz-appearance: none; } .predodobreni-krediti body .ui-datepicker th { font-weight: 500; } .predodobreni-krediti body .ui-datepicker td { padding: 1px 2px; } .predodobreni-krediti body .ui-datepicker td span, .predodobreni-krediti body .ui-datepicker td a { padding: .4em; text-align: center; } .predodobreni-krediti body .ui-datepicker .ui-datepicker-title { font-size: 16px; font-weight: 500; color: #505050; margin-top: 9px; margin-bottom: 10px; } .predodobreni-krediti body .ui-header { border: none; background: #FFFFFF; } .predodobreni-krediti body .ui-content .ui-state-default, .predodobreni-krediti body .ui-widget .ui-state-default { background: none; color: #505050; font-size: 14px; font-weight: 500; padding-top: 8px; padding-bottom: 8px; border: 0; } .predodobreni-krediti body .ui-content-active, .predodobreni-krediti body .ui-content-hover, .predodobreni-krediti body .ui-content-highlight, .predodobreni-krediti body .ui-header-active, .predodobreni-krediti body .ui-header-hover, .predodobreni-krediti body .ui-header-highlight { border-color: #FFEC00; background: #FFEC00; color: #505050; -webkit-border-radius: 18px; -moz-border-radius: 18px; -ms-border-radius: 18px; border-radius: 18px; } .predodobreni-krediti body #ui-datepicker-div { padding: 20 px; box-shadow: 0 8px 8px black; border-radius: 0 0 8px 8px; border: 1 px solid #dfe7ef; position: absolute; width: 100%; left: 0; top: 95%; border-top: none; z-index: 20; opacity: 0; -webkit-transition: opacity .5s,visibility .5s; transition: opacity .5s,visibility .5s; } .predodobreni-krediti body table thead th { font-family: "futura", sans-serif; background: none; font-size: 16px; color: #505050; } .predodobreni-krediti body table tr:nth-child(even) td, .predodobreni-krediti body table tr:nth-child(even) th { background: none; } .predodobreni-krediti body .ui-icon { width: 20px; height: 20px; } .predodobreni-krediti body .ui-datepicker .ui-datepicker-prev, .predodobreni-krediti body .ui-datepicker .ui-datepicker-next { width: 38px; height: 38px; cursor: pointer; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; border: 1px solid #d1d1d1; border-radius: 0; } .predodobreni-krediti body .ui-datepicker .ui-datepicker-prev.ui-state-hover, .predodobreni-krediti body .ui-datepicker .ui-datepicker-next.ui-state-hover { background: none; border: 1px solid #d1d1d1; top: 4px; } .predodobreni-krediti body .ui-datepicker .ui-datepicker-prev span, .predodobreni-krediti body .ui-datepicker .ui-datepicker-next span { margin-left: -10px; margin-top: -9px; } .predodobreni-krediti body .ui-datepicker .ui-datepicker-prev { top: 4px; left: 0; margin-left: 5px; } .predodobreni-krediti body .ui-datepicker .ui-datepicker-prev.ui-state-hover { left: 0px; } .predodobreni-krediti body .ui-datepicker .ui-datepicker-prev.ui-state-hover span { background: url(images/krediti/arrow-b-left.png) center center no-repeat; background-size: 7px; border: none; } .predodobreni-krediti body .ui-datepicker .ui-datepicker-prev span { background: url(images/krediti/arrow-b-left.png) center center no-repeat; background-size: 7px; border: none; } .predodobreni-krediti body .ui-datepicker .ui-datepicker-next { top: 4px; right: 0; margin-right: 7px; } .predodobreni-krediti body .ui-datepicker .ui-datepicker-next.ui-state-hover { right: 0px; } .predodobreni-krediti body .ui-datepicker .ui-datepicker-next.ui-state-hover span { background: url(images/krediti/arrow-b-right.png) center center no-repeat; background-size: 7px; border: none; } .predodobreni-krediti body .ui-datepicker .ui-datepicker-next span { background: url(images/krediti/arrow-b-right.png) center center no-repeat; background-size: 7px; border: none; } .predodobreni-krediti .has-info { position: relative; padding-right: 50px; } .predodobreni-krediti .has-info .info-icon, .predodobreni-krediti .has-info .pen-icon { transform: translate3d(0, -50%, 0); position: absolute; top: calc(50% - 2px); right: 0; } .predodobreni-krediti .pen-icon { cursor: pointer; display: inline-block; position: relative; width: 36px; height: 26px; border: 2px solid #CFD0D2; -webkit-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; border-radius: 13px; background-position: center center; background-repeat: no-repeat; background-image: url(images/krediti/pen-icon.png); } .predodobreni-krediti .info-icon { cursor: pointer; display: inline-block; position: relative; width: 36px; height: 26px; border: 2px solid #CFD0D2; -webkit-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; border-radius: 13px; background-position: center center; background-repeat: no-repeat; background-image: url(images/krediti/info-icon-1.png); background-size: 2px; } .predodobreni-krediti .info-icon p { text-align: center; width: 250px; padding: 15px; background-color: rgba(73, 80, 90, 0.7); position: absolute; right: 15px; bottom: 29px; font-size: 14px; color: #FFFFFF; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .predodobreni-krediti .info-icon p:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 12px 0px 0 13px; border-color: #49505A transparent transparent transparent; position: absolute; right: 0px; bottom: -12px; opacity: 0.7; } .predodobreni-krediti .info-icon:hover p { opacity: 1; visibility: visible; } .predodobreni-krediti .title-border-1 { position: relative; } .predodobreni-krediti .title-border-1:after { content: ''; position: absolute; left: calc(50% - 40px); bottom: -22px; width: 80px; height: 8px; background-color: #FFF200; } .predodobreni-krediti .plain-text { border-bottom: 1px solid #e6e6e6; padding-bottom: 10px; } .predodobreni-krediti .plain-text .semi-bold { position: relative; top: 4px; } .predodobreni-krediti .plain-text .info-icon { top: calc(50% - 5px); } .predodobreni-krediti .list-1 { list-style: disc; list-style-position: outside; } .predodobreni-krediti .list-1 li { margin-left: 20px; padding-left: 10px; margin-bottom: 20px; } .predodobreni-krediti .information-section .col { position: relative; padding: 60px 140px 20px 9.5%; min-height: 395px; display: flex; align-items: center; } .predodobreni-krediti .information-section .col:first-child { background-color: #FFFFFF; } .predodobreni-krediti .information-section .col:last-child { background-color: #0095c9; background-position: 10% 30%; padding: 60px 105px 20px 190px; } .predodobreni-krediti .information-section .row { display: flex; } .predodobreni-krediti .information-section .title-1 { text-shadow: none; max-width: 330px; line-height: 56px; } .predodobreni-krediti .information-section .title-border-1:after { left: 0; } .predodobreni-krediti .information-section .list-1 span { vertical-align: top; } .predodobreni-krediti .information-section .man-1 { position: absolute; left: -210px; max-width: 100%; bottom: 0; z-index: 2; } .predodobreni-krediti .teste-slider { width: 100%; } .predodobreni-krediti .teste-slider .slick-dots { position: absolute; bottom: -80px; left: -5px; } .predodobreni-krediti .teste-slider .slick-dots li { position: relative; display: inline-block; width: 8px; margin: 0 5px; padding: 0; cursor: pointer; } .predodobreni-krediti .teste-slider .slick-dots button { border-radius: 50%; padding: 0; font-size: 0; line-height: 0; display: block; width: 6px; height: 6px; margin: auto; cursor: pointer; color: transparent; border: 0; outline: none; background-color: #CACACA; } .predodobreni-krediti .teste-slider .slick-dots .slick-active button { background-color: #0095c9; } .predodobreni-krediti .teste-slider .slick-active .inner { transition-delay: .5s; opacity: 1; } .predodobreni-krediti .teste-slider .slide { opacity: 1 !important; } .predodobreni-krediti .teste-slider .inner { transition: opacity .5s ease; opacity: 0; } .predodobreni-krediti .tag { display: block; width: 48px; height: 48px; background-color: #FFEC00; background-position: 50%; background-repeat: no-repeat; } .predodobreni-krediti .tag-wrap { position: relative; padding-right: 110px; } .predodobreni-krediti .tag-wrap .tag { position: absolute; top: calc(50% - 24px); right: 30px; } .predodobreni-krediti .contact-section { padding: 27px 0; background-color: #34393c; } .predodobreni-krediti .contact-section .page-logo { margin-top: 15px; display: block; width: 191px; height: 50px; background: url(images/krediti/page-logo-2.png) 50% no-repeat; background-size: cover; } .predodobreni-krediti .contact-section .col:not(:first-child) { border-left: 1px solid #7b7b7b; } .predodobreni-krediti .contact-section .tag-wrap { padding-top: 5px; padding-bottom: 5px; } .predodobreni-krediti .social-section { background-color: #4f5054; padding: 11px 0; } .predodobreni-krediti .social-section .text-1 { position: relative; top: 6px; } .predodobreni-krediti .socials-wrap { zoom: 1; } .predodobreni-krediti .socials-wrap:after { display: block; visibility: hidden; height: 0; clear: both; content: ""; } .predodobreni-krediti .socials-wrap li { float: left; } .predodobreni-krediti .socials-wrap a { transition: background-image .3s ease; display: block; height: 30px; width: 75px; background-repeat: no-repeat; background-position: 50%; backface-visibility: hidden; } .predodobreni-krediti .steps-wrap { position: relative; background-color: #34393c; background-image: url(images/krediti/pattern-2.png); } .predodobreni-krediti .steps-wrap.type-2 { position: relative; background-image: url(images/krediti/pattern-2.png); } .predodobreni-krediti .steps-wrap.type-2:before { z-index: 0; content: ''; position: absolute; width: 100%; height: 100%; top: 0; right: 0; background-image: url(images/krediti/sample-2.jpg); background-size: cover; background-position: top center; } .predodobreni-krediti .steps-wrap.type-2:after { z-index: 0; content: ''; position: absolute; width: 100%; height: 100%; top: 0; right: 0; background-image: url(images/krediti/pattern.png); opacity: 0.2; } .predodobreni-krediti .steps-wrap.type-2 .container-1 { position: relative; min-height: 390px; max-width: none; } .predodobreni-krediti .steps-wrap .container-1 { position: relative; z-index: 1; min-height: 100px; max-width: none; } .predodobreni-krediti .steps-wrap .steps { position: absolute; top: 60px; left: 90px; width: calc(100% - 180px); } .predodobreni-krediti .steps-wrap div.center { position: relative; top: 135px; } .predodobreni-krediti .steps { position: relative; width: 100%; margin: 0; } .predodobreni-krediti .steps:before { display: none; } .predodobreni-krediti .steps .progress { background-color: #999999; } .predodobreni-krediti .steps .progress span { transition: width .3s ease-out; display: block; height: 3px; background-color: #FFF100; } .predodobreni-krediti .steps .mobile-title { display: none; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); position: absolute; top: -37px; margin: 0; } .predodobreni-krediti .steps .point { position: absolute; z-index: 10; transform: translate3d(-50%, 0, 0); top: calc(50% - 10px); width: 18px; height: 18px; border-radius: 50%; background-color: #34393c; border: 1px solid #999999; } .predodobreni-krediti .steps .point:after { content: ''; position: absolute; border-radius: 50%; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); width: 50%; height: 50%; background-color: #999999; } .predodobreni-krediti .steps .point.active { border-color: #FFF100; } .predodobreni-krediti .steps .point.active:after { background-color: transparent; background-image: url(images/krediti/small-check.png); background-size: 10px; background-position: 50%; background-repeat: no-repeat; } .predodobreni-krediti .steps .point.last-active { border-color: #FFF100; } .predodobreni-krediti .steps .point.last-active:after { background-color: transparent; background-image: url(images/krediti/small-check.png); background-size: 10px; background-position: 50%; background-repeat: no-repeat; } .predodobreni-krediti .steps .point.last-active p { color: #FFFFFF; } .predodobreni-krediti .steps .point.current { border-color: #FFF100; } .predodobreni-krediti .steps .point.current:after { background-color: #FFF100; } .predodobreni-krediti .steps .point.current p { color: #FFFFFF; } .predodobreni-krediti .steps .point p { position: absolute; transform: translate3d(-50%, 0, 0); top: -30px; left: calc(50% + .2px); color: #999999; margin: 0; width: max-content; text-transform: none; letter-spacing: initial; text-align: inherit; white-space: nowrap; } .predodobreni-krediti .label-1 { font-size: 16px; } .predodobreni-krediti .back-button-1 { transition: border-color .4s ease; position: relative; display: inline-block; width: 48px; height: 48px; border: 1px solid #d1d1d1; background: url(images/krediti/return-icon.png) 50% no-repeat; background-size: 24px; } .predodobreni-krediti .back-button-1:hover { border-color: #000000; cursor: pointer; } .predodobreni-krediti .has-back { position: relative; } .predodobreni-krediti .has-back .back-button { position: absolute; z-index: 100; left: 0; top: 0; } .predodobreni-krediti .select-1 { cursor: pointer; width: 100%; font-family: "futura", sans-serif; display: block; font-size: 18px; font-weight: 500; border: none; background-color: transparent; outline: none; -webkit-appearance: none; -moz-appearance: none; background: url(images/krediti/arrow-bottom.png) 100% 5px no-repeat; background-size: 12px; } .predodobreni-krediti .error-helper-1 { display: none; background-color: #e53935; padding: 20px 20px; padding-bottom: 18px; } .predodobreni-krediti .popup { transition: transform .5s ease-out, opacity .5s ease-out; opacity: 0; transform: translate3d(0, -5%, 0); background-color: #FFFFFF; } .predodobreni-krediti .popup.open { opacity: 1; transform: translate3d(0, 0%, 0); } .predodobreni-krediti .popup-wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.65); z-index: 1000; } .predodobreni-krediti .popup-wrap .display-wrap { position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; padding: 40px 0; overflow: auto; } .predodobreni-krediti .popup .inner { padding: 0px; } .predodobreni-krediti .popup .inner.type-2 { padding: 32px 40px 1px; } .predodobreni-krediti .custom-radio-1 { display: inline-block; } .predodobreni-krediti .custom-radio-1.type-2 .radio > i { transform: none; top: 20px; } .predodobreni-krediti .custom-radio-1 .radio { cursor: pointer; position: relative; display: block; font-size: 16px; padding: 22px 20px; padding-left: 40px; text-overflow: ellipsis; overflow: hidden; } .predodobreni-krediti .custom-radio-1 .radio.checked > i { background-image: url(images/krediti/radio-on.png); } .predodobreni-krediti .custom-radio-1 .radio > i { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 0px; display: inline-block; width: 25px; height: 25px; background-image: url(images/krediti/radio-off.png); background-size: 20px; background-position: center; background-repeat: no-repeat; } .predodobreni-krediti .loader-wrap { text-align: center; } .predodobreni-krediti .loader-wrap .loader { display: inline-block; background: #F2F4F5; padding: 2px; position: relative; overflow: hidden; } .predodobreni-krediti .loader-wrap .loader-progress { width: 0; height: calc(100% - 4px); position: absolute; top: 2px; left: 2px; background: #FFF200; animation: loading 40s infinite; } .predodobreni-krediti .loader-wrap .loader-progress.type-2 { animation: loading 20s infinite; } .predodobreni-krediti .loader-wrap ul { position: relative; z-index: 1; } .predodobreni-krediti .loader-wrap li { float: left; width: 14px; height: 31px; border: 3px solid #FFFFFF; border-right: 0; } .predodobreni-krediti .loader-wrap li:last-child { width: 17px; border-right: 3px solid #FFFFFF; } .predodobreni-krediti .map-wrapper { position: relative; overflow: hidden; } .predodobreni-krediti #map-canvas { position: relative; width: 100%; height: 580px; overflow: hidden; } .predodobreni-krediti .infobox { background-color: transparent; border: none; width: 380px; padding: 5px 5px 20px; } .predodobreni-krediti .infobox-wrapper { display: none; background: #FFFFFF; } .predodobreni-krediti .infobox .inner { background: #FFFFFF; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); padding: 15px 22px; position: relative; } .predodobreni-krediti .infobox .inner:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #FFFFFF transparent transparent transparent; position: absolute; top: 100%; left: 50%; margin-left: -10px; } .predodobreni-krediti .infobox .loc-title { font-family: "futura", sans-serif; font-size: 16px; line-height: 20px; font-weight: 700; color: #000000; margin-bottom: 20px; } .predodobreni-krediti .infobox li { position: relative; font-family: "futura", sans-serif; font-size: 16px; line-height: 30px; color: #000000; padding-left: 35px; margin-bottom: 10px; } .predodobreni-krediti .infobox i { display: inline-block; width: 25px; height: 30px; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: center center; } .predodobreni-krediti .gm-style img { position: relative; z-index: 10; width: 15px; height: 15px; } .predodobreni-krediti .infoBox img { right: 15px; top: 5px; } .predodobreni-krediti .map-search { position: absolute; top: 25px; right: 25px; border-radius: 3px; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); overflow: hidden; } .predodobreni-krediti .map-search:after { content: ''; width: 60px; height: 100%; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 26%, white 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 26%, white 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 26%, white 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ position: absolute; top: 0; right: 0; } .predodobreni-krediti .map-search .search-1 { width: 290px; border: 0; font-family: "futura", sans-serif; font-size: 16px; line-height: 24px; color: #000000; padding: 10px 20px; } .predodobreni-krediti .map-search button { width: 50px; height: 100%; position: absolute; top: 0; right: 0; background: url(images/krediti/search-icon-2.png) center center no-repeat; background-size: 16px; border: 0; padding: 0; margin: 0; z-index: 1; opacity: 0.5; transition: opacity 0.3s ease; } .predodobreni-krediti .map-search button:hover { opacity: 1; } .predodobreni-krediti .list-block { border: 1px solid #0095c9; padding: 30px 40px; } .predodobreni-krediti .list-block li { font-size: 16px; line-height: 24px; font-weight: 500; color: #0095c9; margin-bottom: 20px; padding-left: 35px; position: relative; } .predodobreni-krediti .list-block li:after { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #0095c9; position: absolute; top: 8px; left: 0; } .predodobreni-krediti .img-full img { width: 100%; height: auto; } .predodobreni-krediti .offer-slider { width: 750px; margin: 0 auto; } .predodobreni-krediti .offer-slider-wrap { max-width: 1300px; width: 94%; overflow: hidden; position: relative; margin: 0 auto; } .predodobreni-krediti .offer-slider-wrap .overlay { width: 350px; height: 100%; position: absolute; top: 0; z-index: 10; pointer-events: none; } .predodobreni-krediti .offer-slider-wrap .overlay-left { left: 0; background: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */ } .predodobreni-krediti .offer-slider-wrap .overlay-right { right: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */ background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ } .predodobreni-krediti .offer-slider.first .slick-prev { opacity: 0; visibility: hidden; } .predodobreni-krediti .offer-slider.last .slick-next { opacity: 0; visibility: hidden; } .predodobreni-krediti .offer-slider .slide { outline: none; } .predodobreni-krediti .offer-slider .slick-list { overflow: visible; } .predodobreni-krediti .offer-slider .slick-arrow { width: 56px; height: 56px; background-color: #FFF200; background-position: center center; background-repeat: no-repeat; background-size: 24px; text-indent: -9999px; overflow: hidden; padding: 0; position: absolute; top: 50%; opacity: 1; visibility: visible; margin-top: -28px; z-index: 20; transition: all 0.5s ease; } .predodobreni-krediti .offer-slider .slick-prev { left: 50%; margin-left: -390px; background-image: url(images/krediti/return-icon.png); } .predodobreni-krediti .offer-slider .slick-next { right: 50%; margin-right: -390px; background-image: url(images/krediti/right-icon.png); } .predodobreni-krediti .offer-block { width: 100%; max-width: 588px; padding: 42px 42px 30px; border: 1px solid #d1d1d1; margin: 0 auto; } .predodobreni-krediti .block-list li { position: relative; padding-left: 30px; margin-bottom: 15px; position: relative; zoom: 1; } .predodobreni-krediti .block-list li:before { content: ''; width: 6px; height: 6px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; position: absolute; top: 10px; left: 0; background: #0095c9; } .predodobreni-krediti .block-list li:after { display: block; visibility: hidden; height: 0; clear: both; content: ""; } .predodobreni-krediti .block-list li > span { float: left; } .predodobreni-krediti .block-list li .info-icon { display: inline-block; float: left; margin-left: 10px; } .predodobreni-krediti .block-list li .info-icon span { transform: translate3d(0, -50%, 0); position: absolute; top: calc(50%); right: 10px; } .predodobreni-krediti .slider-content-wrap { position: relative; } .predodobreni-krediti .slider-content-wrap .slider-content { transition: opacity .5s ease, visibility .5s ease; position: absolute; width: 100%; left: 0; top: 0; opacity: 0; visibility: hidden; } .predodobreni-krediti .slider-content-wrap .slider-content.current { position: relative; } .predodobreni-krediti .slider-content-wrap .slider-content.active { visibility: visible; opacity: 1; } .predodobreni-krediti .docs-list { overflow: hidden; } .predodobreni-krediti .docs-list li { width: 49%; float: left; } .predodobreni-krediti .docs-list li:nth-child(odd) { margin-right: 2%; } .predodobreni-krediti .download-btn { display: block; background-color: #ebebeb; padding: 10px 85px 10px 25px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; border-bottom: 2px solid #D9D9D9; position: relative; transition: background 0.3s ease; } .predodobreni-krediti .download-btn:hover { background-color: #FFEC00; } .predodobreni-krediti .download-btn i { width: 70px; height: 100%; position: absolute; top: 0; right: 0; border-left: 1px solid #D9D9D9; background-position: center center; background-repeat: no-repeat; } .predodobreni-krediti .dropzone { font-family: "futura", sans-serif; font-size: 16px; font-weight: 700; } .predodobreni-krediti .dropzone .dz-preview { position: relative; margin-top: 70px; } .predodobreni-krediti .dropzone .dz-remove { position: absolute; right: 0; top: 0; text-transform: uppercase; color: #0095c9; font-weight: 500; font-size: 18px; } .predodobreni-krediti .dropzone .dz-default { background: url(images/krediti/border-image.png) no-repeat 50%; background-size: contain; text-align: center; min-height: 215px; padding: 20px; display: flex; align-items: center; } .predodobreni-krediti .dropzone .dz-default span { display: block; width: 100%; } .predodobreni-krediti .dropzone .dz-details { margin-bottom: 10px; } .predodobreni-krediti .dropzone .dz-filename { padding-right: 75px; word-break: break-all; } .predodobreni-krediti .dropzone .dz-success-mark { position: relative; } .predodobreni-krediti .dropzone .dz-success-mark svg { width: 20px; height: 20px; } .predodobreni-krediti .dropzone .dz-success-mark svg path { stroke: #9dcc68; stroke-opacity: 1; fill: #9dcc68; } .predodobreni-krediti .dropzone .dz-success-mark:after { content: 'Upload završen'; display: block; position: absolute; top: 0; left: 30px; font-weight: 400; color: #666666; } .predodobreni-krediti .dropzone .dz-progress { background-color: #F2F2F2; margin-bottom: 10px; } .predodobreni-krediti .dropzone .dz-progress span { display: block; height: 7px; background-color: #FFEC00; } .predodobreni-krediti .dropzone .dz-size, .predodobreni-krediti .dropzone .dz-message, .predodobreni-krediti .dropzone .dz-mark, .predodobreni-krediti .dropzone .dz-image { display: none; } .predodobreni-krediti .ie .page-header .page-title { margin-top: 35px; } .predodobreni-krediti .ie .checkbox-1.checked mark { transform: translate3d(14px, 0, 0); } .predodobreni-krediti .ie .steps .point p { white-space: nowrap; } .predodobreni-krediti .ie select::-ms-expand { display: none; } .predodobreni-krediti .detalji-ponude .container-5 > .text-1 { max-width: 700px; margin-left: auto; margin-right: auto; } .predodobreni-krediti .detalji-ponude .container-5 > #PreapprovedDescription .text-1 { max-width: 700px; margin-left: auto; margin-right: auto; } .predodobreni-krediti .detalji-ponude .promo-section { background-image: url(images/krediti/polygon-1.png); background-size: cover; background-position: 50%; background-repeat: no-repeat; min-height: 840px; } .predodobreni-krediti .detalji-ponude .promo-section .infos-row { max-width: 900px; margin: auto; } .predodobreni-krediti .detalji-ponude .promo-section .title-2 { position: relative; top: 40px; margin-bottom: 150px; } .predodobreni-krediti .isplata-kredita .container { background: #FFFFFF; } .predodobreni-krediti .center { text-align: center !important; } .predodobreni-krediti strong { font-weight: bold; } .predodobreni-krediti .ui-dialog.no-yes-dialog.ui-widget-content .ui-dialog-titlebar { height: 0; } .predodobreni-krediti .ui-dialog .ui-dialog-titlebar { padding: 0; } .predodobreni-krediti #PreapprovedDetails + .infos-row .container-2 { padding-top: 45px; } .predodobreni-krediti #PreapprovedLoanAmount .alpaca-controlfield-label div { font-size: 12px; line-height: 20px; color: #7b7b7b; margin-bottom: 20px; } .predodobreni-krediti #PreapprovedLoanPeriod .alpaca-controlfield-label div { font-size: 12px; line-height: 20px; color: #7b7b7b; margin-bottom: 20px; margin-left: -10%; margin-right: -10%; } .predodobreni-krediti #PreapprovedLoanInstallment .alpaca-controlfield-container.alpaca-controlfield-text.alpaca-controlfield-number { margin-top: 50px; } .predodobreni-krediti #PreapprovedLoanInstallment .alpaca-controlfield-container.alpaca-controlfield-text.alpaca-controlfield-number p { font-family: "futura", sans-serif; display: block; font-size: 20px !important; font-weight: 700; outline: none; padding: 12px 15px 10px; background: #d1d1d1; } .predodobreni-krediti .offer-not-available-form .text-1 { font-size: 16px; line-height: 24px; } .predodobreni-krediti .offer-not-available-form .inner-margin-50 { margin-bottom: 50px !important; } .predodobreni-krediti .offer-not-available-form .center { text-align: center !important; } .predodobreni-krediti #LoanDetailsInterestRate, .predodobreni-krediti #LoanDetailsTotalExpense, .predodobreni-krediti #LoanDetailsTotalExpenseInterest { position: relative; width: calc(100% - 60px); } .predodobreni-krediti #LoanDetailsInterestRate .text-2.has-info, .predodobreni-krediti #LoanDetailsTotalExpense .text-2.has-info, .predodobreni-krediti #LoanDetailsTotalExpenseInterest .text-2.has-info { position: absolute; top: 20px; right: -50px; } .accountDetailsPopup, .transferCardPopup { /*.popup-ammount-ico-wrapper { background-color: transparent; }*/ } .accountDetailsPopup .all-account-popup-subtitle-content, .transferCardPopup .all-account-popup-subtitle-content { position: relative; width: calc(100% - 80px); padding: 0 40px; text-align: center; margin-bottom: 24px; } .accountDetailsPopup .all-account-popup-subtitle-content input:focus, .transferCardPopup .all-account-popup-subtitle-content input:focus { border: 1px solid #52ae30; padding-right: 50px; } .accountDetailsPopup .all-account-popup-subtitle-content .custom-switch, .transferCardPopup .all-account-popup-subtitle-content .custom-switch { max-width: 300px; margin-left: auto; margin-right: auto; display: flex; width: 100%; background: #e8e9ec; border-radius: 12px; padding: 3px 4px; position: relative; margin-bottom: 43px; } .accountDetailsPopup .all-account-popup-subtitle-content .custom-switch::before, .transferCardPopup .all-account-popup-subtitle-content .custom-switch::before { content: ""; width: -webkit-calc(50% - 4px); width: calc(50% - 4px); height: -webkit-calc(100% - 6px); height: calc(100% - 6px); position: absolute; top: 3px; left: 4px; background: #fff; box-shadow: 0 8px 10px rgba(0, 0, 0, 0.08); border-radius: 10px; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; } .accountDetailsPopup .all-account-popup-subtitle-content .custom-switch.active-1::before, .transferCardPopup .all-account-popup-subtitle-content .custom-switch.active-1::before { transform: translateX(0); } .accountDetailsPopup .all-account-popup-subtitle-content .custom-switch.active-2::before, .transferCardPopup .all-account-popup-subtitle-content .custom-switch.active-2::before { transform: translateX(100%); } .accountDetailsPopup .all-account-popup-subtitle-content .custom-switch span, .transferCardPopup .all-account-popup-subtitle-content .custom-switch span { display: block; width: 50%; float: left; font-size: 13px; text-align: center; color: rgba(0, 0, 0, 0.54); padding: 4px 5px; transition: color .3s; cursor: pointer; position: relative; font-family: 'Source-Sans-Pro-semibold'; } .accountDetailsPopup .all-account-popup-subtitle-content .custom-switch span:hover, .transferCardPopup .all-account-popup-subtitle-content .custom-switch span:hover { color: #2a7f00; } .accountDetailsPopup .all-account-popup-subtitle-content .custom-switch > .active, .transferCardPopup .all-account-popup-subtitle-content .custom-switch > .active { color: #52ae30; } .accountDetailsPopup .all-account-popup-subtitle-content .mCSB_scrollTools_vertical, .transferCardPopup .all-account-popup-subtitle-content .mCSB_scrollTools_vertical { display: none !important; } .accountDetailsPopup .transaction-popup-option:hover .main-nav-link-ico-svg, .transferCardPopup .transaction-popup-option:hover .main-nav-link-ico-svg { stroke: #000; fill: #000; } .accountDetailsPopup .beneficiary-item, .transferCardPopup .beneficiary-item { width: calc(100% - 16px); border-radius: 28px; -webkit-transition: background-color .5s; transition: background-color .5s; padding: 8px; z-index: auto; max-width: 407px; } .accountDetailsPopup .beneficiary-item:hover, .transferCardPopup .beneficiary-item:hover { background-color: #fff; } .accountDetailsPopup .beneficiary-item:hover .beneficiary-icon-wrapper, .transferCardPopup .beneficiary-item:hover .beneficiary-icon-wrapper { background-color: #efefef; } .accountDetailsPopup .beneficiary-item.flex-center, .transferCardPopup .beneficiary-item.flex-center { align-items: center; } .accountDetailsPopup .beneficiary-item.flex-layout, .transferCardPopup .beneficiary-item.flex-layout { display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .accountDetailsPopup .beneficiary-item > .beneficiary-icon-wrapper, .transferCardPopup .beneficiary-item > .beneficiary-icon-wrapper { position: relative; width: 46px !important; height: 40px; border-radius: 50%; text-align: center; overflow: hidden; background-color: #fff; -webkit-transition: background-color .5s; transition: background-color .5s; font-family: "Source-Sans-Pro-bold", sans-serif; font-size: 16px; } .accountDetailsPopup .beneficiary-item p, .transferCardPopup .beneficiary-item p { line-height: 40px; margin: 0; font-weight: bold; z-index: auto; } .accountDetailsPopup .beneficiary-item .beneficiary-name, .transferCardPopup .beneficiary-item .beneficiary-name { width: calc(100% - 40px); padding: 0 25px 0 16px; } .accountDetailsPopup .beneficiary-item .profile-text-arrow, .transferCardPopup .beneficiary-item .profile-text-arrow { position: relative; top: 7px; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 7px; height: 12px; right: 23px; fill: #52ae30; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s,-webkit-transform .5s; cursor: pointer; line-height: 1.4; margin: 0; } .accountDetailsPopup .account-inter-inner-scroll, .transferCardPopup .account-inter-inner-scroll { padding-right: 0px !important; } .accountDetailsPopup .account-inter-inner-scroll .formWrapperDialog, .transferCardPopup .account-inter-inner-scroll .formWrapperDialog { height: 520px; overflow: hidden; transition: all 0.3s ease; } .accountDetailsPopup .account-inter-inner-scroll .formWrapperDialog.open, .transferCardPopup .account-inter-inner-scroll .formWrapperDialog.open { height: 816px; } .accountDetailsPopup .input-wrap.icon-right svg, .transferCardPopup .input-wrap.icon-right svg { width: 18px; height: 18px; position: absolute; top: 50%; right: 16px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .accountDetailsPopup .input-wrap.icon-right svg.search, .transferCardPopup .input-wrap.icon-right svg.search { fill: #c7c7c7; } .accountDetailsPopup .popup-btn-wrapper, .transferCardPopup .popup-btn-wrapper { padding: 0 40px; display: flex; justify-content: space-between; padding-bottom: 0px !important; padding-top: 25px !important; } .accountDetailsPopup .popup-btn-wrapper .btn-2, .transferCardPopup .popup-btn-wrapper .btn-2 { width: 200px !important; border-radius: 25px; background-color: white; color: #52AE30; border: none; font-weight: bold; font-size: 14px; transition: all .3s ease; } .accountDetailsPopup .popup-btn-wrapper .btn-2.confirm, .transferCardPopup .popup-btn-wrapper .btn-2.confirm { background-color: #52AE30; color: white; } .accountDetailsPopup .popup-btn-wrapper .btn-2.confirm:hover, .transferCardPopup .popup-btn-wrapper .btn-2.confirm:hover { background: #2a7f00; } #LoanESignatureSMS input { text-transform: uppercase; } @keyframes nav-anim { 0% { transform: translate3d(0, 0px, 0); } 50% { transform: translate3d(0, -5px, 0); } 100% { transform: translate3d(0, 0px, 0); } } @keyframes nav-anim2 { 0% { transform: translate3d(0, 0px, 0); } 7% { transform: translate3d(0, -5px, 0); } 14% { transform: translate3d(0, 0px, 0); } 21% { transform: translate3d(0, -5px, 0); } 28% { transform: translate3d(0, 0px, 0); } } @keyframes loading { 0% { width: 0; } 10% { width: 10%; } 20% { width: 20%; } 30% { width: 30%; } 40% { width: 40%; } 50% { width: 50%; } 60% { width: 60%; } 70% { width: 70%; } 80% { width: 80%; } 90% { width: 90%; } 100% { width: 98%; } } @media only screen and (min-width: 1920px) { .predodobreni-krediti .information-section .col:first-child { padding-left: 20%; } } @media only screen and (max-width: 1200px) { .predodobreni-krediti .information-section .row { display: block; } .predodobreni-krediti .information-section .row .col { width: 100%; } .predodobreni-krediti .information-section .row .title-border-1:after { left: 50%; transform: translateX(-50%); } .predodobreni-krediti .information-section .title-1 { max-width: 100%; text-align: center; margin-bottom: 10px; } .predodobreni-krediti .information-section .col { min-height: 270px; } .predodobreni-krediti .section.fix-2 { padding-bottom: 0; } .predodobreni-krediti .steps .point { display: flex; align-items: center; } .predodobreni-krediti .steps .point p { position: relative; font-size: 14px; width: auto; text-align: center; top: -35px; } } @media only screen and (max-width: 980px) { .predodobreni-krediti .title-1 { font-size: 38px; line-height: 40px; } .predodobreni-krediti .information-section .col { padding: 30px 85px 20px 25px; } .predodobreni-krediti .offer-slider { width: 100%; } .predodobreni-krediti .offer-slider-wrap { width: 100%; } .predodobreni-krediti .offer-slider-wrap .overlay { display: none; } .predodobreni-krediti .offer-slider .slick-list { overflow: hidden; padding: 0 !important; } .predodobreni-krediti .docs-list { overflow: hidden; } .predodobreni-krediti .docs-list li { width: 100%; margin-bottom: 30px; } .predodobreni-krediti .docs-list li:nth-child(odd) { margin-right: 0; } .predodobreni-krediti .docs-list.inner-margin-5 { margin-bottom: 0; } .predodobreni-krediti .jumbo-panel { height: 46vw; } .predodobreni-krediti .steps .point p { font-size: 14px; } } @media only screen and (max-width: 780px) { .predodobreni-krediti .col-ms-1 { width: calc(100% / 12); } .predodobreni-krediti .col-ms-2 { width: calc((100% / 12) * 2); } .predodobreni-krediti .col-ms-3 { width: calc((100% / 12) * 3); } .predodobreni-krediti .col-ms-4 { width: calc((100% / 12) * 4); } .predodobreni-krediti .col-ms-5 { width: calc((100% / 12) * 5); } .predodobreni-krediti .col-ms-6 { width: calc(100% / 2); } .predodobreni-krediti .col-ms-7 { width: calc((100% / 12) * 7); } .predodobreni-krediti .col-ms-8 { width: calc((100% / 12) * 8); } .predodobreni-krediti .col-ms-9 { width: calc((100% / 12) * 9); } .predodobreni-krediti .col-ms-10 { width: calc((100% / 12) * 10); } .predodobreni-krediti .col-ms-11 { width: calc((100% / 12) * 11); } .predodobreni-krediti .col-ms-12 { width: 100%; } .predodobreni-krediti .section-2 { padding: 30px 0px; padding-bottom: 20px; } .predodobreni-krediti .title-1 { font-size: 32px; line-height: 34px; } .predodobreni-krediti .title-2 { font-size: 24px; } .predodobreni-krediti .title-5 { font-size: 24px; } .predodobreni-krediti .text-1 { font-size: 14px; line-height: 20px; } .predodobreni-krediti .text-2 { font-size: 16px; } .predodobreni-krediti .input-wrap .err-txt { font-size: 12px; bottom: -20px; } .predodobreni-krediti .input-1 { font-size: 18px; padding: 9px 15px 8px; } .predodobreni-krediti .input-2 { font-size: 16px; } .predodobreni-krediti .label { font-size: 14px; } .predodobreni-krediti .page-header .page-title { position: relative; top: 7px; font-size: 24px; text-align: left; padding-left: 60px; } .predodobreni-krediti .page-header .page-logo { background-image: url(images/icons/page-logo-3.png); background-size: 47.5px; width: 48px; } .predodobreni-krediti .information-section .row { display: block; } .predodobreni-krediti .information-section .col { padding: 30px 85px 20px 25px; } .predodobreni-krediti .has-info.inner-margin-5 { margin-bottom: 35px; } .predodobreni-krediti .offer-slider { padding: 0 20px; margin-bottom: 40px; } .predodobreni-krediti .offer-slider .slide { padding: 0 10px; } .predodobreni-krediti .offer-slider .slick-arrow { width: 25px; background-size: 10px; } .predodobreni-krediti .offer-slider .slick-prev { left: 0px; margin-left: 0; } .predodobreni-krediti .offer-slider .slick-next { right: 0px; margin-right: 0; } .predodobreni-krediti .offer-block { padding: 22px 22px 20px; } .predodobreni-krediti .steps .point p { display: none; } .predodobreni-krediti .steps .mobile-title { display: block; width: 100%; } } @media only screen and (max-width: 680px) { .predodobreni-krediti { /* Identification number */ /*--------18.06.2018. korekcije----------*/ } .predodobreni-krediti .col-ss-12 { width: 100%; } .predodobreni-krediti .col-ss-11 { width: calc((100% / 12) * 11); } .predodobreni-krediti .col-ss-10 { width: calc((100% / 12) * 10); } .predodobreni-krediti .col-ss-9 { width: calc((100% / 12) * 9); } .predodobreni-krediti .col-ss-8 { width: calc((100% / 12) * 8); } .predodobreni-krediti .col-ss-7 { width: calc((100% / 12) * 7); } .predodobreni-krediti .col-ss-6 { width: calc(100% / 2); } .predodobreni-krediti .col-ss-5 { width: calc((100% / 12) * 5); } .predodobreni-krediti .col-ss-4 { width: calc((100% / 12) * 4); } .predodobreni-krediti .col-ss-3 { width: calc((100% / 12) * 3); } .predodobreni-krediti .col-ss-2 { width: calc((100% / 12) * 2); } .predodobreni-krediti .col-ss-1 { width: calc(100% / 12); } .predodobreni-krediti .back-button-1 { width: 35px; height: 35px; background-size: 12px; } .predodobreni-krediti .steps-wrap .steps { position: absolute; top: 60px; left: 0px; width: calc(100%); } .predodobreni-krediti .container-1.has-back .title-2.title-border-1 { padding: 0 40px; } .predodobreni-krediti .jumbo-panel .img { height: 60vw; object-fit: cover; } .predodobreni-krediti .icon-stopwatch { background-size: 56.5px; } .predodobreni-krediti .icon-document { background-size: 60px; } .predodobreni-krediti .icon-camera { background-size: 49px; } .predodobreni-krediti .info-card { text-align: center; padding: 10px 20px; padding-top: 110px; min-height: 190px; background-position: 50% 12%; } .predodobreni-krediti .info-card has-info { width: 100%; } .predodobreni-krediti .plain-text { padding-bottom: 5px; } .predodobreni-krediti .plain-text .text-1.alignright { width: 100%; text-align: right; margin-top: 5px; } .predodobreni-krediti .contact-section .col { margin-bottom: 30px; } .predodobreni-krediti .contact-section .col:not(:first-child) { border: 0; } .predodobreni-krediti .contact-section .tag-wrap { padding-right: 80px; } .predodobreni-krediti .contact-section .tag-wrap .tag { right: 0; } .predodobreni-krediti .title-2 { padding: 0px; } .predodobreni-krediti .link-1 { font-size: 14px; } .predodobreni-krediti .icon-text { margin: auto; } .predodobreni-krediti .icon-text.inner-margin-0 { margin-bottom: 40px; } .predodobreni-krediti .save-box .save-btn span { display: none; } .predodobreni-krediti .save-box .save-btn i { margin-right: 0; } .predodobreni-krediti .save-box .tooltip:after { right: 24px; } .predodobreni-krediti .popup .inner { padding: 15px 20px 1px; } .predodobreni-krediti .popup .inner.type-2 { padding: 32px 20px 1px; } .predodobreni-krediti .popup.open { opacity: 1; transform: translate3d(0, 0%, 0); } .predodobreni-krediti .popup .popup-img { max-width: 61.5px; } .predodobreni-krediti .info-card.fix:after { display: none; } .predodobreni-krediti .information-section .man-1 { display: none; } .predodobreni-krediti .information-section .col { min-height: 230px; } .predodobreni-krediti .information-section .col:last-child { padding: 60px 20px 20px 20px; } .predodobreni-krediti .detalji-ponude .promo-section { padding-bottom: 30px; } .predodobreni-krediti .detalji-ponude .promo-section .title-2 { margin-bottom: 210px; } .predodobreni-krediti .container-6 { padding: 1px 15px; } .predodobreni-krediti .steps .mobile-title { width: 100%; } } @media only screen and (max-width: 480px) { .predodobreni-krediti { /* Identification number */ /*------18.06.2018.--------*/ } .predodobreni-krediti .page-header .page-title { font-size: 16px; text-align: center; top: 2px; padding-right: 50px; } .predodobreni-krediti .page-header .menu-wrap { border: 0; top: 29px; } .predodobreni-krediti .page-header .container-1 { min-height: 80px; } .predodobreni-krediti .page-header .page-logo { top: 17px; } .predodobreni-krediti .page-header .menu-wrap { top: 16px; } .predodobreni-krediti .title-1 { font-size: 22px; line-height: 24px; } .predodobreni-krediti .button-1 { padding: 16.5px 10px; font-size: 16px; } .predodobreni-krediti .jumbo-panel.inner-margin-6 { margin-bottom: 30px; } .predodobreni-krediti .jumbo-panel .img { height: 60vw; object-fit: cover; } .predodobreni-krediti .jumbo-panel .title { width: calc(100% - 20px); left: 10px; } .predodobreni-krediti .section { padding: 30px 0; padding-top: 45px; } .predodobreni-krediti .intro-section.inner-margin-5 { margin-bottom: 20px; } .predodobreni-krediti .information-section .col { padding: 30px 25px 20px 25px; min-height: 200px; } .predodobreni-krediti .teste-slider .slick-dots { bottom: -20px; } .predodobreni-krediti .contact-section .page-logo { margin: auto; margin-top: 15px; } .predodobreni-krediti .social-section .text-1 { float: none; text-align: center; } .predodobreni-krediti .social-section .socials-wrap { float: none; max-width: max-content; margin: auto; margin-top: 20px; } .predodobreni-krediti .value-slider-wrap .title { float: none; text-align: center; } .predodobreni-krediti .value-slider-wrap .input { float: none; max-width: none; width: 100%; margin: auto; text-align: center; } .predodobreni-krediti .value-slider-wrap .input.inner-margin-3 { margin-bottom: 50px; } .predodobreni-krediti .value-wrap .title { float: none; text-align: center; } .predodobreni-krediti .value-wrap .input { float: none; max-width: none; width: 100%; margin: auto; text-align: center; } .predodobreni-krediti .padding-1 { padding: 0; } .predodobreni-krediti .col-ls-6 { width: 100%; } .predodobreni-krediti .save-box .save-btn { width: 30px; height: 30px; top: 0px; right: 0; margin-right: 0; padding: 0; } .predodobreni-krediti .save-box .save-btn i { width: 30px; height: 30px; margin-right: 0; background-size: 50%; background-position: 7px 7px; } .predodobreni-krediti .button-wrap .button { width: calc(100% - 12px); margin-bottom: 10px !important; } .predodobreni-krediti .map-search { width: 94%; right: 3%; } .predodobreni-krediti .map-search .search-1 { width: 100%; } .predodobreni-krediti .infobox .inner { width: 260px; margin-left: 55px; } .predodobreni-krediti .infoBox img { right: 70px; } .predodobreni-krediti .list-block { padding: 30px 20px; } .predodobreni-krediti .list-block li { padding-left: 20px; } .predodobreni-krediti .information-section .col { min-height: 160px; } .predodobreni-krediti .benefit-section { padding-top: 60px; padding-bottom: 50px; } .predodobreni-krediti .input-wrap .label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } } /* ================================================== =High def devices ===================================================== */ /*RetailOffers*/ /* Custom tables ----------------------------------------------------------------------------------------------- */ .custom-table.horizontal-scroll { overflow: auto; } .custom-table.horizontal-scroll .table-row.border-bottom { border-bottom: none; } .custom-table.horizontal-scroll .table-row.border-bottom .col { border-bottom: 2px solid #ebeced; } .custom-table.horizontal-scroll .col-ls-2 { min-width: 103px; } .custom-table.horizontal-scroll .col-ls-3 { min-width: 155px; } .custom-table.horizontal-scroll .col-ls-4 { min-width: 207px; } .custom-table.horizontal-scroll .col-ls-5 { min-width: 175px; } .custom-table .table-row { zoom: 1; position: relative; display: block; } .custom-table .table-row:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } .custom-table .table-row.flex { display: flex; min-height: 60px; } .custom-table .table-row.flex .col { display: flex; align-items: center; } .custom-table .table-row.flex .col-text { width: 100%; white-space: normal; } .custom-table .table-row.button-row { padding-right: 85px; } .custom-table .table-row.clickable { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; cursor: pointer; } .custom-table .table-row.clickable:hover { background-color: rgba 82, 174, 48, 0.5; } .custom-table .table-row.row-1 { border-bottom: 1px solid #ebeced; } .custom-table .table-row.row-2 { zoom: 1; } .custom-table .table-row.row-2:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; } .custom-table .table-row.border { border-bottom: 1px solid #EFEFEF; } .custom-table .table-row.border-bottom { border-bottom: 2px solid #ebeced; } .custom-table .table-row.border:first-child { border-top: 1px solid #EFEFEF; } .custom-table .table-head.flex { min-height: auto; } .custom-table .table-2 .flag-box { width: 35px; height: 35px; } .custom-table .table-2 .table-row { padding: 0 35px; } .custom-table .button-row .row-btn { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 20px; line-height: 20px; } .custom-table .flag:before { position: absolute; content: ""; top: 0; left: 0; width: 6px; height: calc(100% - 2px); } .custom-table .flag.cl-1:before { background-color: #e23939; } .custom-table .flag.cl-2:before { background-color: #0095c9; } .custom-table .flag.cl-3:before { background-color: #9CCC66; } .custom-table .hoverable-row:hover { background-color: rgba 82, 174, 48, 0.5; cursor: pointer; } .custom-table .no-padd-bot .col { padding-bottom: 0; } .custom-table .hidden-elems { display: none; } .custom-table .col { padding: 11px 15px; position: relative; } .custom-table .col-text { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 0; } .custom-table .col .center { text-align: center; } .custom-table .progress-bar-2 { margin: 14px 0; } .custom-table .has-button { padding-right: 160px; } .custom-table .has-button .btn-1 { width: 130px; position: absolute; top: 50%; margin-top: -18px; right: 15px; } .custom-table .tag-col { padding-left: 65px; background-repeat: no-repeat; background-position: 15px center; } .custom-table .account-col { padding-left: 70px; } .custom-table .row-1 .col.no-border:before { display: none; } .custom-table .row-1 .col:before { content: ''; width: 1px; height: 18px; background: #ebeced; position: absolute; left: 0; top: 50%; margin-top: -9px; } .custom-table .row-1 .col:first-child:before { display: none; } .custom-table .row-hover { background: #FFFFFF; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .custom-table .row-hover:hover { background: #f2fafc; border-color: #000000; } .custom-table .pos-left { float: left; } .custom-table .text-cl-1 { color: #333333; } .custom-table .text-cl-2 { color: #000000; } .custom-table .text-cl-3 { color: #7b7b7b; } .custom-table .text-1 { font-size: 14px; line-height: 38px; } .custom-table .text-1 a { color: #0095c9; text-transform: uppercase; text-decoration: underline; } .custom-table .text-2 { font-size: 12px; line-height: 38px; } .custom-table .text-3 { font-size: 18px; line-height: 38px; } .custom-table .text-3 small { font-size: 14px; } .custom-table .text-3 span { text-transform: uppercase; } .custom-table .text-4 { font-size: 14px; line-height: 19px; height: 38px; overflow: hidden; } .custom-table .text-5 { font-size: 16px; line-height: 38px; overflow: hidden; } .custom-table .text-6 { font-size: 14px; line-height: 16px; font-weight: 500; overflow: visible; } .custom-table .text-7 { font-size: 16px; line-height: 18px; overflow: hidden; } .custom-table .text-top-1 { font-size: 16px; line-height: 24px; } .custom-table .text-top-1 small { font-size: 14px; } .custom-table .text-top-2 { font-size: 14px; line-height: 15px; } .custom-table .text-bottom-1 { font-size: 14px; line-height: 14px; } .custom-table .text-bottom-2 { font-size: 20px; line-height: 22px; } .custom-table .text-bottom-2 small { font-size: 16px; } .custom-table .text-bottom-3 { font-size: 16px; line-height: 24px; } .custom-table .img-cell img { width: 52px; height: auto; } .custom-table .text-top-1 { font-size: 16px; line-height: 24px; } .custom-table .text-top-1 small { font-size: 14px; } .custom-table .status-cell { position: relative; padding-left: 38px; } .custom-table .status-cell p { line-height: 1; position: relative; top: 55%; transform: translateY(-50%); } .custom-table .status-cell .active-icon { position: absolute; left: 15px; top: 50%; margin-top: -6px; } .custom-table .active-icon { display: inline-block; width: 14px; height: 14px; margin-right: 5px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; position: relative; top: 2px; } .custom-table .active-icon.active { background: #9CCC66; } .custom-table .active-icon.inactive { background: #ef5350; } .custom-table .active-icon.expired { background: #49505A; } .custom-table .btn-1 { display: inline-block; width: auto; min-width: 82px; padding: 9px 10px; } .custom-table .btn-right { float: right; } .custom-table .transaction-icon { display: inline-block; float: right; margin-left: 5px; width: 10px; height: 38px; background-size: 10px; background-repeat: no-repeat; background-position: center center; position: absolute; top: 11px; right: 10px; } .custom-table .transaction-col { padding-right: 28px; } .custom-table .transaction-img { float: left; width: 36px; height: auto; margin-right: 15px; } .custom-table .flag-box { display: inline-block; width: 20px; height: 20px; float: left; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; overflow: hidden; margin-right: 10px; } .custom-table .flag-box img { width: 100%; height: auto; margin-right: 10px; } .custom-table .icon-2 { margin-top: 4px; } .custom-table .icon-2:hover { border-color: #494f5a; } .custom-table .icon-close-1:hover { background-image: url(images/icons/close-icon-4.png); } .custom-table .edit-icon:hover { background-image: url(images/icons/edit-4.png); } .custom-table .detail-btn { font-size: 16px; line-height: 38px; color: #0095c9; text-decoration: underline; text-transform: uppercase; } .custom-table .detail-btn.push-right { float: right; } .custom-table .account-icon { display: inline-block; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center center; } .custom-table .tag { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; position: absolute; left: 15px; border: 2px solid #D9D9D9; color: #000000; font-weight: normal; font-size: 16px; display: block; width: 35px; height: 35px; line-height: 32px; } .custom-table .tag.type-2 { border-color: #ED1C24; background-color: #ED1C24; } .custom-table .tag img { -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; display: inline-block; max-width: 100%; max-height: 100%; } .small-table .table-head { padding-top: 8px; border-bottom: 1px solid #e6e6e6; } .small-table .table-head col-text { line-height: 20px; } .small-table .table-row.row-1.no-border { border: 0; } .small-table .col { padding: 9px 10px 10px 10px; } .small-table .col-text { line-height: 35px; } .small-table .flag-box { width: 35px; height: 35px; } .show-more { display: block; width: 100%; font-size: 14px; color: #333333; text-transform: uppercase; padding: 15px; } .show-more span { display: inline-block; text-decoration: underline; } .show-more .less { display: none; } .show-more .arrow-bottom-1 { display: inline-block; float: left; width: 20px; height: 20px; background-position: 0 0; background-repeat: no-repeat; background-size: 10px; position: relative; top: -2px; margin-right: 10px; transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); background: #FFEC00 url(images/icons/arrow-bottom-6.png) center center no-repeat; background-size: 10px; } .show-more.active .more { display: none; } .show-more.active .less { display: inline-block; } .show-more.active .arrow-bottom-1 { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .show-more.type-2 { display: inline-block; width: auto; color: #0095c9; } .show-more.type-2 span { text-decoration: none; } .show-more.type-2 .arrow-bottom-1 { background: url(images/icons/arrow-blue-d.png) center center no-repeat; background-size: 10px; } .RetailOffers .s-widget-body { overflow: visible; } .zoneWithOffers { min-height: 0px; } .formApproval .alpaca-controlfield { padding: 10px; position: relative; } .formApproval .alpaca-controlfield-container.alpaca-controlfield-text { width: auto; padding: 14px 15px 12px 15px; min-height: 40px; position: relative; border: 1px solid #d1d1d1; -webkit-transition: border 0.3s ease; -moz-transition: border 0.3s ease; -ms-transition: border 0.3s ease; -o-transition: border 0.3s ease; transition: border 0.3s ease; } .formApproval .alpaca-controlfield-container.alpaca-controlfield-text input { font-family: "futura", sans-serif; width: 100%; font-size: 16px !important; letter-spacing: 0.5px; line-height: 29px; min-height: 24px; border: none; -webkit-appearance: none; border-radius: 0; padding: 0; padding-left: 3px; background-color: transparent; color: #000000; } .formApproval .alpaca-controlfield-label { color: #7b7b7b; background: white; position: absolute; left: 20px; padding: 0 10px; font-size: 16px !important; bottom: calc(100% - 20px); z-index: 1000; } .formApproval .alpaca-controlfield-radio-item.radio { padding: 15px 30px; } .formApproval .alpaca-controlfield-message-text { color: #FF0000; } .formApproval .alpaca-form-fields-container { padding: 0 100px; } .formApproval .alpaca-form-buttons-container { padding: 0 100px; padding-bottom: 25px; } .formApproval .alpaca-form-button.alpaca-form-button-submit { display: inline-block; width: 100%; border: none; font-size: 14px; font-weight: 700; text-align: center; text-transform: uppercase; padding: 15px 10px; margin-right: 0; cursor: pointer; box-sizing: border-box; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; box-sizing: border-box; background-color: #FFEC00; color: #000000; } .formApproval .alpaca-fieldset-items-container .alpaca-fieldset-item-container[data-alpaca-item-container-item-key="IdCardStreet"] { width: 70%; float: left; } .formApproval .alpaca-fieldset-items-container .alpaca-fieldset-item-container[data-alpaca-item-container-item-key="IdCardStreetNumber"] { width: 30%; float: left; } .formApproval .alpaca-fieldset-items-container .alpaca-fieldset-item-container[data-alpaca-item-container-item-key="new-fd394"] { display: inline-block; width: 100%; } .formApproval .alpaca-fieldset-legend.legend-expanded { font-size: 25px; text-transform: uppercase; line-height: 40px; text-align: center; padding-top: 25px; padding-bottom: 25px; pointer-events: none; } .formApproval .form-container { font-size: 20px; padding-top: 30px; margin-bottom: 30px; float: left; width: 100%; } .formApproval .s-widget-header.ui-corner-tl.ui-corner-tr { display: none; } .formApproval .error-helper-1.center { color: #FF0000; } @media only screen and (max-width: 600px) { .formApproval .alpaca-fieldset-items-container .alpaca-fieldset-item-container[data-alpaca-item-container-item-key="IdCardStreet"] { width: 100%; } .formApproval .alpaca-fieldset-items-container .alpaca-fieldset-item-container[data-alpaca-item-container-item-key="IdCardStreetNumber"] { width: 100%; } .formApproval .alpaca-fieldset-items-container .alpaca-fieldset-item-container[data-alpaca-item-container-item-key="new-fd394"] { padding-bottom: 25px; } } @media only screen and (max-width: 460px) { .languagesContainer { top: 912px !important; right: 40px; } } #page-header .header-icons .tooltip { position: relative; } #page-header .header-icons .tooltip .t-modal { display: block; padding: 5px; background-color: rgba(73, 80, 90, 0.7); position: absolute; bottom: 100%; margin-bottom: 12px; font-size: 14px; line-height: 18px; font-weight: 500; color: #FFFFFF; opacity: 0; visibility: hidden; -webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; -o-transition: 0s; transition: 0s; border-radius: 0px; } #page-header .header-icons .tooltip .t-modal.padding { padding: 15px; } #page-header .header-icons .tooltip .t-modal.size-1 { max-width: 300px; white-space: nowrap; } #page-header .header-icons .tooltip .t-modal.t-right { right: 50%; } #page-header .header-icons .tooltip .t-modal.t-right:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 12px 0px 0 13px; border-color: #49505A transparent transparent transparent; position: absolute; right: 0px; bottom: -12px; opacity: 0.7; } #page-header .header-icons .tooltip:hover .t-modal { opacity: 1; visibility: visible; width: auto; top: -89%; } #page-footer { width: calc(100% - 310px); margin-left: auto; z-index: 1; } #page-footer .footer-content { padding: 13px 80px 9px; position: relative; background-color: #0a79b8; border-radius: 40px 0 0 0; z-index: 2; width: calc(100% - 160px); } #page-footer .footer-text { color: #FFFFFF; font-family: "Lato-Semibold", sans-serif; font-size: 15px; } #page-footer .footer-text a { color: rgba(0, 0, 0, 0.54); } #page-footer .footer-social-wrapper { font-size: 0; } #page-footer .footer-social-link { width: 40px; height: 40px; position: relative; border: 1px solid #FFFFFF; margin: 8px; display: inline-block; transition: border-color .5s; border-radius: 6px; } #page-footer .footer-social-link:hover { border-color: #73e3eb; } #page-footer .footer-social-ico { position: absolute; fill: #FFFFFF; width: 20px; height: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } /*.clientGrid { background-color: transparent !important; thead { th { color: rgba(0,0,0,.54) !important; font-weight: 600 !important; font-size: 13px !important; font-family: $font-7; } } tbody { tr { background-color: transparent !important; -webkit-transition: background-color .5s; transition: background-color .5s; &:first-child { border-top: 1px solid $color-8 !important; } } } }*/ .background-1 { background-color: #0a79b8; } .background-2 { background-color: #00335d; } .background-3 { background-color: rgba(0, 0, 0, 0.54); } .background-4 { background-color: #FFFFFF !important; } .background-5 { background-color: #F5F5F5; } .background-6 { background-color: rgba(0, 0, 0, 0.87); } .background-7 { background-color: #C7C7C7; } .background-8 { background-color: #EFEFEF; } .background-9 { background-color: #E8E9EC; } .background-10 { background-color: #0f7; } .background-11 { background-color: #0a79b8; } .background-12 { background-color: #fff; } .background-13 { background-color: #000 !important; } .element-border { border-radius: 12px; } .element-border-2 { border-radius: 10px; } .element-border-3 { border-radius: 20px; } .element-border-4 { border-radius: 6px; } .element-border-5 { border-radius: 38px; } .font-2 { font-family: "Source Sans Pro bold", sans-serif; font-weight: bold; } .font-3 { font-family: "Source-Sans-Pro-semibold", sans-serif; } .font-4 { font-family: Lat-Bold,sans-serif; } .font-5 { font-family: "Source-Sans-Pro-semibold", sans-serif; } .font-6 { font-family: "Source-Sans-Pro-bold", sans-serif; } .font-7 { font-family: "Source-Sans-Pro", sans-serif; } .title-1 { font-size: 32px; } .title-2 { font-size: 24px !important; } .title-3 { font-size: 18px; } .title-4 { font-size: 30px; } .title-5 { font-size: 20px; } .title-6 { font-size: 40px; line-height: 1.05; } .page-text { font-size: 15px; } .page-text-2 { font-size: 13px; } .page-text-3 { font-size: 15px !important; } .page-text-4 { font-size: 14px !important; } .center { text-align: center !important; } .relative { position: relative; } .wrapper-border-radius { overflow: hidden; border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; /*box-shadow: 0 17px 17px -5px rgba(0,0,0,0.08);*/ max-height: 470px; overflow: auto; position: relative; } .wrapper-border-radius.fxt { max-height: none; } .wrapper-border-radius.intra { max-height: none; } .wrapper-border-radius::-webkit-scrollbar { background: white; width: 5px; } .wrapper-border-radius::-webkit-scrollbar-track { top: 20px; background: white; } .wrapper-border-radius::-webkit-scrollbar-thumb { background-color: #006de6; border-radius: 5px; width: 4px; } .margin-0 { margin-bottom: 0; } .margin-0 { margin-bottom: 0; } .margin-1 { margin-bottom: 10px; } .margin-2 { margin-bottom: 20px; } .margin-3 { margin-bottom: 30px; } .margin-4 { margin-bottom: 40px; } .margin-5 { margin-bottom: 50px; } .margin-6 { margin-bottom: 60px; } .margin-7 { margin-bottom: 70px; } .margin-8 { margin-bottom: 80px; } .margin-9 { margin-bottom: 90px; } .margin-10 { margin-bottom: 100px; } .margin-11 { margin-top: 20px; } .margin-16 { margin-bottom: 16px; } .margin-24 { margin-bottom: 24px; } .margin-template { margin-bottom: 22px; } .text-color-2 { color: #FFFFFF; } .text-color-3 { color: #0a79b8 !important; } .text-color-4 { color: #8294a8 !important; } .text-color-5 { color: #b8bac4; } .text-color-6 { color: #FFFFFF; } .text-color-7 { color: #8294a8; } .text-color-8 { color: #000; } .text-color-9 { color: #f60; } .text-color-10 { color: rgba(0, 0, 0, 0.87); } .text-color-11 { color: #36da70 !important; } .text-color-11.Блокиран { color: red !important; } .text-color-12 { color: #353f4a; } .font-6 { font-family: Sarabun-Bold,sans-serif; } .pdf-ico { width: 20px; height: 20px; stroke: rgba(0, 0, 0, 0.87); } .dot-menu { width: 40px; height: 40px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); cursor: pointer; position: relative; display: inline-block; -webkit-transition: box-shadow .5s; transition: box-shadow .5s; } .dot-menu:hover { box-shadow: 0 0 16px rgba(0, 0, 0, 0.08); } .dot-menu svg { width: 16px; height: 16px; margin: 0; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .dot-menu .dot-menu-inner { position: absolute; top: 45%; left: 50%; -webkit-transform: translate(-50%, -50%); width: 25px; transform: translate(-50%, -50%); } .dot-menu .dot-menu-inner .dot-menu-dot { display: inline-block; width: 4px; height: 4px; border-radius: 50%; margin: 1px; } .dot-decoration { position: absolute; width: 6px; height: 6px; border-radius: 50%; } .flex-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .flex-layout { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .flex-start { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .flex-end { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .space-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .right { text-align: right !important; } .background-5 { background-color: #ebecf2; } .popup-content { position: absolute; z-index: 300; background-color: #FFFFFF; border-radius: 16px; top: 150%; right: 0; padding: 24px; box-shadow: 0 0 24px rgba(0, 0, 0, 0.16); opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); visibility: hidden; -webkit-transition: visibility .5s,opacity .5s,-webkit-transform .5s; transition: visibility .5s,opacity .5s,-webkit-transform .5s; transition: visibility .5s,opacity .5s,transform .5s; transition: visibility .5s,opacity .5s,transform .5s,-webkit-transform .5s; /*right: -40px;*/ right: 0; width: 252px; } .popup-content.active { visibility: visible; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: .6s; transition-delay: .6s; z-index: 102; } .popup-content .dot-decoration { top: -14px; right: 46px !important; background-color: #73e3eb !important; } .activity-popup-filter .popup-item { position: relative; } .activity-popup-filter .popup-item.active .page-text { color: #0a79b8; } .activity-popup-filter .popup-item.active .popup-check { opacity: 1; } .activity-popup-filter .popup-item .page-text { padding-right: 40px; -webkit-transition: color .5s; transition: color .5s; } .activity-popup-filter .popup-item .page-text:hover { color: #006de6; } .activity-popup-filter .popup-item .popup-check { position: absolute; top: 50%; right: 8px; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 17px; height: 12px; opacity: 0; fill: #0a79b8; -webkit-transition: opacity .5s; transition: opacity .5s; } .activity-popup-filter .page-text { display: block; padding-right: 20px; position: relative; -webkit-transition: color .5s; transition: color .5s; } .activity-popup-filter .page-text:hover { color: #006de6; } .activity-popup-filter .page-text.active { color: rgba(0, 0, 0, 0.87); } .activity-popup-filter .page-text.active .popup-check { opacity: 1; } .activity-popup-filter .page-text.active:hover { color: #006de6; } .activity-popup-filter.smaller-popup-filter { width: 115px; height: 267px; padding: 0; } .activity-popup-filter.smaller-popup-filter-2 { width: 170px; } .activity-popup-filter.no-padding-right .page-text { padding-right: 0; } .activity-popup-scroll-content { height: 100%; } .activity-popup-scroll-content .optiscroll-content { padding: 24px; } .no-yes-dialog { border-radius: 16px !important; z-index: 301; box-shadow: 0 0 24px rgba(0, 0, 0, 0.16); padding: 25px 40px 40px !important; max-width: 756px; background-color: #f5f8fb !important; color: #191E39 !important; border: none !important; background: #f5f8fb; } .no-yes-dialog.consent { background-color: #ffffff !important; } .no-yes-dialog.Success .ui-dialog-buttonset button { margin: 0 auto !important; } .no-yes-dialog .ui-dialog-title { margin-bottom: 30px; font-family: "Source-Sans-Pro-bold", sans-serif; font-size: 24px; text-align: center !important; font-weight: bold; } .no-yes-dialog .page-text { line-height: normal; margin-bottom: 20px; } .no-yes-dialog .group-inner { margin-bottom: 0; } .no-yes-dialog .input-wrap.focusin { border-color: rgba(0, 0, 0, 0.54); } .no-yes-dialog .input-wrap.focusin .input-1 { border-color: rgba(0, 0, 0, 0.54); } .no-yes-dialog .input-wrap.inputDialog { /* &.focusin { border-color: $color-3; .input-1 { border-color: #52ae30; } }*/ } .no-yes-dialog .input-wrap.inputDialog .input-1 { transition: border-color .3s; border: 1px solid #dcdcdc; } .no-yes-dialog .input-wrap.inputDialog .input-1:focus { border-color: #0faaea !important; } .no-yes-dialog.LoginErrorDialog { width: 300px !important; } .no-yes-dialog.selectLegalEntityDialog .page-text { margin-bottom: 0; } .selectLegalEntityDialog { /*.mCSB_scrollTools { .mCSB_draggerContainer { top: 85px; } }*/ } .selectLegalEntityDialog .s-overlay { display: none !important; } .profile-text-arrow { width: 12px; height: 12px; color: #353f4a; } .transaction-popup-option:hover svg { -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s,-webkit-transform .5s; } a { color: rgba(0, 0, 0, 0.87); } .transaction-filter-inner .box { display: inline-flex !important; padding-bottom: 12px; } .transaction-filter-inner .dk-select.select-1 { position: relative; } .transaction-filter-inner .dk-select.select-1:before { content: ""; width: 100%; position: absolute; left: 0; opacity: 0; pointer-events: none; -webkit-transition: opacity .3s; transition: opacity .3s; height: 30px; background: #fff; top: 30px; } .transaction-filter-inner .dk-select.select-1.recDialog { pointer-events: none; } .transaction-filter-inner .dk-select-options { top: 0px; padding: 11px 35px 11px 16px; left: -11px; right: -11px; margin-top: -5px; background-color: white; border-radius: 10px; list-style: none; margin: 0; max-height: 300px; overflow-x: hidden; overflow-y: auto; width: 100%; z-index: 1; border-radius: 6px; border: 1px solid #b4bfcb; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12); } .transaction-filter-inner .dk-select-options .dk-option { padding: 10px 18px; color: #000000; background: transparent; -webkit-transition: background-color .3s; transition: background-color .3s; border-bottom: 1px solid transparent; border-top: 1px solid transparent; } .transaction-filter-inner .dk-select-options .dk-option:first-child { /*border-top: 2px solid $color-2 !important;*/ border-top: none; } .transaction-filter-inner .dk-select-options .dk-option:hover { background-color: #F5F5F5 !important; border-color: #DCDCDC !important; } .transaction-filter-inner .dk-select .dk-select-options { left: 0; right: 0; } .transaction-filter-inner .dk-select .dk-select-options.active { display: block !important; } .transaction-filter-inner .dk-selected { padding: 11px 35px 11px 16px; white-space: nowrap; overflow: hidden; background-color: white; border-radius: 6px; border: 1px solid #b4bfcb; height: 18px; -o-text-overflow: ellipsis; text-overflow: ellipsis; position: relative; z-index: 1; transform: translate(0px, 0px); } .transaction-filter-inner .dk-selected:before { content: ''; display: block; } .transaction-filter-inner .dk-selected:after { content: ""; display: block; width: 9px; height: 100%; position: absolute; top: 0; right: 15px; background: url(images/icons/arrows-2.png) 50% no-repeat; background-size: 9px; display: none; } .transaction-filter-inner .dk-selected.recDialog { pointer-events: none; } .transaction-filter-inner .select .dk-selected { box-sizing: border-box; height: 40px; padding: 11px 35px 11px 16px; } .dot-menu-text-wrapper { position: absolute; right: 0; top: -80px; } .dot-menu-text-wrapper .pdf-download { padding: 10px; margin-left: 16px; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08); -webkit-transition: box-shadow .5s, background-color .5s; transition: box-shadow .5s, background-color .5s; border-radius: 6px; } .dot-menu-text-wrapper .pdf-download:hover { background-color: rgba(10, 121, 184, 0.1); box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.08); } .dot-menu-text-wrapper .pdf-download .page-text { width: calc(100% - 30px); padding: 0 0 0 10px; line-height: 1; font-family: "Source-Sans-Pro-bold", sans-serif; } .dot-menu-text-wrapper .pdf-ico { width: 20px; height: 20px; } .paymentTemplates .templateWrapper { display: flex; } .paymentTemplates .beneficiaries-filter-menu-wrapper-inner { display: flex; align-items: center; margin-bottom: 20px; } .paymentTemplates .beneficiaries-filter-menu-wrapper-inner .group-inner { height: 40px; margin: 0; width: 477px; } .paymentTemplates .beneficiaries-filter-menu-wrapper-inner .group-inner .input-wrap { height: 40px; } .paymentTemplates .beneficiaries-filter-menu-wrapper-inner .group-inner .input-wrap svg { width: 18px; height: 18px; position: absolute; top: 50%; right: 16px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .paymentTemplates .beneficiaries-filter-menu-wrapper-inner .group-inner .input-wrap .search { fill: #c7c7c7; } .paymentTemplates .beneficiaries-filter-menu-wrapper-inner .group-inner .input-wrap input { font-size: 14px; padding: 12px 50px 12px 20px; height: 41px; } .paymentTemplates .beneficiaries-filter-menu-wrapper-inner .group-inner .input-wrap input:focus { border-color: #52ae30; } .paymentTemplates .beneficiaries-filter-menu-wrapper-inner .dot-menu { width: unset; height: unset; padding: 9px 13px; margin: 0; outline: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; user-select: none; -webkit-transition: all .5s; transition: all .5s; background-color: #52ae30; position: relative; border-radius: 25px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.18); -webkit-transition: box-shadow .5s; transition: box-shadow .5s; cursor: pointer; color: white; text-transform: unset; margin-left: 20px; transition: all .5s; height: 38px; font-family: "Source-Sans-Pro-bold", sans-serif; } .paymentTemplates .beneficiaries-filter-menu-wrapper-inner .dot-menu:hover { background-color: #2a7f00; } .paymentTemplates .empty-state-message { text-align: center; margin-top: 150px; color: rgba(0, 0, 0, 0.54); } .transaction-filter-submit { background: none; width: 40px; height: 40px; border: none; background-color: #2A7F00; border-radius: 12px; box-shadow: 0px 8px 24px rgba(54, 60, 164, 0.4); transition: box-shadow .5s; } .transaction-filter-submit svg { width: 6px; height: 12px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); fill: #FFFFFF; } .transaction-filter-box { margin: 0 8px 10px; } .user-intro-section-profile-box { width: 40px; height: 40px; border-radius: 6px; margin: 0 8px; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; user-select: none; } .user-intro-section-profile-box .dot-decoration { position: absolute; width: 6px; height: 6px; border-radius: 50%; top: 10px; right: 30%; background-color: #ed6b06; z-index: 1000; } .user-intro-section-profile-ico { position: absolute; width: 20px; height: 20px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); stroke: #FFFFFF; } .user-intro-section-profile .dot-menu { z-index: 999; } .user-intro-section-profile .dot-menu .popup-content .dot-decoration { right: 55px; } .user-intro-section-profile .dot-menu .activity-popup-filter .page-text { text-align: left; } .user-intro-section-profile .dot-menu.my_profile { border-radius: 6px; } .user-intro-section-profile .dot-menu.my_profile .popup-content-outer { /*z-index: 9999999999 !important;*/ width: 271px; } .user-intro-section-profile .dot-menu.my_profile .popup-content-outer .dot-decoration { position: absolute; width: 8px; height: 8px; border-radius: 50%; top: -13px; left: 92%; } .user-intro-section-profile .dot-menu.my_profile .popup-content-outer .profile-popup-account { margin-bottom: 40px; align-items: center; display: flex; z-index: auto; user-select: text; } .user-intro-section-profile .dot-menu.my_profile .popup-content-outer .profile-popup-account .profile-popup-img { width: 60px; height: 55px; overflow: hidden; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); position: relative; border-radius: 50%; } .user-intro-section-profile .dot-menu.my_profile .popup-content-outer .profile-popup-account .profile-popup-img .object-fit-cover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; background-repeat: no-repeat; background-size: cover; background-position: 50%; } .user-intro-section-profile .dot-menu.my_profile .popup-content-outer .profile-popup-account .profile-popup-img .object-fit-cover.noImg { display: grid; place-items: center; background-color: #0095c9; font-size: 1.8rem; color: white; } .user-intro-section-profile .dot-menu.my_profile .popup-content-outer .profile-popup-account .profile-popup-account-text { width: -webkit-calc(100% - 55px); width: calc(100% - 55px); padding-left: 16px; } .user-intro-section-profile .dot-menu.my_profile .popup-content-outer .profile-popup-account .profile-popup-account-text .profile_title { font-size: 18px; font-family: "pt_sansregular", sans-serif; margin-bottom: 0; font-weight: bold; z-index: auto; } .user-intro-section-profile .dot-menu.my_profile .popup-content-outer .profile-popup-account .profile-popup-account-text .profile_email, .user-intro-section-profile .dot-menu.my_profile .popup-content-outer .profile-popup-account .profile-popup-account-text p { font-family: "pt_sansregular", sans-serif; font-weight: bold; color: #8294a8; font-size: 13px; margin-bottom: 0; } .user-intro-section-profile .dot-menu.my_profile .popup-content-outer .popup-profile-options { z-index: auto; display: flex; align-items: center; position: relative; color: rgba(0, 0, 0, 0.87); } .user-intro-section-profile .dot-menu.my_profile .popup-content-outer .popup-profile-options:hover { /*.profile-popup-options-ico-box { background-color: #52ae30; .profile-option-ico { fill: #fff; stroke: #fff; } } .item-text { color: #52ae30; } */ } .user-intro-section-profile .dot-menu.my_profile .popup-content-outer .popup-profile-options:hover .profile-text-arrow { left: 103%; } .user-intro-section-profile .dot-menu.my_profile .popup-content-outer .popup-profile-options .profile-popup-options-ico-box { width: 58px; height: 40px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); -webkit-transition: all .5s; position: relative; transition: all .5s; background-color: #fff; border-radius: 6px; } .user-intro-section-profile .dot-menu.my_profile .popup-content-outer .popup-profile-options .profile-popup-options-ico-box .profile-option-ico { position: absolute; width: 18px; height: 20px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all .5s; transition: all .5s; fill: rgba(0, 0, 0, 0.87); stroke: rgba(0, 0, 0, 0.87); } .user-intro-section-profile .dot-menu.my_profile .popup-content-outer .popup-profile-options .item-text { width: calc(100% - 40px); padding-left: 16px; padding-right: 50px; -webkit-transition: color .5s; transition: color .5s; position: relative; margin-bottom: 0; font-size: 15px; font-family: "pt_sansregular", sans-serif; font-weight: bold; } .user-intro-section-profile .dot-menu.my_profile .popup-content-outer .popup-profile-options .profile-text-arrow { position: absolute; top: 50%; left: 100%; width: 7px; height: 12px; fill: #0a79b8; transition: left .5s; cursor: pointer; } .user-intro-section-profile .user-profile-tag { width: 100%; background-color: #0095c9; color: #FFFFFF; font-size: 20px; text-transform: uppercase; text-align: center; line-height: 40px; border-radius: 50%; vertical-align: middle; position: absolute; left: 0; } .profile-box-inner { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .profile-popup { width: 300px; text-align: left; } .profile-popup.popup-content-p { position: absolute; z-index: 300; background-color: #EFEFEF; border-radius: 16px; top: 150%; right: 0px; padding: 24px; box-shadow: 0 0 24px rgba(0, 0, 0, 0.16); opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); visibility: hidden; -webkit-transition: visibility .5s,opacity .5s,-webkit-transform .5s; transition: visibility .5s,opacity .5s,-webkit-transform .5s; transition: visibility .5s,opacity .5s,transform .5s; transition: visibility .5s,opacity .5s,transform .5s,-webkit-transform .5s; } .profile-popup.popup-content-p.active { visibility: visible; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: .6s; transition-delay: .6s; } .profile-popup .flex-layout { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .profile-popup .flex-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .profile-popup .profile-popup-img { width: 55px; height: 55px; overflow: hidden; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.24); } .profile-popup .profile-popup-img .user-profile-tag { line-height: 56px; } .profile-popup .profile-popup-account-text { width: -webkit-calc(100% - 75px); width: calc(100% - 75px); padding-left: 16px; } .profile-popup .profile-popup-account-text .title-3 { font-size: 18px; } .profile-popup .profile-popup-account-text .font-6 { font-family: Sarabun-Bold,sans-serif; } .profile-popup .profile-popup-account-text .margin-1 { margin-bottom: 10px; } .profile-popup .profile-popup-account-text .page-text-2 { font-size: 13px; } .profile-popup .profile-popup-account-text .font-3 { font-family: "Lato-Semibold", sans-serif; } .profile-popup .profile-popup-account-text .text-color-7 { color: rgba(0, 0, 0, 0.54); } .profile-popup .profile-popup-account-text .margin-0 { margin-bottom: 0; } .profile-popup .profile-popup-options .page-text { width: -webkit-calc(100% - 110px); width: calc(100% - 110px); padding-left: 16px; padding-right: 50px; } .profile-popup .profile-popup-options-ico-box { width: 40px; height: 40px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); } .profile-popup .profile-text-arrow { width: 7px; height: 12px; fill: #2A7F00; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s,-webkit-transform .5s; cursor: pointer; } .profile-popup .profile-option-ico { position: absolute; width: 21px; height: 21px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .profile-popup .relative { position: relative; } .profile-popup .element-border { border-radius: 12px; } .profile-popup .background-4 { background-color: #FFFFFF; } .profile-popup .dark-mode-toggle, .profile-popup .profile-text-arrow { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .profile-popup .popup-profile-options:hover .profile-text-arrow { -webkit-transform: translate(10px); transform: translate(10px); } .profile-popup .dot-decoration { top: -14px; right: 15px; } .object-fit-cover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; background-repeat: no-repeat; background-size: cover; background-position: 50%; } .repayments, .widget-pagination { justify-content: center !important; align-items: center !important; } .repayments.templates a, .widget-pagination.templates a { justify-content: center; align-items: center; width: 40px; height: 40px; cursor: pointer; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; background-repeat: no-repeat !important; background-position: center center !important; background-size: 6px !important; background-color: #FFFFFF; border-radius: 6px; border: none; transition: box-shadow .5s; cursor: pointer; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); margin: 0 4px; transition: all .5s; } .repayments.templates a:last-child, .widget-pagination.templates a:last-child { margin-right: 0; } .repayments.templates a:hover, .widget-pagination.templates a:hover { box-shadow: 0 0 16px rgba(0, 0, 0, 0.08); background-color: rgba(10, 121, 184, 0.1); } .repayments .ellipse.less, .repayments .ellipse.more, .widget-pagination .ellipse.less, .widget-pagination .ellipse.more { display: none !important; } .repayments .page_link, .widget-pagination .page_link { display: none !important; } .repayments .page_link.first, .repayments .page_link.last, .widget-pagination .page_link.first, .widget-pagination .page_link.last { display: none !important; } .repayments svg.rotate, .widget-pagination svg.rotate { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .showPagination .pagination { font-family: "Lato-Semibold", sans-serif; color: rgba(0, 0, 0, 0.54); font-size: 13px; padding-right: 20px; } .showPagination .pagination .pageCurrent { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; width: 40px; height: 40px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); -webkit-transition: box-shadow .5s; transition: box-shadow .5s; border: 1px solid #b4bfcb; margin: 0 13px; background-color: #FFFFFF; border-radius: 12px; margin: 0 13px; color: rgba(0, 0, 0, 0.87); font-size: 15px; min-width: 50px; border: 1px solid #dcdcdc; border-radius: 6px; } .showPagination .pagination .pageCurrent:focus { border-color: #0faaea; } .payment-filter { border-bottom: 1px solid #8294a8; } .payment-filter-box.active .payment-filter-ico { opacity: 0; } .payment-filter-box.active .inactive-arrow { opacity: 1; } .payment-filter-box .page-text-2 { cursor: pointer; padding-right: 25px; display: inline-block; margin-bottom: 15px; line-height: 1; transition: color .5s; min-height: 26px; vertical-align: top; } .payment-filter-box .payment-filter-ico { transition: opacity .5s; } .payment-filter-box .inactive-arrow { opacity: 0; } .payment-filter-date { width: 15.5%; } .payment-filter-date .page-text-2 { padding-left: 75px; } .payment-filter-recipient { width: 30%; padding-left: 10px; } .payment-filter-description { width: 44%; } .payment-filter-amount { width: 10%; } .payment-filter-ico { position: absolute; width: 8px; height: 14px; right: 0; top: 0; } .payment-filter-ico.intra-arrow { width: 6px; height: 10px; right: 20px; top: 20px; -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); fill: #52ae30; } .payment-filter-payment { position: relative; padding: 5px 8px 4px 8px; border-radius: 12px; cursor: pointer; transition: background-color .5s; } .payment-filter-payment:hover { background-color: #F5F5F5; } .payment-filter-payment .page-text { width: -webkit-calc(100% - 40px); width: calc(100% - 40px); padding-left: 16px; word-break: break-all; } .payment-filter-payment .page-text small { position: relative; top: -2px; display: inline-flex; } .payment-filter-payment .page-text .dot-menu-dot { display: block; margin: 2px; } .payment-filter-payment .page-text .payment-filter-currency { margin: 0 5px; } .payment-inner-text { width: calc(100% - 40px); padding-left: 16px; } .payment-inner-text h4 { margin-bottom: 0px; } .payment-ico-border-svg { position: absolute; top: -6px; left: -12px; width: 87px; height: 60px; } .payment-ico-border-svg rect { fill: transparent; stroke: #2A7F00; stroke-width: 5px; stroke-dasharray: 0 540; } .payment-ico-border-svg.five rect { stroke-dasharray: 70 540; } .payment-ico-border-svg.ten rect { stroke-dasharray: 100 540; } .payment-ico-border-svg.twenty rect { stroke-dasharray: 140 540; } .payment-ico-border-svg.thirty rect { stroke-dasharray: 190 540; } .payment-ico-border-svg.fifty rect { stroke-dasharray: 210 540; } .payment-ico-border-svg.sixty rect { stroke-dasharray: 240 540; } .payment-ico-border-svg.seventy rect { stroke-dasharray: 260 540; } .payment-ico-border-svg.eighty rect { stroke-dasharray: 280 540; } .payment-ico-border-svg.ninety rect { stroke-dasharray: 310 540; } .payment-ico-border-svg.hundred rect { stroke-dasharray: 350 540; } .payment-info-date { width: 15.5%; } .payment-info-date .page-text { width: -webkit-calc(100% - 40px); width: calc(100% - 40px); padding-left: 16px; } .payment-info-recipient { width: 29.5%; } .payment-info-description { width: 39%; } .payment-info-amount { width: 16%; text-align: right; } .payments-ico { position: relative; width: 40px; height: 40px; border-radius: 12px; background-color: #fff; -webkit-transition: background-color 0.5s; transition: background-color 0.5s; } .payments-ico-svg { position: absolute; width: 20px; height: 20px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); stroke: rgba(0, 0, 0, 0.87); } .PaymentToMobile { margin-bottom: 91px; } .PaymentToMobile .btn-1.color-1 { justify-content: center; } .PaymentToMobile .btn-1.color-1:before { display: none; } .PaymentToMobile .btn-1.color-3 { margin-right: 10px; } .PaymentToMobile .form-error-message-block { position: relative; margin-bottom: 20px; } .paymentToMobileRegistration .form-button-footer { justify-content: center; } .percentLoan { position: relative; float: right; bottom: 27px; } .currencyCodeLoan { position: relative; float: right; bottom: 27px; } .authData-wrapper { padding: 0 40px; } .authData-wrapper br { display: none; } .authData-wrapper .authData { display: flex; flex-direction: row-reverse; justify-content: flex-end; margin: 5px 0; } .authData-wrapper .authData span { margin-left: 10px; } #smartCashTemplate p.page-text { color: #353f4a !important; } #smartCashTemplate .authData span { color: #353f4a !important; } .smartSendTemplate .person-face { background: #fff; width: 80px; height: 80px; padding: 15px; box-sizing: border-box; border-radius: 16px; margin: 0 auto 40px; fill: #8294a8 !important; } .see-all-transactions { display: block; font-size: 14px; padding: 11px 20px; } .see-all-transactions.active .see-all-transactions-text { display: none; } .see-all-transactions.active .see-less-transactions-text { display: inline-block; } .see-all-transactions .see-less-transactions-text { display: none; } .gvCurrencyExchange { /*.clientGrid tbody tr td { line-height: 24px; }*/ } .gvCurrencyExchange table thead tr th div { white-space: nowrap; } .gvCurrencyExchange .payment-inner-text.left { text-align: left; } .Html.Advertising, .HtmlPromo, .PromoHtml { margin: 30px 0; } .Html.Advertising .advert, .HtmlPromo .advert, .PromoHtml .advert { width: 60%; height: 319px; } .commercial-text-wrapper { width: 35%; } .commercial-text-wrapper p { margin-bottom: 40px; } .commercial-text-wrapper .title-1 { font-size: 40px; font-weight: bold; } .commercial-img { min-height: 100%; background-image: url(images/pictures/Halkbank_Mojot_Dom_Banner_MONIKA_744x319_hdpi.png); background-repeat: no-repeat; background-size: cover; border-radius: 25px; } .btn-2 { display: inline-block; font-size: 15px; font-weight: 600; padding: 15px 28px; border: 1px solid #DCDCDC; text-align: center; -webkit-transition: box-shadow .5s; transition: box-shadow .5s; cursor: pointer; } .btn-shadow-1 { box-shadow: 0 8px 24px rgba(54, 60, 164, 0.4); } .btn-shadow-1:hover { box-shadow: 0 -2px 24px rgba(54, 60, 164, 0.4); } .line-height-1 { line-height: 1.46666666667; } .text-align-left { text-align: left !important; } .payment-inner-text.left { text-align: left; } .no-border { border: none !important; } .right-dialog.details-dialog .mCSB_dragger_bar, .no-yes-dialog.details-dialog .mCSB_dragger_bar { background-color: #006de6 !important; border-radius: 5px !important; width: 4px !important; } .right-dialog.details-dialog .mCSB_draggerRail, .no-yes-dialog.details-dialog .mCSB_draggerRail { background-color: transparent !important; } .depositBalance .depositBalance .account-item-inner { overflow: inherit !important; } /*.sort-indicator { width: 16px; height: 16px; background-image: url(images/icons/arrows-1.png) !important; }*/ .ui-dialog:not(.right-dialog).visible { visibility: visible !important; opacity: 1 !important; position: fixed !important; top: 50% !important; transform: translateY(-50%) !important; } /*.ui-dialog:not(.right-dialog, .support-dialog, .selectLegalEntityDialog) { visibility: hidden; opacity: 0; transition: 0.4s all ease; position: fixed; top: 50% !important; transform: translateY(-70%); width: 300px !important; }*/ .AccountSlider { margin-bottom: 60px !important; } .AccountSlider .s-widget-body { position: static !important; } .AccountSlider .user-account-card { box-shadow: none; padding: 40px; min-height: 428px; box-sizing: border-box; } .AccountSlider .user-account-card-outer { position: absolute; top: 0; left: 0; width: 100%; } .AccountSlider .img-border { border: 1px solid #b4bfcb; } .AccountSlider .tabslider { position: absolute; z-index: 26; top: 60px; width: 300px; left: 50%; transform: translateX(-50%); z-index: 101; } .AccountSlider .accountSliderSw-switch { display: flex !important; width: 300px; font-family: 'Source-Sans-Pro', sans-serif; background: #002b4f; border-radius: 6px; position: relative; height: fit-content; float: right; } .AccountSlider .accountSliderSw-switch > span { display: block; width: 50%; float: left; font-size: 14px; text-align: center; color: #fff; padding: 6px 5px; -webkit-transition: color .3s; transition: color .3s; cursor: pointer; position: relative; } .AccountSlider .accountSliderSw-switch:before { content: ""; width: -webkit-calc(50% - 4px); width: calc(50% - 4px); height: -webkit-calc(100% - 6px); height: calc(100% - 6px); position: absolute; top: 3px; left: 4px; background: #0a79b8; /*box-shadow: 0 8px 10px rgba(0,0,0, .8);*/ border-radius: 6px; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; } .AccountSlider .accountSliderSw-switch.active-1:before { transform: translateX(0); } .AccountSlider .accountSliderSw-switch .active { color: #fff; } .AccountSlider .accountSliderSw-switch:before, .AccountSlider .accountSliderSw-switch.active-1:before { transform: translateX(0); } .AccountSlider .accountSliderSw-switch.active-2:before { transform: translateX(100%); } .AccountSlider .account-menu .user-account-arrow-ico { width: 18px; height: 16px; } .AccountSlider .highcharts-title, .AccountSlider .highcharts-subtitle, .AccountSlider #chartMenu { display: none !important; } .AccountSlider .user-intro-select-wrapper { width: fit-content; padding: 3px 3px; } .AccountSlider .user-intro-select-wrapper .user-intro-select-item { padding: 3px 15px !important; white-space: nowrap; } .AccountSlider .user-intro-select-wrapper .user-intro-select-item.active { background-color: #0a79b8; border-radius: 4px; color: #FFFFFF !important; transition: color 200ms; } .AccountSlider .user-account-card-outer.account-card-active { position: relative; z-index: 1 !important; } .AccountSlider .user-acount-card-svg { width: 28px; height: 28px; } .AccountSlider .chartView .imgpieUndefined { background-image: unset; } .user-account-background-card { position: absolute; width: 96%; height: 100%; left: 50%; top: -11px; border-radius: 16px; opacity: .5; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .user-account-background-card:nth-child(2) { opacity: .25; top: -19px; width: 93%; } .user-account-card-outer.account-card-active { position: relative; /*z-index: 1;*/ } .user-account-card-left-col { width: 55%; padding-right: 40px; border-right: 1px solid #c7c7c7; } .user-account-card-left-col .user-account-card-left-col-inner { width: 60%; } .user-account-card-left-col .user-account-card-left-col-inner .user-account-card-img { overflow: hidden; } .user-account-card-left-col .user-account-card-right-col-inner { width: 32%; } .user-account-card-right-col { padding-left: 40px; width: 33%; } .user-account-card-right-col .user-intro-select-wrapper { padding: 3px; position: relative; z-index: 1; border-radius: 4px; } .user-account-card-right-col .user-intro-select-wrapper .user-intro-select-item { position: relative; font-size: 15px; font-family: "Lato-Semibold", sans-serif; padding: 0 30px; -webkit-transition: color .5s; transition: color .5s; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; user-select: none; width: 33.333333%; text-align: center; padding: 15px; color: rgba(0, 0, 0, 0.87); /*&.active, &:hover { color: $primary-color; }*/ } .user-account-card-right-col .user-intro-select-wrapper .user-intro-select-indicator { display: block; position: absolute; height: -webkit-calc(100% - 6px); height: calc(100% - 6px); top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 4px; } .user-account-card-right-col img { width: 100%; height: auto; } .user-account-card-img { width: 50px; height: 50px; /*box-shadow: 0 10px 20px rgba(0,0,0,.2);*/ overflow: hidden; } .user-chart-info { width: 50%; padding-right: 20px; } .user-chart-info .user-chart-arrow { width: 14px; height: 20px; } .user-chart-info .user-chart-arrow.user-chart-arrow-up { fill: #0a79b8; } .user-chart-info .user-chart-arrow.user-chart-arrow-down { fill: #ed6b06; } .user-chart-info .user-chart-info-text { width: -webkit-calc(100% - 14px); width: calc(100% - 14px); padding-left: 15px; } .user-intro-select-wrapper.promotions { right: unset !important; } .user-intro-select-wrapper.promotions .k-tabstrip-items { left: 30% !important; top: -100px; } .user-intro-select-wrapper.promotions .k-tabstrip-items .k-state-default { padding: 7px 50px 5px !important; } .user-intro-select-wrapper.promotions ul { margin-left: 0px !important; left: 30% !important; } .user-intro-select-wrapper.my_profile .k-tabstrip-items { background-color: #E8E9EC; } .user-intro-select-wrapper.my_profile .k-tabstrip-items .k-state-default .k-link { color: rgba(0, 0, 0, 0.54); } .user-intro-select-wrapper.my_profile .k-tabstrip-items .k-state-default .k-link:hover, .user-intro-select-wrapper.my_profile .k-tabstrip-items .k-state-default .k-link:focus { color: #006de6; } .user-intro-select-wrapper.my_profile .k-tabstrip-items .k-state-active .k-link { color: #52ae30; } .user-intro-select-wrapper.my_profile .user-intro-select-indicator { background-color: #FFFFFF; } .user-intro-select-wrapper .user-intro-select-item { position: relative; font-size: 15px; font-family: "Lato-Semibold", sans-serif; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; user-select: none; z-index: 1; } .user-intro-select-wrapper .user-intro-select-indicator { position: absolute; height: -webkit-calc(100% - 6px); height: calc(100% - 6px); top: 50%; left: 3px; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 4px; -webkit-transition: width .5s, left .5s; transition: width .5s, left .5s; } .account-card-nav { position: absolute; top: 50%; right: 40px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .account-select-popup-item { border-radius: 20px; padding: 16px; cursor: pointer; -webkit-transition: background-color .5s,box-shadow .5s,background .5s; transition: background-color .5s,box-shadow .5s,background .5s; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); } .account-select-popup-item.active { background-color: #FFFFFF; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); } .account-select-popup-item.active .account-item-balance-arrow { opacity: 1; visibility: visible; } .account-select-popup-item:hover { background-color: #FFFFFF; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); } .account-select-item-text { width: -webkit-calc(100% - 50px); width: calc(100% - 50px); padding-left: 16px; } .account-select-item-text .page-text { margin-bottom: 5px; } .account-select-item .user-account-card-img { margin-bottom: 0; } .account-inter-inner-scroll .page-text { line-height: 20px; } .account-item-balance-inner { padding-right: 60px; } .account-item-balance-inner .account-arrow-right { width: 20px; height: 14px; } .account-item-balance-arrow { position: absolute; width: 40px; height: 40px; bottom: 0; right: 0; opacity: 0; visibility: hidden; -webkit-transition: opacity .5s,visibility .5s; transition: opacity .5s,visibility .5s; } .account-arrow-right, .account-item-ico { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .slideAnimationNext { opacity: 10; animation: slideDown 0.4s ease-in-out; animation-fill-mode: forwards; } .slideAnimationPrev { animation: slideUp 0.4s ease-in-out; animation-fill-mode: forwards; } @keyframes slideDown { 0% { transform: translate(0px, 0px) scale(1); opacity: 1; visibility: visible; } 20% { transform: translateY(100px) scale(0.9); opacity: 1; } 60% { transform: translateY(-100px) scale(0.95); opacity: 1; } 100% { transform: translate(0px, 0px) scale(1); opacity: 1; } } @keyframes slideUp { 0% { transform: translate(0px, 0px) scale(1); opacity: 1; visibility: visible; } 20% { transform: translateY(-100px) scale(0.9); opacity: 0.8; } 60% { transform: translateY(100px) scale(0.95); opacity: 0.6; } 100% { transform: translate(0px, 0px) scale(1); opacity: 1; } } .details-dialog.accountsList .account-arrow-right { width: 20px; height: 14px; } .details-dialog.accountsList .user-account-card-img { width: 50px; height: 50px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); overflow: hidden; } .details-dialog.accountsList .user-account-card-img.accounts { width: 40px; height: 40px; border-radius: 6px; border: 1px solid #b4bfcb; box-shadow: none !important; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: contain; } .details-dialog.accountsList .user-account-card-img.cards { width: 72px; height: 48px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: contain; } .group-inner { margin-bottom: 30px; width: 300px; } .ui-dialog.accountEditSlider { width: 300px; } .chartView rect { stroke: none; } .chartView .highcharts-background { fill: white; } .chartView .highcharts-grid > path { stroke: none; } .chartView .highcharts-axis { display: none; } .chartView .highcharts-xaxis-labels, .chartView .highcharts-yaxis-labels { display: none; } .chartView .highcharts-container { transform: translateX(-40px); } .chartView .highcharts-legend { display: none; } .inline-tabs { text-align: center; } .my-account-main-form-wrapper { max-width: 571px; margin: 0 auto 60px; padding: 0; text-align: left; } .my-account-main-form-wrapper .pdf-download { padding: 10px; margin-left: 16px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); transition: box-shadow .5s,background-color .5s; cursor: pointer; border-radius: 6px; } .my-account-main-form-wrapper .pdf-download:hover { box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.08); background-color: rgba(10, 121, 184, 0.1); } .my-account-main-form-wrapper .pdf-download.edit:hover { background-color: #FFF; box-shadow: none; } .my-account-main-form-wrapper .pdf-download.font-3 { font-family: 'Sans-serif-pro', sans-serif !important; } .my-account-main-form-wrapper .my-account-info-wrapper { padding-right: 120px; } .my-account-main-form-wrapper .my-account-info-wrapper .pdf-download { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .my-account-main-form-wrapper .my-account-info-wrapper .pdf-download .pdf-ico { width: 18px; height: 15px; } .my-account-main-form-wrapper .my-account-info-wrapper .pdf-download .page-text { width: -webkit-calc(100% - 18px); width: calc(100% - 18px); text-transform: uppercase; padding: 0 0 0 5px; line-height: 1; font-family: "Source-Sans-Pro-bold", sans-serif; } .my-account-main-form-wrapper .my-account-info-wrapper .pdf-download .lowercase { text-transform: none !important; } .my-account-main-form-wrapper .accOfficer { border-top: 1px dashed gray; } .my-account-main-form-wrapper .accOfficer .btn-wrapper button { width: calc(100% - 56px); } .my-account-main-form-wrapper .accOfficer.firstInSettingsTab { border-top: none !important; } .my-account-main-form-wrapper .accOfficer h3 { margin: 40px 0 30px 0; font-size: 15px; font-family: 'Source-Sans-Pro-bold', 'sans-serif'; } .my-account-main-form-wrapper .accOfficer .input-wrapper .acc-card-icon { width: 40px; height: 40px; float: left; margin-left: 15px; position: absolute; transform: translateY(-50%); top: 50%; } .my-account-main-form-wrapper .accOfficer .input-wrapper .acc-card-icon svg { width: 27px; height: 27px; top: 50%; left: 50%; transform: translate(-50%, -50%); stroke: rgba(0, 0, 0, 0.87); position: absolute; margin-right: 15px; } .my-account-main-form-wrapper .accOfficer .input-wrapper .acc-card-icon i { background-image: url(images/menu-icons/ico_cards@2x.png); background-size: 24px; top: 50%; left: 50%; transform: translate(-50%, -50%); background-repeat: no-repeat; width: 27px; height: 27px; position: absolute; background-position: 50% 50%; } .my-account-main-form-wrapper .accOfficer .input-wrapper .toggle-btn { position: absolute; width: 40px; top: 50%; right: 25px; transform: translateY(-50%); border-radius: 20px; padding: 5px; transition: background-color .5s; background-color: #E1E1E1; pointer-events: none; } .my-account-main-form-wrapper .accOfficer .input-wrapper .toggle-btn .toggle-btn-switch { display: block; width: 20px; height: 20px; border-radius: 50%; background-color: #FFFFFF; transition: transform .5s; } .my-account-main-form-wrapper .accOfficer .input-wrapper .accounts-and-cards { position: relative; display: block; cursor: pointer; background: rgba(255, 255, 255, 0.6); padding: 8px 15px 8px 64px !important; border-radius: 40px !important; } .my-account-main-form-wrapper .accOfficer .input-wrapper .accounts-and-cards p { margin-bottom: 0px !important; } .my-account-main-form-wrapper .accOfficer .input-wrapper.active .toggle-btn { background-color: #0a79b8; } .my-account-main-form-wrapper .accOfficer .input-wrapper.active .toggle-btn .toggle-btn-switch { transform: translateX(100%); } .my-account-detail-intro { width: 100%; margin-top: -50px; position: relative; } .my-account-detail-intro .my-account-detail-img { width: 100%; height: 100%; border-radius: 12px; overflow: hidden; } .my-account-detail-intro .my-account-detail-img-wrapper { width: 80px; height: 80px; margin: auto; /*margin-bottom: 20px;*/ } .my-account-detail-intro .my-account-detail-change-img { position: absolute; width: 40px; height: 40px; right: -10px; bottom: -10px; display: block; /*border-radius: 12px;*/ border-radius: 50%; background-color: #f60; } .my-account-detail-intro .my-account-detail-change-img .cam-ico { position: absolute; width: 18px; height: 15px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); stroke: currentColor; color: #fff; } .my-account-detail-intro .user-name { margin: 10px 0 2px 0; color: white; } .my-account-detail-intro .last-login-color { color: #c7e1be; } .my-account-detail-intro .title-2 { margin-bottom: 10px; } .my-account-detail-intro .page-text { margin-bottom: 0; } .my-account-detail-intro .object-fit-cover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; background-repeat: no-repeat; background-size: cover; background-position: 50%; } .my-account-detail-intro .object-fit-cover.profile { border-radius: 50%; } .my-account-detail-intro .blue-cam-ico { position: absolute; width: 24px; height: 24px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .my-account-detail-intro .user-profile-tag { width: 100%; background-color: #0095c9; color: #FFFFFF; font-size: 38px; text-transform: uppercase; text-align: center; line-height: 80px; vertical-align: middle; position: absolute; left: 0; border-radius: 50%; display: grid; place-items: center; } .my-account-detail-intro .user-profile-tag span { position: relative; /*top: -10px;*/ } .my-account-detail-intro .attachment-card { padding-left: 20px; background-color: #FFFFFF; } .my-account-detail-intro .attachment-card p { color: #0a79b8; } .my-account-detail-intro .btn-1:hover { background-color: rgba(0, 0, 0, 0.54); } .exchange-form-wrapper label { padding: 0 16px; display: block; } .exchange-form-wrapper .input-1 { box-sizing: border-box; border: 1px solid #E8E9EC; } .exchange-form-wrapper .btn-wrapper { margin-bottom: 150px; } .exchange-form-wrapper .btn-2 { display: block; max-width: 243px; margin: auto; width: 100%; } .exchange-form-wrapper .btn-2:hover { box-shadow: 0 0 14px rgba(54, 60, 164, 0.4); } .exchange-form-wrapper .multiple-inputs-line .input-wrapper { width: 69%; } .uppercase { text-transform: uppercase; } .beneficiaries-star { stroke: #C7C7C7; fill: transparent; -webkit-transition: fill .5s,stroke .5s; transition: fill .5s,stroke .5s; width: 20px; height: 20px; } .bigger-pdf-button { padding: 10px 22px; } .block-label { display: block; padding: 0 16px; } .k-header { background-color: transparent; background-image: none; border-color: transparent; border: none; } .k-tabstrip .k-content { position: relative; margin: 0 auto; padding: 0; background-color: transparent !important; border: none !important; -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: -webkit-transform .5s; transition: transform .5s, -webkit-transform .5s; } .k-tabstrip .k-content.k-state-active { -webkit-transform: translateY(0); transform: translateY(0); min-height: auto !important; } .k-tabstrip .k-tabstrip-items { display: inline-block; position: relative; padding: 0 3px !important; font-size: 0; } .k-tabstrip .k-tabstrip-items .k-state-default { margin: 0; padding: 7px 30px 5px; background-color: transparent; background-image: none; border: none; } .k-tabstrip .k-tabstrip-items .k-state-default .k-link { padding: 0; color: #353f4a; -webkit-transition: color .5s; transition: color .5s; } .k-tabstrip .k-tabstrip-items .k-state-active .k-link { color: #FFFFFF; -webkit-transition: none; transition: none; } .k-loading.k-complete { display: none; } .wrapperIntra, .wrapperIntraCode, .wrapperIntraAcc { display: flex; justify-content: space-between; cursor: pointer; } .wrapperIntra.recDialog, .wrapperIntraCode.recDialog, .wrapperIntraAcc.recDialog { justify-content: flex-start; } .wrapperIntra.recDialog > .model, .wrapperIntraCode.recDialog > .model, .wrapperIntraAcc.recDialog > .model { margin-right: 20px; width: 125px; } .wrapperIntra.recDialog > .refNum, .wrapperIntraCode.recDialog > .refNum, .wrapperIntraAcc.recDialog > .refNum { width: 50%; } .wrapperIntra.recDialog > .refNum .input-1, .wrapperIntraCode.recDialog > .refNum .input-1, .wrapperIntraAcc.recDialog > .refNum .input-1 { width: 233px !important; } .wrapperIntra.recDialog > .refNum .input-1.pbo, .wrapperIntraCode.recDialog > .refNum .input-1.pbo, .wrapperIntraAcc.recDialog > .refNum .input-1.pbo { width: 177px !important; } .wrapperIntra .wrapperOptionTemplate, .wrapperIntraCode .wrapperOptionTemplate, .wrapperIntraAcc .wrapperOptionTemplate { display: none; } .wrapperIntra .wrapperOption, .wrapperIntraCode .wrapperOption, .wrapperIntraAcc .wrapperOption { width: calc(100% + 26px); position: absolute; transform: translate(-16px, 11px) !important; z-index: 11; padding-bottom: 20px; background-color: white; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.12); border-radius: 0 0 25px 25px; display: none; } .wrapperIntra.active .wrapperOption, .wrapperIntraCode.active .wrapperOption, .wrapperIntraAcc.active .wrapperOption { display: block; overflow: hidden; } .wrapperIntra.active .wrapperOptionTemplate, .wrapperIntraCode.active .wrapperOptionTemplate, .wrapperIntraAcc.active .wrapperOptionTemplate { display: block; } .wrapperIntra.active .wrapperOptionTemplate ul.template, .wrapperIntraCode.active .wrapperOptionTemplate ul.template, .wrapperIntraAcc.active .wrapperOptionTemplate ul.template { position: relative; display: block; padding: 0 !important; z-index: 9; left: -17px; top: 100%; width: 398px; border-top: 2px solid #52ae30; box-shadow: none !important; border-bottom: none !important; border-radius: inherit !important; } .wrapperIntra.active .wrapperOptionTemplate ul.template::-webkit-scrollbar, .wrapperIntraCode.active .wrapperOptionTemplate ul.template::-webkit-scrollbar, .wrapperIntraAcc.active .wrapperOptionTemplate ul.template::-webkit-scrollbar { background: white; width: 3px; } .wrapperIntra.active .wrapperOptionTemplate ul.template::-webkit-scrollbar-track, .wrapperIntraCode.active .wrapperOptionTemplate ul.template::-webkit-scrollbar-track, .wrapperIntraAcc.active .wrapperOptionTemplate ul.template::-webkit-scrollbar-track { top: 20px; background: white; } .wrapperIntra.active .wrapperOptionTemplate ul.template::-webkit-scrollbar-thumb, .wrapperIntraCode.active .wrapperOptionTemplate ul.template::-webkit-scrollbar-thumb, .wrapperIntraAcc.active .wrapperOptionTemplate ul.template::-webkit-scrollbar-thumb { background-color: #52ae30; border-radius: 5px; width: 3px; } .wrapperIntra.active .intrabank-wrapper .input-wrap, .wrapperIntraCode.active .intrabank-wrapper .input-wrap, .wrapperIntraAcc.active .intrabank-wrapper .input-wrap { border-bottom-right-radius: unset; border-bottom-left-radius: unset; } .wrapperIntra.active .wraperOptionsTemplate .intraTemplate, .wrapperIntraCode.active .wraperOptionsTemplate .intraTemplate, .wrapperIntraAcc.active .wraperOptionsTemplate .intraTemplate { overflow: unset; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.12); } .wrapperIntra .wraperOptions, .wrapperIntraCode .wraperOptions, .wrapperIntraAcc .wraperOptions { width: 33%; position: relative; } .wrapperIntra .wraperOptions.recDialog, .wrapperIntraCode .wraperOptions.recDialog, .wrapperIntraAcc .wraperOptions.recDialog { width: 401.25px; } .wrapperIntra .wraperOptionsTemplate, .wrapperIntraCode .wraperOptionsTemplate, .wrapperIntraAcc .wraperOptionsTemplate { width: 398px; } .wrapperIntraCode { width: 424px !important; } .formWrapper { height: 658px; overflow: hidden; transition: .5s ease; } .formWrapper.open { height: 906px; } .formWrapper.predefined { height: 740px; } .formWrapper.predefined.open { height: 988px; } .formWrapper > .limit-wrapper > .limit-content .text-color-7 { color: #52ae30 !important; } .formWrapper > .limit-wrapper > .progress-bar { position: relative; width: 100%; height: 8px; overflow: hidden; background-color: #d9d9d9; border-radius: 25px; } .formWrapper > .limit-wrapper > .progress-bar span { width: 70%; } .formWrapper > .limit-wrapper > .progress-bar .seventy { position: absolute; height: 100%; top: 0; left: 0; background-color: #52ae30; border-radius: 6px; transition: all .5s; } .wrapperTemplate { height: 50px; margin-bottom: 30px; overflow: hidden; transition: all 0.5s ease !important; } .wrapperTemplate.open { height: 152px; } .wrapperTemplateDialog { height: 50px; margin-bottom: 30px; overflow: hidden; transition: all 0.5s ease !important; } .intrabank-wrapper { position: relative; width: 100%; } .intrabank-wrapper.recDialog { width: 339px; } .intrabank-wrapper.with-label-inside .input-1 { font-size: 15px; line-height: 1.4; height: fit-content; max-width: 518px; padding: 23px 56px 6px 19px !important; } .intrabank-wrapper.with-label-inside .input-1.input-bold { font-family: "Source-Sans-Pro-bold", sans-serif; } .intrabank-wrapper.with-label-inside .input-1:focus { border-color: #0a79b8; } .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper { position: absolute; width: 40px; height: 40px; top: 50%; right: 11px; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; cursor: pointer; } .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper.background-4 { background-color: #52ae30; } .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right { position: absolute; width: 20px; height: 20px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); fill: currentColor; stroke: currentColor; } .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right.text-color-2 { color: #fff; } .intrabank-wrapper.with-label-inside.val { width: 50%; margin-right: 80px; } .intrabank-wrapper.with-label-inside.val .input-1 { width: 100%; } .intrabank-wrapper.with-label-inside.model .input-1 { width: 58px !important; } .intrabank-wrapper.with-label-inside.refNum .input-1 { width: 426px; } .intrabank-wrapper.with-label-inside .input-text-right { position: absolute; top: 50%; right: -60px; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0; } .intrabank-wrapper .dateInput { padding: 25px 56px 6px 24px !important; height: fit-content; border: 1px solid #dcdcdc; border-radius: 30px; width: 100%; } .intrabank-wrapper .template { padding: 16px 56px 14px 24px !important; border: 1px solid #dcdcdc; border-radius: 30px; color: black; font-weight: 800; background-color: white; cursor: pointer; } .intrabank-wrapper .template.recDialog { display: inline-block; width: 318px; } .intrabank-wrapper .toggle-btn { position: absolute; width: 40px; height: 20px; top: 50%; right: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 20px; padding: 5px; -webkit-transition: background-color .5s; transition: background-color .5s; background-color: #e1e1e1; pointer-events: none; } .intrabank-wrapper .toggle-btn.recDialog { top: 42%; right: -46px; } .intrabank-wrapper .toggle-btn .toggle-btn-switch { display: block; width: 20px; height: 20px; border-radius: 50%; background-color: #fff; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s,-webkit-transform .5s; } .intrabank-wrapper.active .toggle-btn { background-color: #52ae30; } .intrabank-wrapper.active .toggle-btn .toggle-btn-switch { transform: translateX(100%); } .intrabank-wrapper .animationLabel { position: absolute; top: 16px; left: 24px; padding: 0 !important; font-family: 'Source-Sans-Pro', 'sans-serif'; font-size: 15px; color: rgba(0, 0, 0, 0.54); -webkit-transition: color .2s,top .2s,left .2s,-webkit-transform .2s; transition: color .2s,top .2s,left .2s,-webkit-transform .2s; transition: transform .2s,color .2s,top .2s,left .2s; transition: transform .2s,color .2s,top .2s,left .2s,-webkit-transform .2s; pointer-events: none; will-change: transform; z-index: 1; } .intrabank-wrapper .animationLabel.date { top: 8px; left: 19px; -webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); color: #52ae30; font-family: 'Source-Sans-Pro-semibold', 'sans-serif'; pointer-events: none; } .intrabank-wrapper.focusin .animationLabel { top: 8px; left: 15px; -webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); color: #52ae30; font-family: 'Source-Sans-Pro-semibold', 'sans-serif'; } .intrabank-wrapper.label-inside-custom-select .animationLabel { top: 8px; left: 15px; -webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); color: #52ae30; font-family: 'Source-Sans-Pro-semibold', 'sans-serif'; pointer-events: none; } .intrabank-wrapper.label-inside-custom-select .exhange-form-select { padding: 23px 30px 6px 24px; cursor: pointer; background-color: white; } .intrabank-wrapper.label-inside-custom-select .element-border-6 { border-radius: 30px; } .intrabank-wrapper.label-inside-custom-select .relative { position: relative; } .intrabank-wrapper.label-inside-custom-select .payment-filter-ico { width: 6px; height: 10px; right: 20px; top: 50%; -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); fill: #52ae30; } .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down { right: 12px; top: 5px; } .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down.pay { top: 12px; } .intrabank-wrapper.label-inside-custom-select .paymentCode { border-radius: 30px; overflow: hidden; border: 1px solid #dcdcdc; background-color: white; } .intrabank-wrapper.label-inside-custom-select .paymentCode.predefined { background-color: #f1f1f1; pointer-events: none; color: #989898; } .intrabank-wrapper.label-inside-custom-select .paymentCode .wrapper-options { max-height: 150px; display: none; } .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item { padding: 15px 16px 15px 24px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-transition: all .3s; transition: all .3s; } .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item:hover { background-color: #f5f5f5; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; } .intrabank-wrapper.label-inside-custom-select .paymentCode.active { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options { display: block; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; position: absolute; width: 197px; z-index: 2; background-color: white; border: 1px solid #dcdcdc; overflow: hidden; } .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list { overflow: scroll; max-height: 150px; width: 197px; padding: 0; } .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar { background: white; width: 3px; } .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-track { top: 20px; background: white; } .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-thumb { background-color: #52ae30; border-radius: 5px; width: 3px; } .intrabank-wrapper.label-inside-custom-select .paymentCode.active .exhange-form-select { border-bottom: 2px solid #52ae30; } .intrabank-wrapper.label-inside-custom-select .page-text { font-size: 15px; pointer-events: none; } .intrabank-wrapper.label-inside-custom-select .margin-0 { margin: 0; } .intrabank-wrapper > .validationMessage { color: #FF0000; float: left; font-size: 14px; margin-top: 14px; margin-bottom: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%; padding-left: 19px; position: absolute; display: block; transform: translateY(-10px); } .intrabank-wrapper.dialog { width: 339px; } .input-wrapper { position: relative !important; } .input-wrapper.txt { margin-top: 120px; } .input-wrapper .noActiveAcc { width: fit-content; margin: auto; padding-right: 24px; transform: translateY(-3px); } .payment-wrapper { position: absolute; width: 600px; } .payment-wrapper > .input-wrap.input-select-1.credit-type-select-wrapper.padding-list-accounts { border: 1px solid #dcdcdc; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.12); z-index: 10; } .payment-wrapper > .input-wrap.input-select-1.credit-type-select-wrapper.padding-list-accounts.creditAccounts-sg { cursor: default !important; pointer-events: none !important; } .payment-wrapper > .input-wrap.input-select-1.credit-type-select-wrapper.padding-list-accounts.creditAccounts-sg .payment-ico-filter-down { display: none !important; } .input-payment { position: relative; margin: 140px 0 60px 0; } .input-payment.noAcc { margin-top: 50px; } .input-payment > .amount-wrap > .input-1.input-amount { border: 1px solid #dcdcdc; } .new-passowrd-rules { border: 2px dotted #0a79b8; border-radius: 20px; margin-bottom: 30px; } .new-passowrd-rules p { padding: 24px 24px 0px 24px; } .personal-data-settings .help-info-wrapper { position: absolute; right: 0px; bottom: 0px; width: 40px; height: 40px; cursor: pointer; } .personal-data-settings .help-info-wrapper:hover { height: 40px !important; } .personal-data-settings .help-info-wrapper:hover .help-info-text { -webkit-transform: translate(-50%, -16px); transform: translate(-50%, -16px); opacity: 1; visibility: visible; } .personal-data-settings .help-info-text { position: absolute; width: 305px; bottom: 33px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); background-color: #0a79b8; border-radius: 16px; opacity: 0; visibility: hidden; -webkit-transition: opacity .5s,visibility .5s,-webkit-transform .5s; transition: opacity .5s,visibility .5s,-webkit-transform .5s; transition: transform .5s,opacity .5s,visibility .5s; transition: transform .5s,opacity .5s,visibility .5s,-webkit-transform .5s; } .personal-data-settings .help-info-list { padding: 20px; list-style-type: disc; border: none !important; } .personal-data-settings .help-info-item { color: #FFFFFF; font-family: "Source-Sans-Pro-semibold", sans-serif; margin-top: 3px; font-size: 14px !important; } .personal-data-settings .help-ico { background-image: url(images/icons/ivr-info.png); background-color: #FFFFFF; background-size: 18px; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); background-repeat: no-repeat; width: 40px; height: 40px; position: absolute; background-position: 50% 50%; margin-top: 6px !important; } .personal-data-settings .help-triangle-ico { position: absolute; fill: #0a79b8; left: 50%; bottom: -14px; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 61px; height: 22px; } .personal-data-settings .statement-delivery-title { margin-bottom: 5px !important; } .personal-data-settings .accOfficer .home-address-option { pointer-events: none !important; } .personal-data-settings .accOfficer .home-address-option .custom-radio-button { background: #DEDFE3 !important; } .personal-data-settings .accOfficer .home-address-option .custom-radio-button .custom-label { color: rgba(0, 0, 0, 0.54) !important; } .personal-data-settings .accOfficer .custom-radio-button { position: relative; display: block; padding: 18px 15px 17px 46px; cursor: pointer; background: rgba(255, 255, 255, 0.6); border-radius: 25px; } .personal-data-settings .accOfficer .custom-radio-button.no-default-ips { padding: 25px 0px !important; border-radius: 40px !important; text-align: center; cursor: default !important; } .personal-data-settings .accOfficer .custom-radio-button.no-default-ips p { margin-bottom: 0px !important; } .personal-data-settings .accOfficer .custom-radio-button.default-acc-rb { padding: 8px 15px 8px 46px !important; border-radius: 40px !important; cursor: default !important; } .personal-data-settings .accOfficer .custom-radio-button.default-acc-rb p { margin-bottom: 0px !important; } .personal-data-settings .accOfficer .custom-radio-button .custom-radio-input { position: absolute; width: 100%; height: 100%; inset: 0; opacity: 0; cursor: pointer; padding: 0; margin: 0; border: none; z-index: 1; } .personal-data-settings .accOfficer .custom-radio-button .custom-radio-input:checked ~ .checkmark:after { opacity: 1; } .personal-data-settings .accOfficer .custom-radio-button .checkmark { position: absolute; top: 50%; left: 14px; height: 16px; width: 16px; border-radius: 50%; border: 1px solid #E8E9EC; background: #FFFFFF; transform: translateY(-50%); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); } .personal-data-settings .accOfficer .custom-radio-button .checkmark:after { width: 8px; height: 8px; top: 50%; left: 50%; border-radius: 50%; background: #0a79b8; transform: translate(-50%, -50%); content: ""; position: absolute; opacity: 0; transition: opacity .3s; } .personal-data-settings .accOfficer .custom-radio-button .custom-label { font-family: "Source-Sans-Pro-bold", sans-serif; font-size: 15px; line-height: 1; color: rgba(0, 0, 0, 0.87); margin: 0; } .help-info-wrapper { position: absolute; right: 18px; bottom: 12px; width: 20px; height: 20px; cursor: pointer; } .help-info-wrapper:hover { height: 53px; } .help-info-wrapper:hover .help-info-text { -webkit-transform: translate(-50%, -16px); transform: translate(-50%, -16px); opacity: 1; visibility: visible; } .help-info-text { position: absolute; width: 305px; bottom: 33px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); background-color: rgba(54, 57, 164, 0.8); border-radius: 16px; opacity: 0; visibility: hidden; -webkit-transition: opacity .5s,visibility .5s,-webkit-transform .5s; transition: opacity .5s,visibility .5s,-webkit-transform .5s; transition: transform .5s,opacity .5s,visibility .5s; transition: transform .5s,opacity .5s,visibility .5s,-webkit-transform .5s; } .help-info-list { padding: 0px 24px 24px 35px; list-style-type: disc; border: none !important; } .help-info-item { color: #0a79b8; font-family: "Source-Sans-Pro-semibold", sans-serif; margin-top: 3px; font-size: 14px !important; } .help-ico { width: 20px; height: 20px; fill: #C7C7C7; } .FastPayment { position: relative; margin-bottom: 40px; } .FastPayment .s-widget-body { position: relative; } .FastPayment .s-widget-body .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #006de6; } .FastPayment .s-widget-title { margin-bottom: 0; font-weight: bold; } .FastPayment .s-widget .s-overlay { background-color: transparent; } .FastPayment .dot-menu { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; user-select: none; } .FastPayment .dot-menu-text-wrapper { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; user-select: none; margin-bottom: 0; top: -48px; right: 0; } .FastPayment .dot-menu-text-wrapper .page-text { padding: 4px 16px 0 0; } .FastPayment .dot-menu-inner { width: 100%; top: 50%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .FastPayment .dot-menu-inner .dot-menu-dot { margin: 2px; } .FastPayment .dot-menu .activity-popup-filter { width: 235px; z-index: 30000; } .FastPayment .dot-menu .activity-popup-filter.active { visibility: visible; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: .6s; transition-delay: .6s; } .FastPayment .dot-menu .activity-popup-filter .page-text { display: block; padding-right: 20px; position: relative; -webkit-transition: color .5s; transition: color .5s; } .FastPayment .dot-menu .activity-popup-filter .page-text:hover { color: #006de6; } .FastPayment .dot-menu .popup-content { right: 0; } .FastPayment .fast-pay-account { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; user-select: none; padding: 16px; height: 80px; width: 16.666667%; -webkit-transition: background-color .5s; transition: background-color .5s; cursor: pointer; min-width: 195px; } .FastPayment .fast-pay-account:hover { background-color: #FFFFFF; } .FastPayment .fast-pay-account-wrapper { margin-right: 0 0 40px -16px; } .FastPayment .fast-pay-account-img { width: 48px; height: 48px; overflow: hidden; } .FastPayment .fast-pay-account-img.no-img { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; font-size: 16px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); line-height: 1; } .FastPayment .fast-pay-account .page-text { width: -webkit-calc(100% - 48px); width: calc(100% - 48px); padding: 0 16px; overflow-wrap: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: bold; } .ui-dialog.right-dialog.confirmation .ui-dialog-buttonset button { width: 100%; background: linear-gradient(45deg, #006de6, #00b2e6); color: #fff !important; font-weight: 600; } .ui-dialog.right-dialog.confirmation .popup-ammount-wrapper { position: absolute; width: 100%; top: 0 !important; transform: translateY(0) !important; } .ui-dialog.right-dialog.confirmation .popup-ammount-ico { stroke: unset; } .ui-dialog.right-dialog.details-dialog { width: 500px !important; } .ui-dialog.right-dialog .ui-dialog-content { max-height: 90% !important; } .ui-dialog.right-dialog .ui-dialog-content .center-popup-title { justify-content: center !important; } .ui-dialog.right-dialog.accountsFavorites { top: 24px !important; bottom: 24px; height: auto !important; margin: 0 !important; padding: 0; overflow: hidden !important; } .ui-dialog.right-dialog.accountsFavorites .mCustomScrollBox { padding: 0px; } .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: auto !important; } .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .all-accounts-popup-wrapper { padding: 40px 0px; } .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .mCSB_scrollTools { margin-top: 5px; } .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .mCSB_inside .mCSB_container { margin-right: 0 !important; } .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .mCSB_inside .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { right: 3px; background-color: #006de6 !important; } .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .all-account-wrapper-outer { height: 100%; } .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .all-account-popup-title { margin-bottom: 30px; } .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .all-accounts-popup-wrapper { position: relative; height: 100%; } .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .account-item-inner { position: absolute; right: 0; bottom: 0; left: 0; height: auto !important; top: 120px !important; } .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .account-select-item .account-select-item-text { padding-right: 25px; } .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .account-select-item .account-select-item-text .page-text { margin-bottom: 0; } .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .account-select-item .add-remove-favorite-star { position: absolute; stroke: #C7C7C7; fill: transparent; -webkit-transition: fill .5s,stroke .5s; transition: fill .5s,stroke .5s; width: 20px; height: 20px; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .account-select-item .add-remove-favorite-star.active { stroke: #252888; fill: #252888; } .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .account-select.-popup-item { box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); } .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .account-select.-popup-item .active { background-color: #FFFFFF; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); } .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .account-inter-inner-scroll { padding: 0 40px; } .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .add-remove-favorite-item { border-radius: 16px; height: 70px; } .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .add-remove-favorite-item .user-account-card-img { width: 40px; height: 40px; box-shadow: none; overflow: hidden; } .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .add-remove-favorite-item .user-account-card-img .page-text-3 { position: absolute; line-height: 1; margin-bottom: 0; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .beneficiaries-fav { position: absolute; stroke: #C7C7C7; fill: transparent; -webkit-transition: fill .5s,stroke .5s; transition: fill .5s,stroke .5s; width: 20px; height: 20px; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .beneficiaries-fav.active svg { stroke: #F60; fill: #F60; } .ui-widget.ui-widget-content { border: none !important; } .filter-error-text { border-top: 1px solid #8294a8; border-bottom: 1px solid #8294a8; padding: 40px 0; } .filter-error-ico { width: 48px; height: 48px; stroke: #6F6F6F; } .fastPayment .filter-error-text { margin-top: 5px; } .fastPayment .noFastPayText { top: 13px !important; } .main-nav { height: 100%; overflow-y: auto; } .main-nav .optiscroll-vtrack { background-color: #39c; } .main-nav-list-item { position: relative; font-family: 'Source-Sans-Pro-semibold', 'sans-serif'; font-size: 15px; line-height: 1.333; letter-spacing: -0.02em; margin-bottom: 25px; color: rgba(0, 0, 0, 0.87); } .main-nav-list-item.active .main-nav-link-ico { background-color: #52ae30; } .main-nav-list-item.active .main-nav-link-ico-svg { color: #fff; stroke: #fff; } .main-nav-list-item.active .main-nav-list-text { color: #52ae30; } .main-nav-list-item.active .main-nav-active-indicator { -webkit-transform: scaleY(1); transform: scaleY(1); } .main-nav-list-item.active .main-nav-dropdown .main-nav-dropdown-item .main-nav-active-indicator { -webkit-transform: scaleY(0); transform: scaleY(0); } .main-nav-list-item.active .main-nav-dropdown .main-nav-dropdown-item.active .main-nav-active-indicator { -webkit-transform: scaleY(1); transform: scaleY(1); } .main-nav-list-item.has-dropdown { cursor: pointer; } .main-nav-list-item.has-dropdown .main-nav-list-item-inner { padding-right: 80px; } .main-nav-list-item.dropdown-active .main-nav-link-ico { background-color: #52ae30; } .main-nav-list-item.dropdown-active .main-nav-link-ico-svg { color: #fff; stroke: #fff; } .main-nav-list-item.dropdown-active .main-nav-dropdown-svg { -webkit-transform: translate(-50%, -50%) rotate(270deg); transform: translate(-50%, -50%) rotate(270deg); } .main-nav-list-item-inner { position: relative; padding-left: 40px; } .main-nav-list-item-inner:hover .main-nav-active-indicator { -webkit-transform: scaleY(1); transform: scaleY(1); } .main-nav-active-indicator { position: absolute; display: block; width: 6px; height: 100%; background-color: #52ae30; border-radius: 4px; top: 0; left: -3px; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .main-nav-dropdown-arrows { position: absolute; display: block; top: 15px; right: 55px; width: 9px; height: 14px; background-image: url(../img/icons/arrows-2.png); background-position: 50%; background-repeat: no-repeat; background-size: contain; } .main-nav-list-arrow { display: inline; position: relative; width: 6px; height: 10px; } .main-nav-dropdown-svg { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); -webkit-transition: all 0.4s; transition: all 0.4s; fill: #52ae30; } .main-nav-list-link { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .main-nav-list-link:hover .main-nav-link-ico { background-color: #52ae30; } .main-nav-list-link:hover .main-nav-link-ico-svg { color: #fff; stroke: #fff; } .main-nav-list-link:hover .main-nav-list-text { color: #52ae30; } .main-nav-link-ico { position: relative; width: 40px; height: 40px; background-color: #fff; -webkit-transition: background-color 0.5s; transition: background-color 0.5s; } .main-nav-link-ico-svg { position: absolute; color: rgba(0, 0, 0, 0.87); stroke: rgba(0, 0, 0, 0.87); width: 24px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.5s; transition: all 0.5s; } .main-nav-list-text { display: inline; padding-left: 20px; padding-right: 10px; margin-bottom: 0; -webkit-transition: color 0.5s; transition: color 0.5s; } .main-nav-dropdown { padding: 5px 0; display: none; } .main-nav-dropdown-item { position: relative; font-family: 'Source-Sans-Pro-semibold', 'sans-serif'; padding: 10px 0 10px 100px; } .main-nav-dropdown-item.active .main-nav-active-indicator, .main-nav-dropdown-item:hover .main-nav-active-indicator { -webkit-transform: scaleY(1); transform: scaleY(1); } .main-nav-dropdown-item.active .main-nav-dropdown-link { color: #52ae30; font-family: 'Source-Sans-Pro-semibold', 'sans-serif'; } .main-nav-dropdown-link { color: rgba(0, 0, 0, 0.54); -webkit-transition: all 0.5s; transition: all 0.5s; } .main-nav-dropdown-link:hover { font-family: 'Source-Sans-Pro-semibold', 'sans-serif'; color: #52ae30; } .main-nav-dropdown-link:before { content: ""; width: 100%; height: 100%; top: 0; left: 0; font-family: 'Source-Sans-Pro-semibold', 'sans-serif'; } .account-select-popup-item, .all-account-close, .pay-to-card, .btn-2, .dot-menu, .dot-menu-text-wrapper, .fast-pay-account, .header-logo-link, .main-nav-list-item, .payment-filter-box, .payment-filter-payment, .see-all-transactions, .transaction-popup-option, .user-intro-section-profile-box { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; user-select: none; } .popup-ammount-wrapper .user-account-card-img.accounts { width: 100%; height: 158px; border-radius: 12px; overflow: hidden; /* background-image: url(images/icons/home-acc-pic.jpg);*/ background-repeat: no-repeat; background-position: center; background-size: contain; } .popup-ammount-wrapper .user-account-card-img.cards { height: 48px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); overflow: hidden; background-image: url(images/icons/card-1.jpg); background-repeat: no-repeat; padding-left: 0 !important; background-position: center; background-size: contain; } .popup-ammount-wrapper .user-account-card-img.card { width: 250px !important; height: 158px; box-shadow: 0 6px 10px rgba(0, 0, 0, 0.16) !important; margin: auto; border-radius: 12px; position: relative; margin-bottom: 20px; } .popup-ammount-wrapper .user-account-card-img.card.block { display: block; } .popup-ammount-wrapper .user-account-card-img.card .card-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; background-repeat: no-repeat; background-size: cover; background-position: 50%; } .popup-ammount-wrapper .user-account-card-img.card .card-image.card-602 { background-image: url("images/cards-types/card-602.png"); } .popup-ammount-wrapper .user-account-card-img.card .card-image.card-605 { background-image: url("images/cards-types/card-605.png"); } .popup-ammount-wrapper .user-account-card-img.card .card-image.card-609 { background-image: url("images/cards-types/card-609.png"); } .popup-ammount-wrapper .user-account-card-img.card .card-image.card-610 { background-image: url("images/cards-types/card-610.png"); } .popup-ammount-wrapper .user-account-card-img.card .card-image.card-616 { background-image: url("images/cards-types/card-616.png"); } .popup-ammount-wrapper .user-account-card-img.card .card-image.card-617 { background-image: url("images/cards-types/card-617.png"); } .popup-ammount-wrapper .user-account-card-img.card .card-image.card-618 { background-image: url("images/cards-types/card-618.png"); } .popup-ammount-wrapper .user-account-card-img.card .card-image.card-627 { background-image: url("images/cards-types/card-627.png"); } .popup-ammount-wrapper .user-account-card-img.card .card-image.card-635 { background-image: url("images/cards-types/card-635.png"); } .popup-ammount-wrapper .user-account-card-img.card .card-image.card-637 { background-image: url("images/cards-types/card-637.png"); } .popup-ammount-wrapper .user-account-card-img.card .card-image.card-642 { background-image: url("images/cards-types/card-642.png"); } .popup-ammount-wrapper .user-account-card-img.card .card-image.card-662 { background-image: url("images/cards-types/card-662.png"); } .popup-ammount-wrapper .user-account-card-img.card .card-image.card-670 { background-image: url("images/cards-types/card-670.png"); } .popup-ammount-wrapper .user-account-card-img.card .card-image.card-680 { background-image: url("images/cards-types/card-680.png"); } .popup-ammount-wrapper .user-account-card-img.card .card-image.card-683 { background-image: url("images/cards-types/card-683.png"); } .popup-ammount-wrapper .user-account-card-img.card .card-image.card-690 { background-image: url("images/cards-types/card-690.png"); } .popup-ammount-wrapper .user-account-card-img.card .card-image.card-681 { background-image: url("images/cards-types/card-681.png"); } .popup-ammount-wrapper.transaction-amount span { font-family: 'Source-Sans-Pro-semibold', 'sans-serif'; font-size: 15px; } .popup-ammount-wrapper .transaction-state.transaction-done { color: #52ae30; } .popup-ammount-ico-wrapper { width: 60px; height: 60px; border-radius: 12px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); margin: auto; margin-bottom: 10px; } .popup-ammount-ico { position: absolute; width: 28px; height: 28px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); stroke: rgba(0, 0, 0, 0.87); } .transaction-popup-option .page-text { width: -webkit-calc(100% - 40px); width: calc(100% - 40px); padding: 0 25px 0 16px; -webkit-transition: color .5s; transition: color .5s; } .transaction-popup-option .profile-text-arrow { -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s,-webkit-transform .5s; } .transaction-popup-option .dot-menu { -webkit-transition: all .5s; transition: all .5s; } .transaction-popup-option:hover .profile-text-arrow { -webkit-transform: translate(10px, -50%); transform: translate(10px, -50%); } .transaction-popup-option:hover .dot-menu { background-color: #52ae30; } .transaction-popup-option:hover .main-nav-link-ico-svg { stroke: #fff; fill: #fff; } .transaction-popup-detail { position: relative; padding-right: 60px; } .transaction-popup-detail.side-trigger:hover .dot-menu { background-color: #52ae30; } .dashhover:hover { background-color: #2a7f00; } .user-account-card-right-col-inner .text-color-2:hover { background-color: #2a7f00; } .user-account-card-right-col-inner .text-color-6:hover { background-color: #2a7f00; } .user-account-card-right-col-inner .text-color:hover { color: #52ae30; } .transaction-popup-detail.side-trigger:hover .main-nav-link-ico-svg { stroke: #fff; } .transaction-popup-detail.side-trigger { cursor: pointer; } .transaction-popup-detail .dot-menu { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .5s; transition: all .5s; } .transaction-popup-detail .page-text.active { color: #0a79b8; } .transaction-popup-detail .page-text.inactive { color: red; } .transaction-popup-detail .main-nav-link-ico-svg { stroke: #0a79b8; } .transaction-popup-detail-hidden-group { display: none; } .transaction-popup-detail-expand-group { width: 100%; text-align: center; padding: 18px; background: radial-gradient(circle, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%); } .transaction-popup-detail-expand-group .transaction-popup-detail-expand-ico-text { position: relative; font-family: "Source-Sans-Pro-bold", sans-serif; font-size: 14px; line-height: 1; color: #52ae30; padding: 12px 60px; } .transaction-popup-detail-expand-group .transaction-popup-detail-expand-ico-text.active .ico-minus { opacity: 1; visibility: visible; } .transaction-popup-detail-expand-group .transaction-popup-detail-expand-ico-text.active .ico-plus { opacity: 0; visibility: hidden; } .transaction-popup-detail-expand-group .transaction-popup-detail-expand-ico-text.active .expanded-text { display: inline-block; } .transaction-popup-detail-expand-group .transaction-popup-detail-expand-ico-text.active .unexpanded-text { display: none; } .transaction-popup-detail-expand-group .transaction-popup-detail-expand-ico { position: absolute; width: 16px; height: 16px; top: 50%; left: 60px; -webkit-transform: translateY(-50%); transform: translateY(-50%); stroke: #52ae30; } .transaction-popup-detail-expand-group .ico-minus { opacity: 0; visibility: hidden; } .transaction-popup-detail-expand-group .transaction-popup-detail-expand-text { display: inline-block; margin-bottom: 0; padding-left: 24px; } .transaction-popup-detail-expand-group .expanded-text { display: none; } .user-accout-background-card { position: absolute; width: 96%; height: 100%; left: 50%; top: -11px; border-radius: 16px; opacity: .5; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .user-accout-background-card:nth-child(2) { opacity: .25; top: -19px; width: 93%; } .user-account-card-outer { position: absolute; width: 100%; top: 0; left: 0; } .account-detail-hidden-content { margin-top: -20px; border-radius: 0px 0px 16px 16px; overflow: hidden; display: none; position: absolute; top: 96%; left: 50%; transform: translateX(-50%); width: calc(100% - 40px); } .account-detail-hidden-content .optiscroll-content { top: 20px !important; } .account-detail-hidden-content .optiscroll-v { right: 20px; } .account-detail-hidden-content .optiscroll-vtrack { top: 20px; } .LoanBalancePreviewSlider .user-account-card-outer { top: 0px; } .AccountBalancePreviewSlider, .CardBalancePreviewSlider { margin-bottom: 75px !important; } .CardBalancePreviewSlider { position: relative; } .CardBalancePreviewSlider .form-error-message-block { top: 150px; width: 99%; } .AuthorizedAccounts .user-account-card-outer { top: 20px; } .user-account-card-outer.account-card-active { position: relative; overflow: unset; border-radius: 16px; transition: .5s ease; top: -10px; } .user-account-card-outer.account-card-active.showMore { overflow: unset; background: white; } .user-account-card-outer.account-card-active.showMore .user-account-card { border-radius: 16px 16px 0 0; } .activity-status { width: 18%; } .activity-status.popup-state { width: 100%; } .activity-status .activity-status-dot { display: inline-block; width: 8px; height: 8px; } .activity-status .activity-text { display: inline-block; padding-left: 4px; padding-right: 5px; color: rgba(0, 0, 0, 0.54); } .user-account-card { border-radius: 20px; padding: 35px 40px; } .user-account-card .btn-2 { display: block; padding: 14px 10px; } .user-accout-card-left-col { width: 61%; padding-right: 40px; border-right: 1px solid #dedfe3; } .user-accout-card-left-col-inner { width: 60%; } .user-accout-card-right-col-inner { width: 32%; } .user-intro-section-profile-ico { position: absolute; width: 20px; height: 20px; top: 50%; left: 50%; stroke: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .open-banking-info-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px 10px; padding-top: 30px; } .open-banking-info-grid.open-banking-5 { padding-top: 20px; } .open-banking-info-grid.open-banking-6 { padding-top: 20px; } .checkbox-wrap { display: block; position: relative; padding-left: 46px; font-size: 15px; text-align: left; color: #1c1f32; user-select: none; } .checkbox-wrap input { position: absolute; opacity: 0; cursor: pointer; height: 18px; width: 18px; top: 50%; left: 50%; transform: translate(-64%, -63%); z-index: 10; } .checkbox-wrap .checkmark { position: absolute; top: 50%; left: 50%; height: 18px; width: 18px; border: 2px solid #A2B8CF; border-radius: 2px; background: transparent; transform: translate(-50%, -50%); box-sizing: border-box; } .checkbox-wrap .checkmark:after { content: ''; width: 18px; height: 18px; position: absolute; top: -2px; left: -2px; background: url("images/icons/checkbox.png") 0 0 no-repeat; background-size: 100%; opacity: 0; transition: opacity 0.3s; } .checkbox-wrap input:checked ~ .checkmark:after { opacity: 1; } .checkbox-group { border-bottom: 1px dotted #EFEFEF; } .checkbox-wrap.modal { padding-left: 0; padding-top: 17px; padding-bottom: 17px; } .checkbox-wrap.modal input { width: 100%; height: 100%; top: 30px; right: 0; left: 63%; } .checkbox-wrap.modal .checkmark { right: 0; left: unset; } .checkbox-wrap.modal:last-child { margin-bottom: 10px; } .account-info-container { padding-bottom: 24px; border-bottom: 1px dotted #8294a8; } .account-info-block { position: relative; padding: 21px 24px !important; background-color: #f5f8fb; border-radius: 20px; margin-bottom: 16px !important; gap: 24px; flex-wrap: nowrap; } .account-info-block .user-accout-card-img { min-width: 40px; } .account-info-block.checkbox { margin-bottom: 0; padding: 21px 50px 21px 24px; } .account-info-block.checkbox .checkbox-wrap { position: absolute; width: 100%; height: 100%; left: 0; padding: 0; margin-bottom: 0; } .account-info-block.checkbox .checkbox-wrap input { width: 100%; height: 100%; transform: unset; left: 0; top: 0; } .account-info-block.checkbox .checkbox-wrap .checkmark { right: 20px; left: unset; top: 50%; transform: translateY(-50%); } .account-info-title { font-family: "Source-Sans-Pro-semibold", sans-serif; font-size: 15px; line-height: 1.4; color: #8294a8; margin-bottom: 2px; } .account-info-number { font-family: "Source Sans Pro bold", sans-serif; font-size: 18px; line-height: 1; color: #353f4a; margin-bottom: 0; } .user-accout-card-svg { position: absolute; width: 23px; height: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .user-accout-card-img { position: relative; width: 40px; height: 40px; overflow: hidden; } .user-acount-card-svg { position: absolute; color: rgba(0, 0, 0, 0.87); stroke: rgba(0, 0, 0, 0.87); width: 24px; height: 24px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: color .5s; transition: color .5s; } .user-accout-card-right-col { padding-left: 40px; width: 31%; } .user-accout-card-right-col .user-intro-select-item { width: 33.333333%; text-align: center; padding: 0 10px; } .user-accout-card-right-col .user-intro-select-item.active, .user-accout-card-right-col .user-intro-select-item:hover { color: rgba(0, 0, 0, 0.87); } .user-accout-card-right-col img { width: 100%; height: auto; } .account-detail-popup .popup-ammount-ico-wrapper { width: 60px; height: 60px; } .account-detail-popup .popup-ammount-ico { width: 32px; height: 22px; stroke: rgba(0, 0, 0, 0.87); } .messageBoxElement { padding-bottom: 10px; } .ui-dialog-buttonpane { padding-top: 17px !important; } .pending-expenses-box { margin-top: 15px; display: flex; align-items: flex-start; } .pending-expenses-ico-col { width: 60%; } .pending-expenses-text { width: -webkit-calc(100% - 60px); width: calc(100% - 60px); } .pending-expenses-sum { width: 30%; } .pending-expenses-sum span { margin-left: 10px; } .none-padding-left { padding-left: 0px !important; } .transaction-popup-detail .page-text.active { color: #52ae30; } .transaction-popup-detail .page-text.bold { font-weight: bold; } .account-detail-popup .popup-ammount-ico-wrapper { width: 60px; height: 60px; } .account-detail-popup .popup-ammount-ico { width: 32px; height: 22px; stroke: rgba(0, 0, 0, 0.87); } .account-detail-menu { width: 100px; } .account-detail-menu .activity-popup-filter { right: -28px; width: 184px; } .textAccountDetails { color: #8294a8; font-family: "pt_sansregular", sans-serif !important; font-weight: bold !important; } .isEmptyGrid { padding: 0px 10px !important; } .isEmptyGriError { margin-top: 10px !important; padding: 0px !important; } .isEmptyGriErrorbetween { width: 100% !important; } .payment-dialog-button { margin-right: 20px; background-color: #FFFFFF; } .padding-right-1 { padding-right: 10px; } .payment-button-width { width: 48% !important; } .text-no-wrap { white-space: nowrap !important; } .mCSB_container .clientGrid .align-left div { white-space: nowrap; } .arrow-1, .arrow-3 { transform: rotate(180deg) !important; opacity: 0; } .arrow-1.active, .arrow-3.active { opacity: 1 !important; z-index: 1; } .arrow-2, .arrow-4 { opacity: 0; } .arrow-2.active, .arrow-4.active { opacity: 1 !important; } .loans-error { margin-top: 0px !important; } .ap-grid-text { margin-bottom: -15px !important; } .messageHub-header .UserInfoHeader .user-heading .subHeading { display: none; } .successSend { left: 50% !important; background-color: #FFFFFF; transform: translate(-50%, -50%) !important; } .successSend .btn-1 { bottom: -22px !important; width: 150px; left: 27%; font-family: "Source-Sans-Pro-bold", sans-serif; padding: 10px 0px !important; } .successSend .page-text { text-align: center; margin-bottom: 5px !important; } .successSend .ui-widget-content { margin-bottom: -35px; } #SMSmessageDialog .validationMessage { margin-top: -7px; } #OTPmessageDialog .validationMessage { margin-top: 0px; } #OTPmessageDialog .tokenCode.active { border: 1px solid #52AE30; } #OTPmessageDialog .tokenCode.borderError { border: 1px solid red; } .inside-div-model-left { width: 33% !important; } .inside-div-model-left.pay { width: 135px !important; } .inside-div-model-left .input-1 { width: calc(100% - 80px) !important; } .inside-div-model-right { width: 67% !important; margin-right: 0px; } .inside-div-model-right.pay { width: 74% !important; } .PaymentOrderV2 .wraperOptions { width: 53%; } .PaymentOrderV2 .intrabank-wrapper.with-label-inside.val { width: 30%; margin-right: 80px; } .PaymentOrderV2 input.paymentPurpose, .PaymentOrderV2 .paymentCode p.page-text { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-right: 30px; } .all-accounts-popup-wrapper { height: 100% !important; border-radius: 16px; padding: 63px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; box-shadow: 0 0 24px rgba(0, 0, 0, 0.16); background-color: #f5f8fb; } .accountsList .all-accounts-popup-wrapper { padding: 40px 0; } .accountsList .all-account-popup-title .title-2 { text-align: left !important; } .accountsList .account-item-inner .account-select-popup-item .account-select-item .account-select-item-text p { font-family: "pt_sansregular", sans-serif !important; font-weight: bold; } .accountsList .account-item-inner .account-select-popup-item .account-item-balance .account-item-balance-inner span.amount { font-family: "pt_sansregular", sans-serif !important; font-weight: bold; } .login-form .validationMessage { position: absolute; top: 55px; left: 0; margin: 0; } .accountsListDialog.card-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; background-repeat: no-repeat; background-size: cover; background-position: 50%; } .accountsListDialog.card-image.card-602 { background-image: url("images/cards-types/card-602.png"); } .accountsListDialog.card-image.card-605 { background-image: url("images/cards-types/card-605.png"); } .accountsListDialog.card-image.card-609 { background-image: url("images/cards-types/card-609.png"); } .accountsListDialog.card-image.card-610 { background-image: url("images/cards-types/card-610.png"); } .accountsListDialog.card-image.card-616 { background-image: url("images/cards-types/card-616.png"); } .accountsListDialog.card-image.card-617 { background-image: url("images/cards-types/card-617.png"); } .accountsListDialog.card-image.card-618 { background-image: url("images/cards-types/card-618.png"); } .accountsListDialog.card-image.card-627 { background-image: url("images/cards-types/card-627.png"); } .accountsListDialog.card-image.card-635 { background-image: url("images/cards-types/card-635.png"); } .accountsListDialog.card-image.card-637 { background-image: url("images/cards-types/card-637.png"); } .accountsListDialog.card-image.card-642 { background-image: url("images/cards-types/card-642.png"); } .accountsListDialog.card-image.card-662 { background-image: url("images/cards-types/card-662.png"); } .accountsListDialog.card-image.card-670 { background-image: url("images/cards-types/card-670.png"); } .accountsListDialog.card-image.card-680 { background-image: url("images/cards-types/card-680.png"); } .accountsListDialog.card-image.card-683 { background-image: url("images/cards-types/card-683.png"); } .accountsListDialog.card-image.card-690 { background-image: url("images/cards-types/card-690.png"); } .accountsListDialog.card-image.card-681 { background-image: url("images/cards-types/card-681.png"); } slideAnimationHide { animation: slideUp 1s ease-in-out; animation-fill-mode: forwards; } .slideAnimationPredNext { animation: slideDown 1s ease-in-out; animation-fill-mode: forwards; } .slideAnimationNext { animation: slideDown 1s ease-in-out; animation-fill-mode: forwards; } .slideAnimationPrev { animation: slideUp 1s ease-in-out; animation-fill-mode: forwards; } @keyframes slideDown { 0% { transform: translate(0px, 0px) scale(1); opacity: 1; visibility: visible; } 20% { transform: translateY(100px) scale(0.9); opacity: 0.4; } 60% { transform: translateY(-100px) scale(0.95); opacity: 0.4; } 100% { transform: translate(0px, 0px) scale(1); opacity: 1; visibility: visible; } } @keyframes slide-down { 0% { transform: translateY(0); } 100% { transform: translateY(100%); } } @keyframes slideUp { 0% { transform: translate(0px, 0px) scale(1); opacity: 1; visibility: visible; } 20% { transform: translateY(-100px) scale(0.9); opacity: 0.4; } 60% { transform: translateY(100px) scale(0.95); opacity: 0.4; } 100% { transform: translate(0px, 0px) scale(1); opacity: 1; visibility: visible; } } @keyframes slide-up { 0% { transform: translateY(100%); } 100% { transform: translateY(0); } } .ui-dialog-buttons.no-yes-dialog.information.login .ui-dialog-titlebar { display: block !important; } .ui-dialog-buttons.no-yes-dialog.information.login .ui-dialog-buttonpane { margin-top: 20px; } .ui-dialog-buttons.no-yes-dialog.information.login .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(1) { background-color: #52AE30; color: white; } .success-token-block, .success-token-reactivation { background-color: #EFEFEF !important; } .success-token-block #messageBoxElement, .success-token-reactivation #messageBoxElement { text-align: left !important; font-size: 14px !important; font-family: "Source-Sans-Pro-semibold", sans-serif !important; color: rgba(0, 0, 0, 0.54) !important; line-height: initial; } .success-token-block button, .success-token-reactivation button { background-color: #0a79b8 !important; border: none !important; margin-bottom: -30px !important; color: #FFFFFF !important; padding-top: 13px !important; padding-bottom: 13px !important; } .success-token-block .ui-dialog-titlebar, .success-token-reactivation .ui-dialog-titlebar { display: block !important; border: none !important; background: transparent !important; margin-top: -10px !important; } .success-token-block .ui-dialog-titlebar span, .success-token-reactivation .ui-dialog-titlebar span { font-size: 22px !important; float: unset !important; font-family: "Source-Sans-Pro-bold", sans-serif !important; } .success-token-block .ui-dialog-titlebar:before, .success-token-block .ui-dialog-titlebar:after, .success-token-block .ui-dialog-titlebar button, .success-token-reactivation .ui-dialog-titlebar:before, .success-token-reactivation .ui-dialog-titlebar:after, .success-token-reactivation .ui-dialog-titlebar button { display: none !important; } .no-yes-token #messageBoxElement { text-align: left !important; font-size: 14px !important; font-family: "Source-Sans-Pro-semibold", sans-serif !important; color: rgba(0, 0, 0, 0.54) !important; margin-top: -10px; margin-bottom: 20px !important; } .no-yes-token .ui-dialog-buttonset { margin-bottom: -20px !important; } .no-yes-token .ui-dialog-titlebar:before { margin-bottom: 5px !important; } .promo-cards-wrapper { margin-left: 9px; margin-right: 9px; display: flex; flex-wrap: wrap; } .promo-cards-wrapper .promo-card { width: calc(33.333333% - 18px); margin: 0 9px 44px 9px; border-radius: 30px; overflow: hidden; background-color: #FFFFFF; box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.12); transition: box-shadow .3s; } .promo-cards-wrapper .promo-card:hover { box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.24); } .promo-cards-wrapper .promo-card:hover .promo-card-img { transform: scale(1.05); } .promo-cards-wrapper .promo-card-img-wrapper { width: 100%; height: 14vw; max-height: 200px; overflow: hidden; background-color: #0a79b8; } .promo-cards-wrapper .promo-card-img { transition: transform .3s ease-in; } .promo-cards-wrapper .promo-card-content { padding: 22px 24px; background-color: #FFFFFF; } .promo-cards-wrapper .promo-card-content.promo-card-content-center { height: calc(100% - 14vw); } .promo-cards-wrapper .promo-card-logo-wrapper { width: 40px; height: 40px; border: 1px solid #DCDCDC; border-radius: 50%; overflow: hidden; } .promo-cards-wrapper .promo-card-text-wrapper { width: calc(100% - 40px); padding-left: 16px; } .Forms_ActiveWorkflowListSOG .transaction-filter-inner .dk-selected { padding: 11px 12px 11px 18px; white-space: nowrap; overflow: hidden; background-color: white; border-radius: 25px; height: 18px; -o-text-overflow: ellipsis; text-overflow: ellipsis; position: relative; z-index: 2; transform: translate(0px, 0px); } .Forms_ActiveWorkflowListSOG .transaction-filter-inner .dk-select-options { width: 107% !important; } .Forms_ActiveWorkflowListSOG .transaction-filter-inner .dk-select-options::-webkit-scrollbar { background: transparent; width: 5px; background: -webkit-linear-gradient(0, blue 50%, white 100%); } .Forms_ActiveWorkflowListSOG .transaction-filter-inner .dk-select-options::-webkit-scrollbar-track { top: 20px; background: white; height: 3px; transform: translate(0%, 0%); } .Forms_ActiveWorkflowListSOG .transaction-filter-inner .dk-select-options::-webkit-scrollbar-thumb { background-color: #52ae30; border-radius: 5px; width: 4px; height: 3px; transform: translate(0%, 0%); } .Forms_ActiveWorkflowListSOG .transaction-filter-inner .dk-select-options li.dk-option-selected { background: transparent; } .Forms_ActiveWorkflowListSOG .account-request { width: 17%; } .Forms_ActiveWorkflowListSOG .group-inner { padding-left: 30px !important; width: 18% !important; } .Forms_ActiveWorkflowListSOG .transaction-filter-box { width: 172px !important; margin: 0px 4px 10px !important; } .Forms_ActiveWorkflowListSOG .payment-filter-box:first-child { width: 12% !important; padding-left: 30px !important; } .Forms_ActiveWorkflowListSOG .payment-filter-box .page-text-2 { padding-right: 10px !important; } .Forms_ActiveWorkflowListSOG .account-statements-info { padding: 8px 20px 8px 0 !important; border-radius: 28px !important; -webkit-transition: background-color .5s !important; transition: background-color .5s !important; } .Forms_ActiveWorkflowListSOG .account-statement-pdf-download p { padding-left: 5px !important; } .Forms_ActiveWorkflowListSOG .transaction-filter-box { max-width: 216px !important; margin: 0 4px 10px !important; width: 30% !important; } .Forms_ActiveWorkflowListSOG .label-1 { display: block; font-weight: 600; font-size: 12px; color: #8294a8; padding: 0 16px; margin-bottom: 6px; } .Forms_ActiveWorkflowListSOG .inactive-arrow { transform: translateY(0px); } .Forms_ActiveWorkflowListSOG .payment-filter-recipient { width: 10% !important; padding-left: 10px !important; } .Forms_ActiveWorkflowListSOG .payment-filter-recipient-last1 { margin-left: 23px; width: 12% !important; } .Forms_ActiveWorkflowListSOG .payment-filter-recipient-last { width: 12% !important; } .account-select-popup-item.active { border: none !important; } .acc-details { width: 100%; } .padding-2 { padding-bottom: 20px; } .flex-center-2 { justify-content: center; } .default-font-family { font-family: "Source-Sans-Pro", sans-serif !important; } #TravelInsuranceTemplate .wrapperTemplate { height: 74px; } .user-intro-select-wrapper.my_profile { margin-bottom: 50px; margin-top: 70px; } .k-header { border: none !important; background-color: #f5f8fb !important; background-image: none !important; } .overlay-slider-1 { opacity: 0.001 !important; } .test ul { margin-left: calc(50% - 200px) !important; top: -15px !important; } .changePasswordClass.ui-dialog:not(.right-dialog).visible { width: 550px !important; } .changePasswordClass.ui-dialog:not(.right-dialog).visible .exchange-form-wrapper .btn-wrapper { margin-bottom: 10px; } .UserInfo .text-color-3 { color: #000000; } .UserInfo .btn-1.logout { padding: 6px 11px !important; margin: 0 8px; } .UserInfo .btn-1.logout:before { content: ""; width: 0; height: 100%; inset: 0; background: -webkit-gradient(linear, left top, right top, from(#0079ff), to(#00c6ff)); background: linear-gradient(90deg, #0079ff, #00c6ff); -webkit-transition: opacity .3s; transition: opacity .3s; } .UserInfo .btn-1 .icon.higher { max-height: 22px; top: 1px; } .UserInfo .btn-1 span { top: 0px; } .UserInfo .dot-menu svg { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; stroke: #FFFFFF; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } div[aria-describedby="changePasswordDialog"] { border-radius: 25px; padding: 20px 30px !important; padding-top: 20px; height: 730px !important; } div[aria-describedby="changePasswordDialog"] #changePasswordDialog { margin-bottom: 0; padding-top: 0px; padding-bottom: 0px; transform: translateY(-40px); } div[aria-describedby="changePasswordDialog"] #changePasswordDialog .my-profile-form.exchange-form-wrapper.active .page-text.font-3.text-color-3.margin-4 { margin: 30px 0 15px 0; } div[aria-describedby="changePasswordDialog"] #changePasswordDialog .my-profile-form.exchange-form-wrapper.active .new-passowrd-rules { padding: 20px; } div[aria-describedby="changePasswordDialog"] #changePasswordDialog .my-profile-form.exchange-form-wrapper.active .new-passowrd-rules p { padding: 0 !important; margin: 0 0 10px 10px; font-size: 18px; } div[aria-describedby="changePasswordDialog"] #changePasswordDialog .my-profile-form.exchange-form-wrapper.active .new-passowrd-rules div ul { padding-left: 10px; } div[aria-describedby="changePasswordDialog"] #changePasswordDialog .my-profile-form.exchange-form-wrapper.active .new-passowrd-rules div ul li { color: #52ae30; font-family: 'Source-Sans-Pro-semibold'; position: relative; } div[aria-describedby="changePasswordDialog"] #changePasswordDialog .my-profile-form.exchange-form-wrapper.active .new-passowrd-rules div ul li:before { content: ''; width: 5px; height: 5px; background: #52ae30; border-radius: 50%; position: absolute; top: calc(50% - 2.5px); left: -10px; } div[aria-describedby="changePasswordDialog"] #changePasswordDialog .my-profile-form.exchange-form-wrapper.active .btn-wrapper { display: flex; padding-bottom: 15px; } div[aria-describedby="changePasswordDialog"] #changePasswordDialog .my-profile-form.exchange-form-wrapper.active .btn-wrapper button { font-family: 'Source-Sans-Pro-semibold'; box-shadow: 0 8px 24px rgba(54, 60, 164, 0.4) !important; transition: all 0.4s ease; } div[aria-describedby="changePasswordDialog"] #changePasswordDialog .my-profile-form.exchange-form-wrapper.active .btn-wrapper button:hover { box-shadow: 0 8px 12px rgba(54, 60, 164, 0.4) !important; } div[aria-describedby="changePasswordDialog"] #changePasswordDialog .my-profile-form.exchange-form-wrapper.active .btn-wrapper button:nth-child(2) { background: #fff; color: #52ae30; } div[aria-describedby="changePasswordDialog"] #changePasswordDialog .my-profile-form.exchange-form-wrapper.active .input-wrapper .wrapper-label-input { border: 1px solid rgba(0, 0, 0, 0.54); height: 50px; } div[aria-describedby="changePasswordDialog"] .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle { background-color: transparent; padding: 0; border: none; transform: translateY(-30px); } div[aria-describedby="changePasswordDialog"] .ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close { width: 40px; height: 40px; border-radius: 50%; transform: translateY(28px); border: none; z-index: 2; background: transparent; } div[aria-describedby="changePasswordDialog"] .all-account-popup-title.flex-layout.flex-center.space-between.center-popup-title h3 { width: 100%; text-align: center; } div[aria-describedby="changePasswordDialog"] .all-account-popup-title.flex-layout.flex-center.space-between.center-popup-title .all-account-close.element-border-4.background-4.relative { transform: translateX(35px); } .session .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix .ui-dialog-buttonset button { width: 100% !important; } .unclickable-checkbox { background: rgba(199, 199, 199, 0.5) !important; cursor: default !important; } .disabled-input-field { pointer-events: none !important; background: #E8E9ED !important; } .passChangedBtn .ui-widget-content .ui-dialog-buttonset button { width: 100% !important; background-color: #F5F5F5 !important; color: #52AE30 !important; border: 1px solid #DCDCDC !important; padding: 10px 28px !important; } .filter-error-text-turnoverDetail { margin-top: 60%; } .filter-error-text-turnoverDetail .big-x { width: 80px; height: 80px; top: 50%; left: 50%; fill: #FF435A; stroke: #FF435A; } .turnoverAmountView { display: flex; flex-wrap: nowrap; align-content: center; align-items: center; justify-content: flex-end; } .turnover-storno { color: red !important; } .turnoverDateView { display: flex; flex-wrap: nowrap; align-content: center; align-items: center; } .loans_html_promo { margin-top: -230px; } .loans_html_promo.loansExist { margin-top: 0px !important; } .loans_html_promo .commercial-img { background: url(images/pictures/commericial-img.jpg) no-repeat center !important; } .cardTurnoverDetails div > .toggle-acc-details { margin-bottom: 15px; } .dissabled-button { pointer-events: none; } .info-dialog.visible.messageBoxElement .ui-button.ui-corner-all.ui-widget, .visible.messageBoxElement.ui-dialog.information .ui-button.ui-corner-all.ui-widget { width: 100%; } .delete-tag-dialog .ui-dialog-titlebar:before { margin-bottom: 10px !important; } .delete-tag-dialog .ui-dialog-content { text-align-last: center; } .delete-tag-dialog .ui-dialog-buttonset { margin-bottom: -20px; } .flex-column { flex-direction: column; } .session-timeout-popup { opacity: 1 !important; position: absolute !important; z-index: 1005 !important; visibility: visible !important; } .contant-change-error .ui-dialog-buttonpane { margin-bottom: -40px; } .contactDataConfirmation .group-inner, .contactDataEdit .group-inner { margin-bottom: 15px !important; } .contactDataConfirmation .page-text, .contactDataEdit .page-text { font-family: "Source-Sans-Pro", sans-serif !important; } .contactDataConfirmation .validationMessage, .contactDataEdit .validationMessage { margin-top: 5px !important; margin-bottom: 4px !important; padding-left: 0px !important; } .contactDataConfirmation .ui-dialog-title { white-space: pre-wrap !important; } .contactDataConfirmation .newEmail { font-family: "Source-Sans-Pro-bold", sans-serif !important; } .askBeforeHideDialog { z-index: 1003 !important; } .overlay-high-zindex { z-index: 1002 !important; } .success-change-email button { margin-bottom: -20px !important; } .personal-data-h3 { margin: 40px 0 30px 0; font-size: 15px; font-family: "Source-Sans-Pro-bold", sans-serif; } .popup-ammount-wrapper-2 { margin-right: -30px !important; } .zero-hover-pfm .pfm-cat-subCat { cursor: default !important; pointer-events: none !important; } .zero-hover-pfm .pfm-cat-subCat:hover { background-color: transparent !important; cursor: default !important; pointer-events: none !important; } .zero-hover-pfm .pfm-cat-subCat:hover .payment-filter-payment { background-color: transparent !important; } .zero-hover-pfm .pfm-cat-subCat:hover .payments-ico { background-color: #FFFFFF !important; } .zero-hover-pfm .pfm-cat-subCat .payment-filter-payment { cursor: default !important; pointer-events: none !important; } .block-card-popup #messageBoxElement { text-align: center; } .block-card-popup .ui-dialog-buttonset { display: block !important; } .block-card-popup .ui-dialog-buttonset .ui-button:nth-child(1) { float: right; background-color: #0a79b8 !important; color: #0a79b8 !important; border-color: #0a79b8; } .block-card-popup .ui-dialog-buttonset .ui-button:nth-child(1):hover { background-color: #2A7F00 !important; } .block-card-popup .ui-dialog-buttonset .ui-button:nth-child(2) { float: left; background-color: #FFFFFF !important; color: #000000 !important; } .block-card-popup .ui-dialog-buttonset .ui-button:nth-child(2):hover { background-color: #E8E9EC !important; } .dashboard-home .Chart { display: none !important; } .cardActivationDialog .group-inner { margin-bottom: 20px !important; } .active-card-status { color: rgba(0, 0, 0, 0.54) !important; padding-left: 4px; padding-right: 5px; } .pfm-budgeting-boxes-wrapper, #gvFinanceTurnover { margin-bottom: 80px !important; } .tagIsSelected { background-color: #0a79b8 !important; cursor: default !important; } .tagIsSelected p { color: #FFFFFF !important; } .tagIsSelected .tag-icon-ico { transform: translateY(-50%) rotate(45deg) !important; fill: #FFFFFF !important; } .tagIsSelected:hover .tag-icon-ico { fill: red !important; } html { overflow-y: scroll; } .space-evenly { justify-content: space-evenly; } .cardInfoStatusDisplay { text-transform: uppercase; display: inline-block; } .cardInfoStatusDisplay::first-letter { text-transform: uppercase; } .ui-dialog.selectLegalEntityDialog.details-dialog { min-width: 800px !important; max-height: 600px !important; position: fixed !important; top: 50% !important; border-radius: 16px; padding: 40px 20px 75px; box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.16); background-color: #ebf0f5; } .ui-dialog.selectLegalEntityDialog.details-dialog .ui-dialog-titlebar { border: none; background: transparent; font-family: Sarabun, sans-serif; color: #353f4a; margin-bottom: 30px; padding: 0; text-align: center; font-weight: normal; font-size: 20px; width: 100%; display: none; } .ui-dialog.selectLegalEntityDialog.details-dialog .ui-dialog-titlebar:before { content: ""; display: table; width: 40px; height: 6px; border-radius: 6px; margin: auto; margin-bottom: 5px; background-color: #0a79b8; } .ui-dialog.selectLegalEntityDialog.details-dialog .ui-dialog-titlebar .ui.dialog-titlebar-close { top: 15%; right: 1.3em; } .ui-dialog.selectLegalEntityDialog.details-dialog .selectLegalEntity-title { justify-content: center; } .ui-dialog.selectLegalEntityDialog.details-dialog .selectLegalEntity-title h3:before { content: ""; display: table; width: 40px; height: 6px; border-radius: 6px; margin: auto; margin-bottom: 5px; background-color: #0a79b8; } .ui-dialog.selectLegalEntityDialog.details-dialog .selectLegalEntity-title .all-account-close { position: absolute; right: 40px; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); } .ui-dialog.selectLegalEntityDialog.details-dialog .selectLegalEntity-title .all-account-close svg { position: absolute; width: 12px; height: 12px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ui-dialog.selectLegalEntityDialog.details-dialog .ui-dialog-content .entity-box { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-height: 72px; padding: 14px 20px 14px 24px; background-color: #fff; border-radius: 20px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); -webkit-transition: box-shadow .5s; transition: box-shadow .5s; cursor: pointer; } .ui-dialog.selectLegalEntityDialog.details-dialog .ui-dialog-content .entity-box:not(:last-child) { margin-bottom: 8px; } .ui-dialog.selectLegalEntityDialog.details-dialog .ui-dialog-content .entity-box .entity-box-col-1 { width: 60%; padding-right: 8px; } .ui-dialog.selectLegalEntityDialog.details-dialog .ui-dialog-content .entity-box .entity-box-col-1 .page-text { font-weight: bold; } .ui-dialog.selectLegalEntityDialog.details-dialog .ui-dialog-content .entity-box .entity-box-col-2 { width: 23%; padding-right: 8px; border-right: 1px dotted rgba(0, 0, 0, 0.54); } .ui-dialog.selectLegalEntityDialog.details-dialog .ui-dialog-content .entity-box .entity-box-col-2 p:first-child { margin-bottom: 3px; } .ui-dialog.selectLegalEntityDialog.details-dialog .ui-dialog-content .entity-box .entity-box-col-2 .page-text-4 { font-weight: bold; } .ui-dialog.selectLegalEntityDialog.details-dialog .ui-dialog-content .entity-box .entity-box-col-3 { width: 17%; padding-left: 15px; } .ui-dialog.selectLegalEntityDialog.details-dialog .ui-dialog-content .entity-box .entity-box-col-3 p:first-child { margin-bottom: 3px; } .ui-dialog.selectLegalEntityDialog.details-dialog .clientGrid tbody tr:hover { background: #e9e9e9 !important; } .ui-dialog.details-dialog.accountUndueLiabilities, .ui-dialog.details-dialog.cardUndueLiabilities, .ui-dialog.details-dialog.futureInstallmentsDialog { min-width: 1044px !important; max-height: 600px !important; position: fixed !important; top: 50% !important; transform: translateY(-50%) !important; border-radius: 16px; padding: 40px !important; box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.16); background-color: #fff !important; } .ui-dialog.details-dialog.accountUndueLiabilities .ui-dialog-titlebar, .ui-dialog.details-dialog.cardUndueLiabilities .ui-dialog-titlebar, .ui-dialog.details-dialog.futureInstallmentsDialog .ui-dialog-titlebar { display: none; } .ui-dialog.details-dialog.accountUndueLiabilities .ui-dialog-content, .ui-dialog.details-dialog.cardUndueLiabilities .ui-dialog-content, .ui-dialog.details-dialog.futureInstallmentsDialog .ui-dialog-content { height: auto !important; } .ui-dialog.details-dialog.accountUndueLiabilities .modal-title-wrapper .left-title p, .ui-dialog.details-dialog.cardUndueLiabilities .modal-title-wrapper .left-title p, .ui-dialog.details-dialog.futureInstallmentsDialog .modal-title-wrapper .left-title p { font-family: "pt_sansregular", sans-serif !important; font-weight: bold; } .ui-dialog.details-dialog.accountUndueLiabilities .modal-title-wrapper .btn-1, .ui-dialog.details-dialog.cardUndueLiabilities .modal-title-wrapper .btn-1, .ui-dialog.details-dialog.futureInstallmentsDialog .modal-title-wrapper .btn-1 { background: linear-gradient(45deg, #006de6, #00b2e6); border: none; margin: 0; min-width: 160px; color: #fff; } .ui-dialog.details-dialog.accountUndueLiabilities .modal-title-wrapper .modal-title, .ui-dialog.details-dialog.cardUndueLiabilities .modal-title-wrapper .modal-title, .ui-dialog.details-dialog.futureInstallmentsDialog .modal-title-wrapper .modal-title { font-weight: bold; } .ui-dialog.details-dialog.accountUndueLiabilities .modal-inner .salaries-form-container, .ui-dialog.details-dialog.cardUndueLiabilities .modal-inner .salaries-form-container, .ui-dialog.details-dialog.futureInstallmentsDialog .modal-inner .salaries-form-container { border: 1px solid #d7dde4; padding: 25px; } .ui-dialog.details-dialog.accountUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper, .ui-dialog.details-dialog.cardUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper, .ui-dialog.details-dialog.futureInstallmentsDialog .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper { overflow-x: auto; } .ui-dialog.details-dialog.accountUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .active, .ui-dialog.details-dialog.cardUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .active, .ui-dialog.details-dialog.futureInstallmentsDialog .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .active { border: none !important; } .ui-dialog.details-dialog.accountUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .cols-wrap, .ui-dialog.details-dialog.cardUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .cols-wrap, .ui-dialog.details-dialog.futureInstallmentsDialog .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .cols-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .ui-dialog.details-dialog.accountUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter, .ui-dialog.details-dialog.cardUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter, .ui-dialog.details-dialog.futureInstallmentsDialog .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter { min-width: 912px; } .ui-dialog.details-dialog.accountUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box, .ui-dialog.details-dialog.cardUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box, .ui-dialog.details-dialog.futureInstallmentsDialog .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box { padding: 5px 0 5px 5px; position: relative; } .ui-dialog.details-dialog.accountUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box .payment-filter-ico, .ui-dialog.details-dialog.cardUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box .payment-filter-ico, .ui-dialog.details-dialog.futureInstallmentsDialog .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box .payment-filter-ico { position: absolute; right: unset; display: inline; float: right; top: 7px; } .ui-dialog.details-dialog.accountUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box p, .ui-dialog.details-dialog.cardUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box p, .ui-dialog.details-dialog.futureInstallmentsDialog .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box p { text-wrap: nowrap; } .ui-dialog.details-dialog.accountUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box .page-text-2, .ui-dialog.details-dialog.cardUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box .page-text-2, .ui-dialog.details-dialog.futureInstallmentsDialog .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box .page-text-2 { padding-right: 10px; display: inline-block; margin-bottom: 15px; line-height: 1; -webkit-transition: color .5s; transition: color .5s; } .ui-dialog.details-dialog.accountUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-2, .ui-dialog.details-dialog.cardUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-2, .ui-dialog.details-dialog.futureInstallmentsDialog .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-2 { width: 16.66667%; } .ui-dialog.details-dialog.accountUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-4, .ui-dialog.details-dialog.cardUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-4, .ui-dialog.details-dialog.futureInstallmentsDialog .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-4 { width: 33.33333%; } .ui-dialog.details-dialog.accountUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-1, .ui-dialog.details-dialog.cardUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-1, .ui-dialog.details-dialog.futureInstallmentsDialog .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-1 { width: 8.33333%; } .ui-dialog.details-dialog.accountUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-3, .ui-dialog.details-dialog.cardUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-3, .ui-dialog.details-dialog.futureInstallmentsDialog .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-3 { width: 25%; } .ui-dialog.details-dialog.accountUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .small-offset-left, .ui-dialog.details-dialog.cardUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .small-offset-left, .ui-dialog.details-dialog.futureInstallmentsDialog .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .small-offset-left { padding-left: 30px; } .ui-dialog.details-dialog.accountUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper, .ui-dialog.details-dialog.cardUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper, .ui-dialog.details-dialog.futureInstallmentsDialog .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper { min-width: 912px; } .ui-dialog.details-dialog.accountUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap div, .ui-dialog.details-dialog.cardUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap div, .ui-dialog.details-dialog.futureInstallmentsDialog .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap div { padding: 5px 0 5px 5px; } .ui-dialog.details-dialog.accountUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-2, .ui-dialog.details-dialog.cardUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-2, .ui-dialog.details-dialog.futureInstallmentsDialog .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-2 { width: 16.66667%; } .ui-dialog.details-dialog.accountUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-4, .ui-dialog.details-dialog.cardUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-4, .ui-dialog.details-dialog.futureInstallmentsDialog .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-4 { width: 33.33333%; } .ui-dialog.details-dialog.accountUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-1, .ui-dialog.details-dialog.cardUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-1, .ui-dialog.details-dialog.futureInstallmentsDialog .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-1 { width: 8.33333%; } .ui-dialog.details-dialog.accountUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-3, .ui-dialog.details-dialog.cardUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-3, .ui-dialog.details-dialog.futureInstallmentsDialog .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-3 { width: 25%; } .ui-dialog.details-dialog.accountUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .small-offset-left, .ui-dialog.details-dialog.cardUndueLiabilities .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .small-offset-left, .ui-dialog.details-dialog.futureInstallmentsDialog .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .small-offset-left { padding-left: 30px; } .orderCommissionDialogPopup.accDetailsPopup .account-item-inner { top: 0 !important; } @media only screen and (max-width: 1600px) { .orderCommissionDialogPopup.accDetailsPopup .account-item-inner { height: 60vh; overflow: hidden; overflow-y: scroll; } } @media only screen and (max-width: 1300px) { .orderCommissionDialogPopup.accDetailsPopup .account-item-inner { height: 50vh; } } .orderCommissionDialogPopup.accDetailsPopup .account-item-inner .authData-wrapper { padding: 0; } .ui-dialog.details-dialog.accountStatementDetails { min-width: 1044px !important; position: fixed !important; top: 50% !important; transform: translateY(-50%) !important; border-radius: 16px; padding: 40px !important; box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.16); background-color: #fff !important; } .ui-dialog.details-dialog.accountStatementDetails .ui-dialog-content { max-height: 600px !important; overflow: auto; } .ui-dialog.details-dialog.accountStatementDetails .ui-dialog-content .modal-wrap .modal-title-wrapper .left-title p { font-family: "pt_sansregular", sans-serif !important; font-weight: bold; } .ui-dialog.details-dialog.accountStatementDetails .ui-dialog-content .modal-wrap .modal-inner span.number { font-family: "pt_sansregular", sans-serif !important; font-weight: bold; } .ui-dialog.details-dialog.accountStatementDetails .ui-dialog-content .modal-wrap .modal-table-footer { margin-right: 0; margin-left: auto; } .ui-dialog.details-dialog.accountStatementDetails .ui-dialog-buttonpane { display: none; } .ui-dialog.details-dialog.accountStatementDetails .ui-dialog-titlebar { display: none; } .ui-dialog.details-dialog.accountStatementDetails .modal-title-wrapper .modal-title { font-family: Source Sans Pro bold,sans-serif; font-size: 24px; letter-spacing: -.02em; text-align: center; color: #191e39; margin-bottom: 0px; font-weight: bold; } .ui-dialog.details-dialog.accountStatementDetails .modal-title-wrapper .btn-1 { background: linear-gradient(45deg, #006de6, #00b2e6); border: none; margin: 0; min-width: 160px; color: #fff; } .ui-dialog.details-dialog.accountStatementDetails .modal-title-wrapper .btn-2 { min-width: 140px; border: 1px solid #0a79b8; background-color: transparent; color: #0a79b8; border-radius: 6px; padding: 16px 17px; font-weight: bold; } .ui-dialog.details-dialog.accountStatementDetails .modal-inner .salaries-form-container { border: 1px solid #d7dde4; padding: 25px; } .ui-dialog.details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper { overflow-x: auto; } .ui-dialog.details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .cols-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .ui-dialog.details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter { min-width: 912px; } .ui-dialog.details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box { padding: 5px 10px 5px 5px; position: relative; /*.payment-filter-ico.inactive-arrow { opacity: 0; }*/ } .ui-dialog.details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box .payment-filter-ico { position: absolute; right: unset; display: inline; float: right; top: 7px; } .ui-dialog.details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box p { text-wrap: nowrap; } .ui-dialog.details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box .page-text-2 { padding-right: 10px; display: inline-block; margin-bottom: 15px; line-height: 1; -webkit-transition: color .5s; transition: color .5s; } .ui-dialog.details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box .right { text-align: right !important; } .ui-dialog.details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-2 { width: 16.66667%; } .ui-dialog.details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-4 { width: 33.33333%; } .ui-dialog.details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-1 { width: 8.33333%; } .ui-dialog.details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-3 { width: 25%; } .ui-dialog.details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .user-account-card { border-bottom: 1px solid #8294a8; border-bottom-left-radius: unset !important; border-bottom-right-radius: unset !important; margin-bottom: 30px; } .ui-dialog.details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper { min-width: 912px; } .ui-dialog.details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap div { padding: 5px 0px 5px 10px; } .ui-dialog.details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-2 { width: 16.66667%; } .ui-dialog.details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-4 { width: 33.33333%; } .ui-dialog.details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-1 { width: 8.33333%; } .ui-dialog.details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-3 { width: 25%; } .ui-dialog.details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .right { text-align: right !important; } .ui-dialog.details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .modal-table-footer p { float: right; } .ui-dialog.details-dialog.depositStatementDetails, .ui-dialog.details-dialog.cardStatementDetails { width: 1200px !important; border-radius: 12px; max-height: 90% !important; height: auto !important; top: 5% !important; overflow-y: auto; position: fixed; } .ui-dialog.details-dialog.depositStatementDetails .ui-dialog-titlebar, .ui-dialog.details-dialog.cardStatementDetails .ui-dialog-titlebar { border-radius: 12px; } .ui-dialog.details-dialog.depositStatementDetails .ui-dialog-titlebar-close span, .ui-dialog.details-dialog.cardStatementDetails .ui-dialog-titlebar-close span { background: url("images/close.png") no-repeat 2px 2px; display: block; background-size: cover; } .ui-dialog.details-dialog.depositStatementDetails .ui-dialog-content, .ui-dialog.details-dialog.cardStatementDetails .ui-dialog-content { overflow: unset !important; } .ui-dialog.right-dialog.details-dialog.formsDialog { width: 600px !important; } .Forms_FormV2 .s-widget-body-error-summary, .Forms_FormV2 .s-widget-body, .Forms_FormV2 .s-widget-title { display: none !important; } .formsDialog .DepositRequestAvista { height: 44vh; overflow-y: scroll; overflow-x: hidden; padding-right: 15px; } .formsDialog .DepositRequestAvista::-webkit-scrollbar { background: transparent; width: 5px; margin-bottom: 92px !important; } .formsDialog .DepositRequestAvista::-webkit-scrollbar-track { top: 20px; background: transparent; margin-bottom: 92px !important; } .formsDialog .DepositRequestAvista::-webkit-scrollbar-thumb { background-color: #0a79b8; border-radius: 5px; width: 4px; margin-bottom: 92px !important; } .formsDialog .alpaca-fieldset-item-container[data-alpaca-item-container-item-key="DepositLabel"] { display: none !important; } .formsDialog .rateFooter-avista { margin-top: 65px; } .formsDialog .rateFooter-avista .img-rate-wrapper { width: 250px; height: 250px; margin: auto; } .formsDialog .rateFooter-avista .img-rate-wrapper .img-rate { background-size: 250px !important; background-repeat: no-repeat; } .formsDialog .alpaca-form-buttons-container { position: fixed; border-top: none !important; } .formsDialog .digital-banking-side-steps-list { width: unset !important; max-width: unset !important; padding-right: 0px; height: fit-content; margin: auto !important; position: relative !important; float: none !important; } .formsDialog .optiscroll { padding: 0 20px !important; } .formsDialog .info.msg { text-align: center; max-width: 560px !important; } .formsDialog .budgeAddDialog-all-account-popup-title { margin-bottom: -100px; margin-top: 40px; } .formsDialog .budgeAddDialog-all-account-popup-title .all-account-close { top: 10px; } .formsDialog .StandingOrderInternalRequestDocuments, .formsDialog .StandingOrderInternalRequest { padding-right: 50px !important; overflow-y: scroll; overflow-x: hidden; height: 43vh; } .formsDialog .StandingOrderInternalRequestDocuments::-webkit-scrollbar, .formsDialog .StandingOrderInternalRequest::-webkit-scrollbar { background: transparent; width: 5px; } .formsDialog .StandingOrderInternalRequestDocuments::-webkit-scrollbar-track, .formsDialog .StandingOrderInternalRequest::-webkit-scrollbar-track { top: 20px; background: transparent; } .formsDialog .StandingOrderInternalRequestDocuments::-webkit-scrollbar-thumb, .formsDialog .StandingOrderInternalRequest::-webkit-scrollbar-thumb { background-color: #0a79b8; border-radius: 5px; width: 4px; } #spanErrMsg { margin-top: 10px !important; white-space: break-spaces !important; } .error-border-line { border: 1px solid red !important; } .disabled-continue-button { pointer-events: none !important; } .session .ui-dialog-buttonpane { margin-bottom: -30px; } .session .ui-dialog-buttonpane .ui-dialog-buttonset button { border: 1px solid #DCDCDC !important; background-color: #F5F5F5 !important; color: #52AE30 !important; } .limit-success-change .ui-dialog-titlebar { display: block !important; background: none !important; border: none !important; font-size: 24px; font-family: "Source-Sans-Pro-bold", sans-serif; } .limit-success-change .ui-dialog-titlebar:before { background-color: transparent !important; background-image: url(images/icons/limit-change-ico.png); background-repeat: no-repeat !important; background-size: 101px; width: 101px !important; height: 101px !important; } .limit-success-change .ui-dialog-titlebar button { display: none !important; } .limit-success-change .ui-dialog-titlebar .ui-dialog-title { width: 100% !important; white-space: normal !important; } .accounts-cards-sa .accOfficer .input-wrapper .acc-card-icon { width: 40px; height: 40px; float: left; margin-left: 15px; position: absolute; transform: translateY(-50%); top: 50%; } .accounts-cards-sa .accOfficer .input-wrapper .acc-card-icon svg { width: 27px; height: 27px; top: 50%; left: 50%; transform: translate(-50%, -50%); stroke: rgba(0, 0, 0, 0.87); position: absolute; margin-right: 15px; } .accounts-cards-sa .accOfficer .input-wrapper .acc-card-icon i { background-image: url(images/menu-icons/ico_cards@2x.png); background-size: 24px; top: 50%; left: 50%; transform: translate(-50%, -50%); background-repeat: no-repeat; width: 27px; height: 27px; position: absolute; background-position: 50% 50%; } .accounts-cards-sa .accOfficer .input-wrapper .toggle-btn { position: absolute; width: 40px; top: 50%; right: 25px; transform: translateY(-50%); border-radius: 20px; padding: 5px; transition: background-color .5s; background-color: #E1E1E1; pointer-events: none; } .accounts-cards-sa .accOfficer .input-wrapper .toggle-btn .toggle-btn-switch { display: block; width: 20px; height: 20px; border-radius: 50%; background-color: #FFFFFF; transition: transform .5s; } .accounts-cards-sa .accOfficer .input-wrapper .accounts-and-cards { position: relative; display: block; cursor: pointer; background: rgba(255, 255, 255, 0.6); padding: 8px 15px 8px 64px !important; border-radius: 40px !important; } .accounts-cards-sa .accOfficer .input-wrapper .accounts-and-cards p { margin-bottom: 0px !important; } .accounts-cards-sa .accOfficer .input-wrapper.active .toggle-btn { background-color: #0a79b8; } .accounts-cards-sa .accOfficer .input-wrapper.active .toggle-btn .toggle-btn-switch { transform: translateX(100%); } .accounts_html_promo .commercial-img { background: url("images/pictures/img-200.jpg") no-repeat center !important; } .paymentOverviewDetails .popup-ammount-wrapper { margin-right: -8% !important; } .paymentOverviewDetails .cancel-payment svg { border: 2px solid; border-color: #000000; border-radius: 100%; stroke: none !important; } .paymentOverviewDetails .transaction-popup-option:hover .cancel-payment svg { filter: invert(1); } .promo-banner-group { position: relative !important; } .promo-banner-group .commercial-text-wrapper { display: none; } .promo-banner-group.banner-group-bigger .commercial-img { min-height: 63%; height: 63%; cursor: pointer !important; } .promo-banner-group.banner-group-bigger .commercial-img p { margin-left: 10px; top: 74%; position: relative; } .promo-banner-group.banner-group-smaller .commercial-img { min-height: 37%; height: 37%; cursor: pointer !important; } .promo-banner-group.banner-group-smaller .commercial-img p { margin-left: 10px; top: 55%; position: relative; } .promo-banner-group.banner-group-right { margin-left: 5px !important; } .promo-banner-group.banner-group-right .commercial-wrapper { justify-content: flex-start !important; } .promo-banner-group.banner-group-right.banner-group-smaller { margin-top: 65px !important; margin-bottom: 5px !important; } .promo-banner-group.banner-group-right.banner-group-smaller .commercial-img { background: #2A7F00 !important; } .promo-banner-group.banner-group-right.banner-group-bigger { margin-top: 5px !important; margin-bottom: -220px !important; bottom: 196px; } .promo-banner-group.banner-group-right.banner-group-bigger .commercial-img { background-image: url("images/pictures/promo-card-18.jpg") !important; } .promo-banner-group.banner-group-left { margin-right: 5px !important; } .promo-banner-group.banner-group-left .commercial-wrapper { justify-content: flex-end !important; } .promo-banner-group.banner-group-left.banner-group-bigger { margin-top: 65px !important; margin-bottom: 5px !important; } .promo-banner-group.banner-group-left.banner-group-bigger .commercial-img { background-image: url("images/pictures/commericial-img.jpg") !important; } .promo-banner-group.banner-group-left.banner-group-smaller { margin-top: 5px !important; margin-bottom: -220px !important; bottom: 113px; } .promo-banner-group.banner-group-left.banner-group-smaller .commercial-img { background: #0a79b8 !important; } .no-yes-dialog.accountEditSlider, .no-yes-dialog.editName, .no-yes-dialog.accountEdit, .no-yes-dialog.LoginErrorDialog, .no-yes-dialog.editCardName { width: 300px; } .no-yes-dialog.accountEditSlider .page-text, .no-yes-dialog.editName .page-text, .no-yes-dialog.accountEdit .page-text, .no-yes-dialog.LoginErrorDialog .page-text, .no-yes-dialog.editCardName .page-text { text-align: center; font-family: "pt_sansregular", sans-serif !important; color: #353f4a; } .no-yes-dialog.accountEditSlider .p1, .no-yes-dialog.editName .p1, .no-yes-dialog.accountEdit .p1, .no-yes-dialog.LoginErrorDialog .p1, .no-yes-dialog.editCardName .p1 { margin-bottom: 5px; } .no-yes-dialog.accountEditSlider .group-inner, .no-yes-dialog.editName .group-inner, .no-yes-dialog.accountEdit .group-inner, .no-yes-dialog.LoginErrorDialog .group-inner, .no-yes-dialog.editCardName .group-inner { width: 100%; } .no-yes-dialog.accountEditSlider .ui-dialog-buttonset button, .no-yes-dialog.editName .ui-dialog-buttonset button, .no-yes-dialog.accountEdit .ui-dialog-buttonset button, .no-yes-dialog.LoginErrorDialog .ui-dialog-buttonset button, .no-yes-dialog.editCardName .ui-dialog-buttonset button { font-family: "Source-Sans-Pro", sans-serif !important; } .no-yes-dialog.loanEdit { width: 300px !important; } .no-yes-dialog.loanEdit .ui-dialog-title { color: #353f4a; } .no-yes-dialog.loanEdit .ui-dialog-titlebar:before { background-color: #002b4f; } .no-yes-dialog.loanEdit .page-text { font-family: "Source-Sans-Pro", sans-serif; text-align: left; } .no-yes-dialog.accountEditSlider { width: 378px !important; } .no-yes-dialog.editCardName { box-sizing: border-box; } .no-yes-dialog.editCardName .error-summary { text-align: center; color: red; } .no-yes-dialog.editCardName .page-text { text-align: center; margin-bottom: 5px; } .no-yes-dialog.editCardName .group-inner { width: 100%; margin-bottom: 50px; } .details-dialog.promoPopUp { animation: slide-up 1s ease-in-out; right: calc(50% - 274px) !important; } .details-dialog.promoPopUp .promoDetail.promoPopUp { height: calc(95vh - 20px) !important; } .details-dialog.promoPopUp .account-inter-inner-scroll { margin-top: 20px; } .details-dialog.promoPopUp .discount-popup-img-wrapper { width: calc(100% + 40px) !important; height: 330px; max-height: 330px; margin: 0 -40px 20px 0; border-radius: 30px 0 0 30px; overflow: hidden; } .details-dialog.promoPopUp .discount-popup-img-wrapper .promo-card-img { background-image: url("images/pictures/preapproved_banner.jpg"); box-shadow: inset -50px -75px 70px 50px rgba(0, 0, 0, 0.4); } .details-dialog.promoPopUp .all-account-close { position: absolute; right: 40px; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); } .details-dialog.promoPopUp .all-account-close svg { position: absolute; width: 12px; height: 12px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .details-dialog.promoPopUp .all-account-popup-title { padding: 0 90px; text-align: center; margin-bottom: 20px; } .details-dialog.promoPopUp .promo-detail-text-wrapper { text-align: center; overflow-wrap: break-word; padding: 0px 40px 0px 40px; } .details-dialog.promoPopUp .popup-btn-wrapper { position: absolute; width: calc(100% - 80px); bottom: 30px; } .details-dialog.promoPopUp .popup-btn-wrapper .btn-1 { background-color: #0a79b8; color: #FFFFFF; } .details-dialog.promoPopUp .promo-popup-bottom-text { z-index: 1 !important; position: absolute; bottom: 0 !important; color: #FFFFFF; padding: 0px 40px 20px 40px; } .blur-background { filter: blur(2px); transition: filter .5s ease; } .display-block { display: block !important; } .modal-box.otp-confirm-token { position: relative !important; overflow: hidden !important; display: block !important; } .modal-box.otp-confirm-token .modal-wrap { box-shadow: none !important; padding: 40px 0px 0px 0px !important; } .margin-wrapper { margin-left: 40px !important; margin-right: 40px !important; } .avistaV2 { margin-top: 50px; height: calc(100vh - 400px) !important; display: flex; flex-wrap: wrap; justify-content: center; } .full-width { width: 100%; } .group-inner { margin-bottom: 30px; } .group-inner.filter { max-width: 188px; margin: 0 8px; } .group-inner.filter .dk-selected { padding: 11px 35px 11px 16px; transform: none; } .group-inner.filter .select-1.dk-select-open-down .dk-selected, .group-inner.filter .select-1.dk-select-open-up .dk-selected { border-radius: 6px 6px 0 0; border-bottom: transparent; border-right: transparent; border-color: #0faaea; } .group-inner.filter .dk-select-options { padding: 0; height: auto; } body.accountTurnoverFilter-dashbord .accountTurnoverFilter { display: none !important; } body.accountTurnoverFilter-dashbord .cardTurnoverFilter { display: none !important; } body.accountTurnoverFilter-dashbord #AccountTurnoverContent .pdf-wrapper { display: none; } body.cardTurnoverFilter-dashbord .cardTurnoverFilter { display: none !important; } .AccountTurnover button.print { border: 0; cursor: pointer; } .AccountTurnover, .CardTurnover, .DepositTurnoverCorporate, .CardSpendingCorporate { padding-bottom: 20px; } .AccountTurnover .group-inner, .CardTurnover .group-inner, .DepositTurnoverCorporate .group-inner, .CardSpendingCorporate .group-inner { margin-bottom: 30px; } .AccountTurnover .group-inner .dk-selected, .CardTurnover .group-inner .dk-selected, .DepositTurnoverCorporate .group-inner .dk-selected, .CardSpendingCorporate .group-inner .dk-selected { padding: 11px 35px 11px 16px; transform: none; } .AccountTurnover .group-inner .select-1.dk-select-open-down .dk-selected, .AccountTurnover .group-inner .select-1.dk-select-open-up .dk-selected, .CardTurnover .group-inner .select-1.dk-select-open-down .dk-selected, .CardTurnover .group-inner .select-1.dk-select-open-up .dk-selected, .DepositTurnoverCorporate .group-inner .select-1.dk-select-open-down .dk-selected, .DepositTurnoverCorporate .group-inner .select-1.dk-select-open-up .dk-selected, .CardSpendingCorporate .group-inner .select-1.dk-select-open-down .dk-selected, .CardSpendingCorporate .group-inner .select-1.dk-select-open-up .dk-selected { border-radius: 6px 6px 0 0; border-bottom: transparent; border-right: transparent; border-color: #0faaea; } .AccountTurnover .group-inner .dk-select-options, .CardTurnover .group-inner .dk-select-options, .DepositTurnoverCorporate .group-inner .dk-select-options, .CardSpendingCorporate .group-inner .dk-select-options { padding: 0; padding-top: 40px; height: auto; display: none; } .AccountTurnover .select-1 .dk-select-options, .CardTurnover .select-1 .dk-select-options, .DepositTurnoverCorporate .select-1 .dk-select-options, .CardSpendingCorporate .select-1 .dk-select-options { width: 100%; position: absolute; top: 0; left: 0; border: 1px solid #0faaea; border-top: none; background: #fff; opacity: 1; visibility: hidden; -webkit-transition: opacity .1s ease,visibility .1s ease; transition: opacity .1s ease,visibility .1s ease; max-height: 300px; overflow: auto; z-index: 20; border-radius: 6px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12); } .group-inner { margin-bottom: 30px; } .group-inner .dk-selected { padding: 11px 35px 11px 16px; transform: none; } .group-inner .select-1.categories.dk-select-open-down .dk-selected, .group-inner .select-1.dcategories.k-select-open-up .dk-selected { border-radius: 6px 6px 0 0; border-bottom: transparent; border-color: #0faaea; } .group-inner .dk-select-options { padding: 0; padding-top: 40px; height: auto; } .select-1 { position: relative; } .select-1:before { height: 30px; background: #fff; top: 30px; } .select-1 .dk-selected { box-sizing: border-box; height: 48px; font-family: Source Sans Pro,sans-serif; font-size: 15px; color: #191e39; padding: 11px 35px 11px 16px; border: 1px solid #b4bfcb; background: #fff; border-radius: 6px; outline: none; position: relative; cursor: pointer; z-index: 21; } .select-1 .dk-selected:after { content: ""; display: block; width: 16px; height: 100%; position: absolute; top: 0; right: 15px; background: url(images/icons/arrow-down.png) 50% no-repeat; background-size: 16px; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; } .select-1 .dk-select-options { width: 100%; position: absolute; top: 0px; left: 0px; border: 1px solid #0faaea; border-top: none; background: #fff; opacity: 1; visibility: hidden; -webkit-transition: opacity .1s ease,visibility .1s ease; transition: opacity .1s ease,visibility .1s ease; max-height: 300px; overflow: auto; z-index: 99; padding-top: 0; top: 40px; border-radius: 0 0 6px 6px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12); box-sizing: border-box; } .select-1 .dk-option { padding: 16px; -webkit-transition: color .3s ease; transition: color .3s ease; cursor: pointer; font-family: Source Sans Pro,sans-serif; font-size: 15px; color: #191e39; text-align: left; background: transparent; -webkit-transition: background .3s; transition: background .3s; } .select-1 .dk-option:hover { background-color: #f8f9fb; } .select-1 .dk-option-selected { background-color: #f8f9fb; } .select-1.dk-select-open-down, .select-1.dk-select-open-up { z-index: 22; } .select-1.dk-select-open-down .dk-select-options, .select-1.dk-select-open-up .dk-select-options { opacity: 1; visibility: visible; } .select-1:after, .select-1:before { content: ""; width: 100%; position: absolute; left: 0; opacity: 0; pointer-events: none; -webkit-transition: opacity .3s; transition: opacity .3s; } .multiple-inputs-line .select-1 .dk-selected { max-height: 49px; } .select-1.dk-select-open-down .dk-selected:after, .select-1.dk-select-open-up .dk-selected:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .select-scroll .dk-select-options { height: auto; overflow: hidden; } .exchange-form-wrapper { padding: 0 40px; border-right: 1px dotted #8294a8; } .exchange-form-wrapper .s-widget-title { font-weight: bold; } .exchange-form-wrapper label { padding: 0 16px; display: block; } .exchange-form-wrapper .dk-select-options { width: -webkit-calc(100% - 2px); width: calc(100% - 2px); left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); overflow: auto; } .exchange-form-wrapper .input-wrapper.border { padding-bottom: 40px; border-bottom: 1px solid #8294a8; } .exchange-form-wrapper .input-wrapper.borderTop { padding-top: 40px; border-top: 1px solid #8294a8; } .exchange-form-wrapper .btn-2 { display: block; max-width: 292px; margin: auto; width: 100%; } .exchange-form-wrapper .btn-2:hover { box-shadow: 0 0 14px rgba(54, 60, 164, 0.4); } .exchange-form-wrapper .btn-2.gradient-2 { background: linear-gradient(-135deg, #00c6ff, #0079ff); } .exchange-form-wrapper select.select-scroll { display: none; } .exchange-form-wrapper .information a { color: #0a79b8; text-decoration: underline; text-underline-offset: 2px; } .exchange-form-wrapper .group-inner.currency { margin-top: 6px; width: 27%; } .exchange-form-wrapper .dk-select.select-1.dk-select-open-down { /* z-index: 22; border-radius: 6px; border-color: #0faaea;*/ } .exchange-form-wrapper .dk-select.select-1.dk-select-open-down .dk-selected { border-radius: 6px 6px 0 0; border-bottom: transparent; border-color: #0faaea; } .exchange-form-wrapper .dk-select.select-1.dk-select-open-down .dk-select-options { height: auto; top: 48px !important; } .ExchangeOfficeOverviewCorporateV2 .filterButton, .OrderPackageReportCorporateV3 .filterButton, .OrdersFromOrderPackagesListCorporateV3 .filterButton { margin-top: 20px; } .DomesticOrderReportCorporateV3 .transaction-filter-inner, .ForeignOrderReportCorporateV3 .transaction-filter-inner { flex-wrap: wrap; } .DomesticOrderReportCorporateV3 .transaction-filter-inner .group-inner, .ForeignOrderReportCorporateV3 .transaction-filter-inner .group-inner { min-width: 200px; } .DomesticOrderReportCorporateV3 .btn-1.color-1::before, .ForeignOrderReportCorporateV3 .btn-1.color-1::before { width: 0%; } .DomesticOrderReportCorporateV3 .btn-1 .icon.higher, .ForeignOrderReportCorporateV3 .btn-1 .icon.higher { max-height: 23px; } .DomesticOrderReportCorporateV3 .filterButton, .ForeignOrderReportCorporateV3 .filterButton { margin-top: 34px; } .btn-1.logout { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 12px 11px; min-height: unset; margin: 0 8px; } .btn-1.logout.table { margin: unset; padding: 10px 12px !important; margin: 0 8px; } .pdf-download { font-family: Source Sans Pro bold,sans-serif; font-weight: 600; max-height: 40px; padding: 10px; margin-left: 16px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); -webkit-transition: box-shadow .5s,background-color .5s; transition: box-shadow .5s,background-color .5s; } .pdf-download:hover { box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.08); background-color: rgba(10, 121, 184, 0.1) !important; } .pdf-download .page-text { padding: 0 0 0 10px; line-height: 1; position: relative; top: 0; } .pdf-ico { width: 20px; height: 20px; } .button-wrapper { justify-content: end; align-items: center; gap: 6px; } .button-wrapper .login-download-wrap { justify-content: end; } .button-wrapper .login-download-wrap .currency-exchange { top: unset; right: unset; position: relative; margin-right: 17px; } .button-wrapper .login-download-wrap .background-2 { background-color: #fff; } .button-wrapper .login-download-wrap .text-color-3 { color: #0a79b8 !important; } .button-wrapper .login-download-wrap .pdf-download { border-radius: 6px; border: 1px solid #0a79b8; color: #0a79b8; margin: 0; box-shadow: none; padding: 9px 10px 10px; } .button-wrapper .login-download-wrap .pdf-download .page-text { text-transform: unset; } .button-wrapper .login-download-wrap .pdf-download svg { fill: #0a79b8; stroke: #0a79b8; } .button-wrapper .login-download-wrap .pdf-download:hover { background-color: rgba(10, 121, 184, 0.1); } .button-wrapper .btn-1.color-1::before { display: none; } .button-wrapper .btn-1 .icon { max-height: 22px; } .user-intro-select-wrapper { text-align: center; position: relative; margin: 0; z-index: 2; right: 0; top: 0; font-size: 0; margin-bottom: 40px; margin-top: 0px; } .user-intro-select-wrapper .background-2 { background-color: #ebecf2; } .user-intro-select-wrapper .element-border { border-radius: 4px; } .ExchangeOfficeServerOverviewCorporateV2 { margin-top: 60px; } .ExchangeOfficeServerOverviewCorporateV2 .s-widget-title { margin-bottom: 0px; } .payment-filter-pag-wrapper { border-top: 1px solid #8294a8; border-bottom: 1px solid #8294a8; padding-top: 15px; margin-bottom: 15px; } .under-table-notif { padding: 5px 20px 0; font-weight: 600; } .under-table-notif p { display: inline-block; } /*.background-8 { background-color: #000; }*/ .CurrencyCalculator { position: relative; padding: 0 40px 10px; /*.input-1[disabled] { background-color: #fff; }*/ } .CurrencyCalculator .s-widget-title { margin-bottom: 33px !important; } .CurrencyCalculator .s-widget-body { margin-top: 27px; } .CurrencyCalculator .form-error-message-block { top: 30px; } .CurrencyCalculator .currency-selector .payment-filter-payment { width: -webkit-calc(100% - 60px); width: calc(100% - 60px); padding: 0; } .CurrencyCalculator .dot-menu.no-background { background: unset; background-color: #fff; } .CurrencyCalculator .group-inner { width: auto; position: relative; } .CurrencyCalculator .group-inner input { padding: 0px; height: 48px; padding-left: 16px; } .CurrencyCalculator .popup-content { right: 0; max-height: 240px; overflow-y: overlay; } .CurrencyCalculator .popup-content::-webkit-scrollbar { background: transparent; border-radius: 16px; width: 5px; margin-top: 10px !important; margin-bottom: 10px !important; } .CurrencyCalculator .popup-content::-webkit-scrollbar-track { background: transparent; border-radius: 16px; margin-top: 10px !important; margin-bottom: 10px !important; } .CurrencyCalculator .popup-content::-webkit-scrollbar-thumb { background: #d7dde4; border-radius: 16px; margin-top: 10px !important; margin-bottom: 10px !important; } .CurrencyCalculator .popup-content .dot-decoration { top: -14px; right: 15px !important; } .CurrencyCalculator .activity-popup-filter .page-text.active, .CurrencyCalculator .activity-popup-filter .page-text:hover { color: #006de6; } .CurrencyCalculator .currency-flag { background-size: 100% 100%; width: 40px; height: 40px; } .ExchangeOffice { position: relative; } .ExchangeOffice .s-widget-title { margin-bottom: 40px; } .ExchangeOffice .form-error-message-block { top: 30px; } .CurrencyCalculator.dashboard { padding-left: 0px; margin-top: 55px; } .CurrencyCalculator.dashboard .s-widget-body { margin-top: 60px; } .CurrencyCalculator.dashboard .currency-converter-wrapper { padding: 0 60px 0 40px; border-right: 1px dotted #8294a8; } .CurrencyCalculator.dashboard .currency-converter-wrapper .currency-selector { margin-bottom: 30px !important; } .CurrencyCalculator.dashboard .currency-converter-wrapper .currency-selector .payments-ico { border-radius: 50%; } .CurrencyCalculator.dashboard .currency-converter-wrapper .group-inner { margin-bottom: 30px !important; } .CurrencyCalculator.dashboard .currency-converter-wrapper .group-inner .btn-2 { width: 100%; border-radius: 6px; box-shadow: none; background: linear-gradient(90deg, #0079ff, #00c6ff); } .CurrencyCalculator.dashboard .currency-converter-wrapper .group-inner .btn-2:hover { background: linear-gradient(90deg, #006de6, #00b2e6); } .CurrencyCalculator.dashboard .currency-converter-wrapper .group-inner:nth-child(4) { margin-bottom: 99px !important; } .CurrencyExchangeV2 { margin-top: 30px; } @media only screen and (max-width: 1500px) { .CurrencyExchangeV2 { width: 100% !important; } } .CurrencyExchangeV2 .tableFilter { margin-top: 60px; } .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .transaction-filter-box .dk-select.select-1 .dk-selected { padding: 11px 35px 12px 16px; height: 40px; } .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .transaction-filter-box .dk-select.select-1 .dk-select-options { padding: 11px 0px 11px 0px; } .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .transaction-filter-box .dk-select.select-1.dk-select-open-down .dk-selected { border-radius: 6px 6px 0 0; border-bottom: transparent; border-color: #0faaea; } .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .group-inner .label-1 { white-space: nowrap; } .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .group-inner .dk-select-options { padding-top: 40px !important; } .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .group-inner.transaction-filter-box.input-select-1 .dk-select-options { padding-top: unset !important; } .CurrencyExchangeV2 .clientGrid thead th.align-center div { justify-content: start; } .CurrencyExchangeV2 .clientGrid thead th { cursor: pointer; } .CurrencyExchangeV2.dashboard, .CurrencyExchangeV2 { position: relative; } .CurrencyExchangeV2.dashboard .s-widget-title, .CurrencyExchangeV2 .s-widget-title { font-weight: bold; top: 30px; } .CurrencyExchangeV2.dashboard .tablesaw td, .CurrencyExchangeV2 .tablesaw td { padding: 0.3em 0.7em; } .CurrencyExchangeV2.dashboard .tableFilter, .CurrencyExchangeV2 .tableFilter { margin-bottom: 30px; } .CurrencyExchangeV2.dashboard .tableFilter .transaction-filter-inner .transaction-filter-box, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .transaction-filter-box { width: 23%; margin: 0px 8px; margin-bottom: 10px !important; } .CurrencyExchangeV2.dashboard .clientGrid thead tr, .CurrencyExchangeV2 .clientGrid thead tr { border-bottom: 1px solid #C7C7C7; } .CurrencyExchangeV2.dashboard .clientGrid tbody:before, .CurrencyExchangeV2 .clientGrid tbody:before { content: "@"; display: block; line-height: 20px; text-indent: -99999px; } .CurrencyExchangeV2.dashboard .clientGrid tbody tr, .CurrencyExchangeV2 .clientGrid tbody tr { margin-bottom: 5px; } .CurrencyExchangeV2.dashboard .clientGrid tbody tr:first-child, .CurrencyExchangeV2 .clientGrid tbody tr:first-child { border-top: none !important; } .CurrencyExchangeV2.dashboard .clientGrid tbody tr td, .CurrencyExchangeV2 .clientGrid tbody tr td { line-height: 24px; } #content_wrap.active .dk-selected { z-index: 0; } .popup-buttons-wrapper { padding: 20px; } .popup-buttons-wrapper.commission { position: absolute; bottom: 40px; width: 100%; box-sizing: border-box; } .popup-buttons-wrapper .btn-1.color-2 { border: 1px solid #0a79b8; background-color: transparent; color: #0a79b8; } .popup-buttons-wrapper .btn-1.color-2:hover { background-color: rgba(10, 121, 184, 0.1); } .popup-buttons-wrapper .btn-2.gradient { background: linear-gradient(45deg, #006de6, #00b2e6); } .btn-1.triple-button-popup { width: 30%; } .btn-1.double-button-popup { width: 45%; } .btn-1.single-button-popup { width: 100%; } .btn-2.triple-button-popup { width: 30%; padding: 15px 14px; } .btn-2.double-button-popup { width: 45%; padding: 15px 14px; } .ui-dialog:not(.right-dialog).visible.crontoDialog, .ui-dialog:not(.right-dialog).visible.packageSelectDialog, .ui-dialog:not(.right-dialog).visible.creditorTemplateDialog, .ui-dialog:not(.right-dialog).visible.creditorTemplateDialogPublic, .ui-dialog:not(.right-dialog).visible.domesticDialog, .ui-dialog:not(.right-dialog).visible.domesticPublicDialog, .ui-dialog:not(.right-dialog).visible.createUserAccountDialog, .ui-dialog:not(.right-dialog).visible.debitAccountSelectDialog, .ui-dialog:not(.right-dialog).visible.inflowsManaging, .ui-dialog:not(.right-dialog).visible.changePassword { left: 50% !important; transform: translate(-50%, -50%) !important; max-width: none; overflow: hidden; } .ui-dialog:not(.right-dialog).visible.crontoDialog .content-container, .ui-dialog:not(.right-dialog).visible.packageSelectDialog .content-container, .ui-dialog:not(.right-dialog).visible.creditorTemplateDialog .content-container, .ui-dialog:not(.right-dialog).visible.creditorTemplateDialogPublic .content-container, .ui-dialog:not(.right-dialog).visible.domesticDialog .content-container, .ui-dialog:not(.right-dialog).visible.domesticPublicDialog .content-container, .ui-dialog:not(.right-dialog).visible.createUserAccountDialog .content-container, .ui-dialog:not(.right-dialog).visible.debitAccountSelectDialog .content-container, .ui-dialog:not(.right-dialog).visible.inflowsManaging .content-container, .ui-dialog:not(.right-dialog).visible.changePassword .content-container { overflow: hidden; } .ui-dialog:not(.right-dialog).visible.crontoDialog .crontoDialog:before, .ui-dialog:not(.right-dialog).visible.crontoDialog .packageSelectDialog:before, .ui-dialog:not(.right-dialog).visible.crontoDialog .creditorTemplateDialog:before, .ui-dialog:not(.right-dialog).visible.crontoDialog .creditorTemplateDialogPublic:before, .ui-dialog:not(.right-dialog).visible.crontoDialog .createUserAccountDialog:before, .ui-dialog:not(.right-dialog).visible.crontoDialog .languageSelectDialog:before, .ui-dialog:not(.right-dialog).visible.crontoDialog .debitAccountSelectDialog:before, .ui-dialog:not(.right-dialog).visible.crontoDialog .changePassword:before, .ui-dialog:not(.right-dialog).visible.packageSelectDialog .crontoDialog:before, .ui-dialog:not(.right-dialog).visible.packageSelectDialog .packageSelectDialog:before, .ui-dialog:not(.right-dialog).visible.packageSelectDialog .creditorTemplateDialog:before, .ui-dialog:not(.right-dialog).visible.packageSelectDialog .creditorTemplateDialogPublic:before, .ui-dialog:not(.right-dialog).visible.packageSelectDialog .createUserAccountDialog:before, .ui-dialog:not(.right-dialog).visible.packageSelectDialog .languageSelectDialog:before, .ui-dialog:not(.right-dialog).visible.packageSelectDialog .debitAccountSelectDialog:before, .ui-dialog:not(.right-dialog).visible.packageSelectDialog .changePassword:before, .ui-dialog:not(.right-dialog).visible.creditorTemplateDialog .crontoDialog:before, .ui-dialog:not(.right-dialog).visible.creditorTemplateDialog .packageSelectDialog:before, .ui-dialog:not(.right-dialog).visible.creditorTemplateDialog .creditorTemplateDialog:before, .ui-dialog:not(.right-dialog).visible.creditorTemplateDialog .creditorTemplateDialogPublic:before, .ui-dialog:not(.right-dialog).visible.creditorTemplateDialog .createUserAccountDialog:before, .ui-dialog:not(.right-dialog).visible.creditorTemplateDialog .languageSelectDialog:before, .ui-dialog:not(.right-dialog).visible.creditorTemplateDialog .debitAccountSelectDialog:before, .ui-dialog:not(.right-dialog).visible.creditorTemplateDialog .changePassword:before, .ui-dialog:not(.right-dialog).visible.creditorTemplateDialogPublic .crontoDialog:before, .ui-dialog:not(.right-dialog).visible.creditorTemplateDialogPublic .packageSelectDialog:before, .ui-dialog:not(.right-dialog).visible.creditorTemplateDialogPublic .creditorTemplateDialog:before, .ui-dialog:not(.right-dialog).visible.creditorTemplateDialogPublic .creditorTemplateDialogPublic:before, .ui-dialog:not(.right-dialog).visible.creditorTemplateDialogPublic .createUserAccountDialog:before, .ui-dialog:not(.right-dialog).visible.creditorTemplateDialogPublic .languageSelectDialog:before, .ui-dialog:not(.right-dialog).visible.creditorTemplateDialogPublic .debitAccountSelectDialog:before, .ui-dialog:not(.right-dialog).visible.creditorTemplateDialogPublic .changePassword:before, .ui-dialog:not(.right-dialog).visible.domesticDialog .crontoDialog:before, .ui-dialog:not(.right-dialog).visible.domesticDialog .packageSelectDialog:before, .ui-dialog:not(.right-dialog).visible.domesticDialog .creditorTemplateDialog:before, .ui-dialog:not(.right-dialog).visible.domesticDialog .creditorTemplateDialogPublic:before, .ui-dialog:not(.right-dialog).visible.domesticDialog .createUserAccountDialog:before, .ui-dialog:not(.right-dialog).visible.domesticDialog .languageSelectDialog:before, .ui-dialog:not(.right-dialog).visible.domesticDialog .debitAccountSelectDialog:before, .ui-dialog:not(.right-dialog).visible.domesticDialog .changePassword:before, .ui-dialog:not(.right-dialog).visible.domesticPublicDialog .crontoDialog:before, .ui-dialog:not(.right-dialog).visible.domesticPublicDialog .packageSelectDialog:before, .ui-dialog:not(.right-dialog).visible.domesticPublicDialog .creditorTemplateDialog:before, .ui-dialog:not(.right-dialog).visible.domesticPublicDialog .creditorTemplateDialogPublic:before, .ui-dialog:not(.right-dialog).visible.domesticPublicDialog .createUserAccountDialog:before, .ui-dialog:not(.right-dialog).visible.domesticPublicDialog .languageSelectDialog:before, .ui-dialog:not(.right-dialog).visible.domesticPublicDialog .debitAccountSelectDialog:before, .ui-dialog:not(.right-dialog).visible.domesticPublicDialog .changePassword:before, .ui-dialog:not(.right-dialog).visible.createUserAccountDialog .crontoDialog:before, .ui-dialog:not(.right-dialog).visible.createUserAccountDialog .packageSelectDialog:before, .ui-dialog:not(.right-dialog).visible.createUserAccountDialog .creditorTemplateDialog:before, .ui-dialog:not(.right-dialog).visible.createUserAccountDialog .creditorTemplateDialogPublic:before, .ui-dialog:not(.right-dialog).visible.createUserAccountDialog .createUserAccountDialog:before, .ui-dialog:not(.right-dialog).visible.createUserAccountDialog .languageSelectDialog:before, .ui-dialog:not(.right-dialog).visible.createUserAccountDialog .debitAccountSelectDialog:before, .ui-dialog:not(.right-dialog).visible.createUserAccountDialog .changePassword:before, .ui-dialog:not(.right-dialog).visible.debitAccountSelectDialog .crontoDialog:before, .ui-dialog:not(.right-dialog).visible.debitAccountSelectDialog .packageSelectDialog:before, .ui-dialog:not(.right-dialog).visible.debitAccountSelectDialog .creditorTemplateDialog:before, .ui-dialog:not(.right-dialog).visible.debitAccountSelectDialog .creditorTemplateDialogPublic:before, .ui-dialog:not(.right-dialog).visible.debitAccountSelectDialog .createUserAccountDialog:before, .ui-dialog:not(.right-dialog).visible.debitAccountSelectDialog .languageSelectDialog:before, .ui-dialog:not(.right-dialog).visible.debitAccountSelectDialog .debitAccountSelectDialog:before, .ui-dialog:not(.right-dialog).visible.debitAccountSelectDialog .changePassword:before, .ui-dialog:not(.right-dialog).visible.inflowsManaging .crontoDialog:before, .ui-dialog:not(.right-dialog).visible.inflowsManaging .packageSelectDialog:before, .ui-dialog:not(.right-dialog).visible.inflowsManaging .creditorTemplateDialog:before, .ui-dialog:not(.right-dialog).visible.inflowsManaging .creditorTemplateDialogPublic:before, .ui-dialog:not(.right-dialog).visible.inflowsManaging .createUserAccountDialog:before, .ui-dialog:not(.right-dialog).visible.inflowsManaging .languageSelectDialog:before, .ui-dialog:not(.right-dialog).visible.inflowsManaging .debitAccountSelectDialog:before, .ui-dialog:not(.right-dialog).visible.inflowsManaging .changePassword:before, .ui-dialog:not(.right-dialog).visible.changePassword .crontoDialog:before, .ui-dialog:not(.right-dialog).visible.changePassword .packageSelectDialog:before, .ui-dialog:not(.right-dialog).visible.changePassword .creditorTemplateDialog:before, .ui-dialog:not(.right-dialog).visible.changePassword .creditorTemplateDialogPublic:before, .ui-dialog:not(.right-dialog).visible.changePassword .createUserAccountDialog:before, .ui-dialog:not(.right-dialog).visible.changePassword .languageSelectDialog:before, .ui-dialog:not(.right-dialog).visible.changePassword .debitAccountSelectDialog:before, .ui-dialog:not(.right-dialog).visible.changePassword .changePassword:before { content: ""; display: table !important; width: 40px; height: 6px !important; border-radius: 6px; margin: auto; margin-bottom: 5px; background-color: #0a79b8; } .ui-dialog:not(.right-dialog).visible.crontoDialog .ui-dialog-titlebar, .ui-dialog:not(.right-dialog).visible.packageSelectDialog .ui-dialog-titlebar, .ui-dialog:not(.right-dialog).visible.creditorTemplateDialog .ui-dialog-titlebar, .ui-dialog:not(.right-dialog).visible.creditorTemplateDialogPublic .ui-dialog-titlebar, .ui-dialog:not(.right-dialog).visible.domesticDialog .ui-dialog-titlebar, .ui-dialog:not(.right-dialog).visible.domesticPublicDialog .ui-dialog-titlebar, .ui-dialog:not(.right-dialog).visible.createUserAccountDialog .ui-dialog-titlebar, .ui-dialog:not(.right-dialog).visible.debitAccountSelectDialog .ui-dialog-titlebar, .ui-dialog:not(.right-dialog).visible.inflowsManaging .ui-dialog-titlebar, .ui-dialog:not(.right-dialog).visible.changePassword .ui-dialog-titlebar { display: none; } .ui-dialog:not(.right-dialog).visible.crontoDialog .text-half, .ui-dialog:not(.right-dialog).visible.packageSelectDialog .text-half, .ui-dialog:not(.right-dialog).visible.creditorTemplateDialog .text-half, .ui-dialog:not(.right-dialog).visible.creditorTemplateDialogPublic .text-half, .ui-dialog:not(.right-dialog).visible.domesticDialog .text-half, .ui-dialog:not(.right-dialog).visible.domesticPublicDialog .text-half, .ui-dialog:not(.right-dialog).visible.createUserAccountDialog .text-half, .ui-dialog:not(.right-dialog).visible.debitAccountSelectDialog .text-half, .ui-dialog:not(.right-dialog).visible.inflowsManaging .text-half, .ui-dialog:not(.right-dialog).visible.changePassword .text-half { padding: 0 30px 15px; width: 50%; border-right: 1px dotted #8294a8; } .ui-dialog:not(.right-dialog).visible.crontoDialog .image-half, .ui-dialog:not(.right-dialog).visible.packageSelectDialog .image-half, .ui-dialog:not(.right-dialog).visible.creditorTemplateDialog .image-half, .ui-dialog:not(.right-dialog).visible.creditorTemplateDialogPublic .image-half, .ui-dialog:not(.right-dialog).visible.domesticDialog .image-half, .ui-dialog:not(.right-dialog).visible.domesticPublicDialog .image-half, .ui-dialog:not(.right-dialog).visible.createUserAccountDialog .image-half, .ui-dialog:not(.right-dialog).visible.debitAccountSelectDialog .image-half, .ui-dialog:not(.right-dialog).visible.inflowsManaging .image-half, .ui-dialog:not(.right-dialog).visible.changePassword .image-half { width: 50%; padding: 0 30px 15px; } .ui-dialog:not(.right-dialog).visible.crontoDialog .image-half .qr-image, .ui-dialog:not(.right-dialog).visible.packageSelectDialog .image-half .qr-image, .ui-dialog:not(.right-dialog).visible.creditorTemplateDialog .image-half .qr-image, .ui-dialog:not(.right-dialog).visible.creditorTemplateDialogPublic .image-half .qr-image, .ui-dialog:not(.right-dialog).visible.domesticDialog .image-half .qr-image, .ui-dialog:not(.right-dialog).visible.domesticPublicDialog .image-half .qr-image, .ui-dialog:not(.right-dialog).visible.createUserAccountDialog .image-half .qr-image, .ui-dialog:not(.right-dialog).visible.debitAccountSelectDialog .image-half .qr-image, .ui-dialog:not(.right-dialog).visible.inflowsManaging .image-half .qr-image, .ui-dialog:not(.right-dialog).visible.changePassword .image-half .qr-image { margin: auto; display: block; } .element-border-7 { border-radius: 20px; } .text-color-1 { color: #353f4a; } .page-text-6 { font-size: 14px; } .margin-1-5 { margin-bottom: 15px; } .background-19 { background-color: #36da70; } .background-18 { background-color: red; } .background-14 { background-color: #f5f8fb; } .popup-signature-list { padding: 20px 15px; } .popup-signature-list.background-2 { background-color: #fff; } .popup-signature-list .absolute-center { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .popup-signature-list .icon-container { width: 10%; } .popup-signature-list .icon-container .icon-circle { width: 40px; height: 40px; } .popup-signature-list .icon-container .icon-circle .icon-circle-svg { width: 20px; height: 17px; stroke: #000; } .popup-signature-list .signature-text { width: 75%; padding-left: 18px; } .popup-signature-list.signature-list .signature-list-wrapper { padding-bottom: 15px; background-image: -webkit-gradient(linear, left top, right top, color-stop(33%, #000), color-stop(0, rgba(255, 255, 255, 0))); background-image: linear-gradient(90deg, #000 33%, rgba(255, 255, 255, 0) 0); background-position: bottom; background-size: 4px 1px; background-repeat: repeat-x; } .popup-signature-list .confirmation-state { width: 15%; margin-bottom: 8px; } .popup-signature-list .activity-status.popup-state { width: 100%; } .popup-signature-list .activity-status .activity-status-dot { display: inline-block; width: 8px; height: 8px; } .popup-signature-list .activity-status .activity-text { display: inline-block; padding-left: 4px; padding-right: 5px; color: rgba(0, 0, 0, 0.54); } .popup-signature-list .signature-name { width: 100%; padding: 20px 0 0; } .transaction-popup-option:hover .main-nav-link-ico-svg { stroke: #000; fill: #000; } .AuthorizedAccounts { margin-bottom: 60px !important; } .AuthorizedAccounts .account-card-btn svg { width: 25px !important; height: 22px; } .margin-6 { margin-bottom: 60px; } .text-color-15 { color: #353f4a; } .content-container { padding: 0 20px; margin: 0 auto; padding-bottom: 1px; } .content-container.content-dashboard { max-width: 1280px; } .content-container.content-cards { max-width: 800px; } .content-container.foreign { max-width: 1049px; } .content-container.content-payment { max-width: 812px; } .content-container.content-600 { max-width: 640px; } .domestic-payment-form, .domesticDialog, .domesticPublicDialog { padding: 0px 20px 20px; flex-wrap: wrap; } .domestic-payment-form .tableFilter, .domesticDialog .tableFilter, .domesticPublicDialog .tableFilter { margin-top: 22px; } .domestic-payment-form .group-inner, .domesticDialog .group-inner, .domesticPublicDialog .group-inner { width: 100%; } .domestic-payment-form .group-inner.width-25, .domesticDialog .group-inner.width-25, .domesticPublicDialog .group-inner.width-25 { width: 25%; } .domestic-payment-form .group-inner.width-75, .domesticDialog .group-inner.width-75, .domesticPublicDialog .group-inner.width-75 { width: 75%; } .domestic-payment-form .group-inner.width-70, .domesticDialog .group-inner.width-70, .domesticPublicDialog .group-inner.width-70 { width: 70%; } .domestic-payment-form .group-inner.width-30, .domesticDialog .group-inner.width-30, .domesticPublicDialog .group-inner.width-30 { width: 30%; } .domestic-payment-form .group-inner.padding-right, .domesticDialog .group-inner.padding-right, .domesticPublicDialog .group-inner.padding-right { padding-right: 8px; } .domestic-payment-form .group-inner.padding-left, .domesticDialog .group-inner.padding-left, .domesticPublicDialog .group-inner.padding-left { padding-left: 8px; } .domestic-payment-form.color-1, .domesticDialog.color-1, .domesticPublicDialog.color-1 { background-color: #ffecec; border: 1px solid #ff5858; } .domestic-payment-form.color-2, .domesticDialog.color-2, .domesticPublicDialog.color-2 { background-color: #dde6f1; border: 1px solid #8294a8; } .domestic-payment-form .left-side, .domesticDialog .left-side, .domesticPublicDialog .left-side { width: 50%; padding-right: 20px; box-sizing: border-box; } .domestic-payment-form .left-side.upper, .domesticDialog .left-side.upper, .domesticPublicDialog .left-side.upper { height: 100px; } .domestic-payment-form .right-side, .domesticDialog .right-side, .domesticPublicDialog .right-side { width: 50%; padding-left: 20px; box-sizing: border-box; } .domestic-payment-form .right-side.upper, .domesticDialog .right-side.upper, .domesticPublicDialog .right-side.upper { height: 100px; } .domestic-payment-form .right-side .transaction-filter-inner .pdf-wrapper, .domesticDialog .right-side .transaction-filter-inner .pdf-wrapper, .domesticPublicDialog .right-side .transaction-filter-inner .pdf-wrapper { height: 40px; margin-top: 20px; } .domestic-payment-form .transaction-filter-box, .domesticDialog .transaction-filter-box, .domesticPublicDialog .transaction-filter-box { margin: 0 8px 10px !important; width: 65% !important; } .domestic-payment-form .background-2, .domesticDialog .background-2, .domesticPublicDialog .background-2 { background-color: #fff; } .domestic-payment-form .input-wrap, .domesticDialog .input-wrap, .domesticPublicDialog .input-wrap { position: relative; border-radius: 6px; background: none; } .domestic-payment-form .input-wrap .input-1[readonly], .domestic-payment-form .input-wrap .input-1[disabled], .domesticDialog .input-wrap .input-1[readonly], .domesticDialog .input-wrap .input-1[disabled], .domesticPublicDialog .input-wrap .input-1[readonly], .domesticPublicDialog .input-wrap .input-1[disabled] { cursor: default; border: unset; color: #8294a8; background-color: #fff; } .domestic-payment-form .input-wrap .input-1:focus, .domesticDialog .input-wrap .input-1:focus, .domesticPublicDialog .input-wrap .input-1:focus { border-color: #0faaea; } .domestic-payment-form .input-wrap input-1.no-height, .domesticDialog .input-wrap input-1.no-height, .domesticPublicDialog .input-wrap input-1.no-height { min-height: unset; max-height: unset; } .domestic-payment-form .input-wrap textarea, .domesticDialog .input-wrap textarea, .domesticPublicDialog .input-wrap textarea { resize: none; width: 100%; height: 88px; text-align: left; } .domestic-payment-form .input-wrap textarea.debtorName, .domesticDialog .input-wrap textarea.debtorName, .domesticPublicDialog .input-wrap textarea.debtorName { height: 80px; } .domestic-payment-form .header-logo span, .domesticDialog .header-logo span, .domesticPublicDialog .header-logo span { display: block; max-width: 200px !important; height: 120px !important; background: url(images/logo/logo-1.png) no-repeat center; background-size: contain; webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; user-select: none; } .domestic-payment-form .form-button-footer, .domesticDialog .form-button-footer, .domesticPublicDialog .form-button-footer { width: 100%; padding-top: 20px; border-top: 1px solid #8294a8; } .domestic-payment-form .form-button-footer button, .domesticDialog .form-button-footer button, .domesticPublicDialog .form-button-footer button { font-weight: 700; font-size: 14px; } .domestic-payment-form .btn-1.color-1::before, .domesticDialog .btn-1.color-1::before, .domesticPublicDialog .btn-1.color-1::before { width: 0%; } .domestic-payment-form .btn-1 .icon.higher, .domesticDialog .btn-1 .icon.higher, .domesticPublicDialog .btn-1 .icon.higher { max-height: 23px; } .domestic-payment-form .btn-1.color-3.orange-text, .domesticDialog .btn-1.color-3.orange-text, .domesticPublicDialog .btn-1.color-3.orange-text { background-color: #fff; color: #ff5858; border: 1px solid #ff5858; } .domestic-payment-form .btn-1.color-3, .domesticDialog .btn-1.color-3, .domesticPublicDialog .btn-1.color-3 { border: 1px solid #0a79b8; background-color: #fff; color: #0a79b8; } .domestic-payment-form .btn-1.color-3:hover, .domesticDialog .btn-1.color-3:hover, .domesticPublicDialog .btn-1.color-3:hover { background-color: rgba(10, 121, 184, 0.1); } .domestic-payment-form .button-fixed-width, .domesticDialog .button-fixed-width, .domesticPublicDialog .button-fixed-width { min-width: 150px; } .domestic-payment-form .select-1 .dk-selected, .domesticDialog .select-1 .dk-selected, .domesticPublicDialog .select-1 .dk-selected { padding: 10px 35px 10px 16px; height: 40px; box-sizing: border-box; } .DomesticOrderCorporateV3 .ui-tabs-nav, .ForeignPaymentOrderV2 .ui-tabs-nav, .PaymentOrderV3Mk .ui-tabs-nav { position: absolute; top: 0; left: 50%; transform: translatex(-50%); padding: 0; } .DomesticOrderCorporateV3 .ui-tabs-nav li, .ForeignPaymentOrderV2 .ui-tabs-nav li, .PaymentOrderV3Mk .ui-tabs-nav li { position: unset !important; background: transparent; } .DomesticOrderCorporateV3 .ui-tabs-nav li.ui-state-active, .ForeignPaymentOrderV2 .ui-tabs-nav li.ui-state-active, .PaymentOrderV3Mk .ui-tabs-nav li.ui-state-active { width: -webkit-calc(50% - 4px); width: calc(50% - 4px); height: -webkit-calc(100% - 4px); height: calc(100% - 4px); position: absolute; top: 3px; left: 4px; background: #0a79b8; box-shadow: 0 8px 10px rgba(0, 0, 0, 0.08); border-radius: 6px; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; -webkit-transform: translateX(0); transform: translateX(0); } .DomesticOrderCorporateV3 .ui-tabs-nav li a, .ForeignPaymentOrderV2 .ui-tabs-nav li a, .PaymentOrderV3Mk .ui-tabs-nav li a { position: relative !important; text-align: center; } .DomesticOrderCorporateV3 .ui-tabs-nav .ui-state-default, .ForeignPaymentOrderV2 .ui-tabs-nav .ui-state-default, .PaymentOrderV3Mk .ui-tabs-nav .ui-state-default { border: none !important; } .DomesticOrderCorporateV3 .ui-widget-header, .ForeignPaymentOrderV2 .ui-widget-header, .PaymentOrderV3Mk .ui-widget-header { padding: 1px !important; border-radius: 6px; } .DomesticOrderCorporateV3 .ui-helper-reset, .ForeignPaymentOrderV2 .ui-helper-reset, .PaymentOrderV3Mk .ui-helper-reset { line-height: 0.7; } .DomesticOrderCorporateV3 #tabs, .ForeignPaymentOrderV2 #tabs, .PaymentOrderV3Mk #tabs { background-color: transparent; } .DomesticOrderCorporateV3 #tabs-1, .DomesticOrderCorporateV3 #tabs-2, .ForeignPaymentOrderV2 #tabs-1, .ForeignPaymentOrderV2 #tabs-2, .PaymentOrderV3Mk #tabs-1, .PaymentOrderV3Mk #tabs-2 { padding: 0; margin-top: 60px; } .packageSelectDialog, .createUserAccountDialog, .changePassword { width: 800px !important; height: 430px !important; } .packageSelectDialog .all-account-popup-title, .createUserAccountDialog .all-account-popup-title, .changePassword .all-account-popup-title { top: 6px; } .changePassword .group-inner { margin-bottom: 26px; } .crontoImageDialog .ui-dialog-titlebar { width: 100% !important; margin-bottom: 40px !important; } .crontoImageDialog .ui-dialog-buttonpane { margin: 0 auto !important; max-width: 295px; padding-top: 0 !important; } .crontoDialog .all-account-popup-title { top: 6px; } .crontoDialog .ui-dialog-buttonset { width: 300px; margin: 0 auto; } .crontoDialog .text-half { padding: 0px 30px 15px; width: 50%; border-right: 1px dotted #8294a8; } .crontoDialog .text-half.account-creation { padding: 0 30px 15px 0; } .crontoDialog .text-half li.page-text { line-height: unset; margin-bottom: unset; } .crontoDialog .image-half { width: 50%; padding: 0px 30px 15px; text-align: center; } .crontoDialog .image-half .qr-image { margin: auto; display: block; } .crontoDialog .image-half.account-creation { padding: 0 0 15px 30px; } .smsDialog .group-inner, .creditorNameDialog .group-inner { margin-bottom: 25px; } .smsDialog .group-inner:first-child, .creditorNameDialog .group-inner:first-child { margin-bottom: 20px; } .smsDialog .message, .creditorNameDialog .message { padding: 0; text-align: center; display: block; border: 0; } .smsDialog .message:hover, .creditorNameDialog .message:hover { background: unset; } .smsDialog input.smsCode, .creditorNameDialog input.smsCode { box-sizing: border-box; } .creditorNameDialog .ui-dialog-titlebar .ui-dialog-title { white-space: nowrap !important; } .modal-qr-line-bcg { position: relative; width: 120px; height: 4px; margin: 0 auto; background-color: #d9d9d9; border-radius: 25px; } .qr-line { display: block; position: absolute; width: 100%; height: 4px; top: 0; left: 0; background-color: #0a79b8; border-radius: 25px; transition: all .3s; } .languageSelectDialog, .debitAccountSelectDialog { width: 300px !important; height: 400px !important; } .languageSelectDialog .inner-content-dialog, .debitAccountSelectDialog .inner-content-dialog { height: 300px; } .languageSelectDialog .profile-popup-options-ico-box, .debitAccountSelectDialog .profile-popup-options-ico-box { width: 40px; height: 40px; box-shadow: #0a79b8; } .languageSelectDialog .popup-profile-options .page-text, .debitAccountSelectDialog .popup-profile-options .page-text { width: -webkit-calc(100% - 130px); width: calc(100% - 130px); padding-left: 16px; padding-right: 50px; } .languageSelectDialog .popup-profile-options, .debitAccountSelectDialog .popup-profile-options { position: relative; } .languageSelectDialog .profile-text-arrow, .debitAccountSelectDialog .profile-text-arrow { margin-right: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 7px; height: 12px; fill: #b8bac4; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s,-webkit-transform .5s; cursor: pointer; position: absolute; top: 50%; right: 10px; } .languageSelectDialog .profile-text-arrow.blue, .debitAccountSelectDialog .profile-text-arrow.blue { fill: #0a79b8; } .languageSelectDialog .popup-profile-options:hover .profile-text-arrow, .debitAccountSelectDialog .popup-profile-options:hover .profile-text-arrow { -webkit-transform: translate(10px, -50%); transform: translate(10px, -50%); } .languageSelectDialog .background-2, .debitAccountSelectDialog .background-2 { background-color: #fff; } .createUserAccountDialog .group-inner { margin-bottom: 26px; } .creditorTemplateDialog, .creditorTemplateDialogPublic { width: 1200px !important; max-width: 95% !important; height: 800px !important; max-height: 95% !important; box-sizing: border-box; overflow: hidden; } .creditorTemplateDialog:before:not(.right-dialog), .creditorTemplateDialogPublic:before:not(.right-dialog) { content: ""; display: table !important; width: 40px; height: 6px !important; border-radius: 6px; margin: auto; margin-bottom: 5px; background-color: #0a79b8; } .creditorTemplateDialog .input-1[readonly], .creditorTemplateDialogPublic .input-1[readonly] { border: none; color: #8294a8; background-color: #fff; } .creditorTemplateDialog .ui-dialog-content, .creditorTemplateDialogPublic .ui-dialog-content { overflow: hidden; } .creditorTemplateDialog .all-account-popup-title, .creditorTemplateDialogPublic .all-account-popup-title { top: 6px; padding: 0px; } .creditorTemplateDialog .all-account-popup-title h3, .creditorTemplateDialogPublic .all-account-popup-title h3 { text-align: left; } .creditorTemplateDialog .new-template-wrapper, .creditorTemplateDialogPublic .new-template-wrapper { flex-wrap: wrap; border-bottom: 1px solid #8294a8; padding-bottom: 20px; } .creditorTemplateDialog .group-inner, .creditorTemplateDialogPublic .group-inner { margin-inline: unset; margin-bottom: 20px; width: 47.5%; } .creditorTemplateDialog .group-inner.width-70, .creditorTemplateDialogPublic .group-inner.width-70 { width: 70%; margin-right: 8px; } .creditorTemplateDialog .group-inner.width-30, .creditorTemplateDialogPublic .group-inner.width-30 { width: 30%; } .creditorTemplateDialog .double-input, .creditorTemplateDialogPublic .double-input { width: 47.5%; overflow: hidden; } .creditorTemplateDialog .double-input select, .creditorTemplateDialogPublic .double-input select { display: none; } .creditorTemplateDialog .double-input .paymentCodeCustomInput, .creditorTemplateDialogPublic .double-input .paymentCodeCustomInput { top: 8px; padding-left: 16px; } .creditorTemplateDialog .input-wrap.textarea, .creditorTemplateDialogPublic .input-wrap.textarea { height: 80px; } .creditorTemplateDialog .input-wrap textarea, .creditorTemplateDialogPublic .input-wrap textarea { resize: none; width: 100%; height: 100%; text-align: left; } .creditorTemplateDialog .file-import-container, .creditorTemplateDialogPublic .file-import-container { width: 100%; height: 80px; margin-top: 21px; padding: 5px; box-sizing: border-box; } .creditorTemplateDialog .file-import-container.no-margin-top, .creditorTemplateDialogPublic .file-import-container.no-margin-top { margin-top: unset; } .creditorTemplateDialog .file-import-container .file-input, .creditorTemplateDialogPublic .file-import-container .file-input { position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; z-index: 10 !important; cursor: pointer; } .creditorTemplateDialog .person-face-container, .creditorTemplateDialogPublic .person-face-container { width: 15%; height: 100%; } .creditorTemplateDialog .file-import-middle-text, .creditorTemplateDialogPublic .file-import-middle-text { width: 70%; padding: 5px 5px 5px 7px; } .creditorTemplateDialog .file-import-middle-text .page-text, .creditorTemplateDialogPublic .file-import-middle-text .page-text { margin-bottom: 10px; } .creditorTemplateDialog .camera-button-container, .creditorTemplateDialogPublic .camera-button-container { width: 15%; } .creditorTemplateDialog .camera-button, .creditorTemplateDialogPublic .camera-button { width: 40px; height: 40px; background: -webkit-gradient(linear, left top, right top, from(#0079ff), to(#00c6ff)); background: linear-gradient(90deg, #0079ff, #00c6ff); } .creditorTemplateDialog .camera-icon, .creditorTemplateDialogPublic .camera-icon { width: 20px; height: 15px; fill: #fff; stroke: #fff; } .creditorTemplateDialog .background-2, .creditorTemplateDialogPublic .background-2 { background-color: #fff; } .creditorTemplateDialog .person-face, .creditorTemplateDialogPublic .person-face { width: 33px; height: 40px; stroke: none; display: block; margin: 10px auto; fill: #8294a8; } .creditorTemplateDialog .ui-dialog-buttonset, .creditorTemplateDialogPublic .ui-dialog-buttonset { display: block; width: 300px; } .creditorTemplateDialog .ui-dialog-buttonset button, .creditorTemplateDialogPublic .ui-dialog-buttonset button { margin-left: 20px; } .creditorTemplateDialog.ui-dialog.no-yes-dialog .ui-widget-content .ui-dialog-buttonset, .creditorTemplateDialogPublic.ui-dialog.no-yes-dialog .ui-widget-content .ui-dialog-buttonset { float: right !important; } .creditorTemplateDialog .payment-code-template ul { max-height: 190px; } .smartSendTemplate .person-face-main { width: 80px; margin: 0 auto 40px; position: relative; } .smartSendTemplate .person-face-container { height: 80px; } .smartSendTemplate .person-face-container img { width: 80px; height: 80px; margin: 0 auto; } .smartSendTemplate .person-face-container .person-face-wrapper { width: 80px; height: 80px; margin: 0 auto; } .smartSendTemplate .camera-button-container { position: absolute; right: -15px; bottom: -9px; } .smartSendTemplate .camera-button { width: 40px; height: 40px; background: -webkit-gradient(linear, left top, right top, from(#0079ff), to(#00c6ff)); background: linear-gradient(90deg, #0079ff, #00c6ff); } .smartSendTemplate .camera-icon { width: 20px; height: 15px; fill: #fff; stroke: #fff; } .domesticDialog, .domesticPublicDialog { width: 1200px !important; height: 600px !important; box-sizing: border-box; overflow: hidden; } .domesticDialog .page-text, .domesticPublicDialog .page-text { margin-bottom: unset; } .tab-switch-container { max-width: 340px; margin: 0 auto; width: 100%; } .tab-switch-container.no-margin { margin: unset; padding: 7px 7px 7px 0; } .custom-switch { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: #ebecf2; border-radius: 6px; padding: 3px 4px; position: relative; margin-bottom: 40px; } .custom-switch.type-2 { margin-bottom: 0; } .custom-switch:before { content: ""; width: -webkit-calc(50% - 4px); width: calc(50% - 4px); height: -webkit-calc(100% - 6px); height: calc(100% - 6px); position: absolute; top: 3px; left: 4px; background: #0a79b8; box-shadow: 0 8px 10px rgba(0, 0, 0, 0.08); border-radius: 6px; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; } .custom-switch span { display: block; width: 50%; float: left; font-family: Source Sans Pro semibold,sans-serif; font-size: 14px; text-align: center; color: #353f4a; -webkit-transition: color .3s; transition: color .3s; cursor: pointer; position: relative; } .custom-switch span.type-2 { padding: 3px 0; } .custom-switch .active { cursor: auto; pointer-events: none; color: #fff; } .custom-switch .active a { cursor: auto; pointer-events: none; color: #fff; } .custom-switch.active-1:before, .custom-switch:before { -webkit-transform: translateX(0); transform: translateX(0); } .custom-switch.active-2:before { -webkit-transform: translateX(100%); transform: translateX(100%); } .group-inner.packageAction, .group-inner.overviewAction, .group-inner.overviewPackageAction, .group-inner.packageActionForeign, .group-inner.overviewActionForeign, .group-inner.salaryAction { max-width: 260px; } .dk-option.actions[tabindex="0"] { position: relative; } .dk-option.actions[tabindex="0"]:before { position: absolute; content: ""; width: 20px; height: 20px; top: 45%; background: url(images/icons/delete.png) 50% no-repeat; background-size: contain; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .dk-option.actions[tabindex="0"] span { padding-left: 30px; } .dk-option.actions[tabindex="1"] { position: relative; } .dk-option.actions[tabindex="1"]:before { position: absolute; content: ""; width: 20px; height: 20px; top: 45%; background: url(images/icons/date.png) 50% no-repeat; background-size: contain; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .dk-option.actions[tabindex="1"] span { padding-left: 30px; } .dk-option.actions[tabindex="2"] { position: relative; } .dk-option.actions[tabindex="2"]:before { position: absolute; content: ""; width: 20px; height: 20px; top: 45%; background: url(images/icons/signature-list.png) 50% no-repeat; background-size: contain; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .dk-option.actions[tabindex="2"] span { padding-left: 30px; } .dk-option.actions[tabindex="3"] { position: relative; } .dk-option.actions[tabindex="3"]:before { position: absolute; content: ""; width: 20px; height: 20px; top: 45%; background: url(images/icons/copy.png) 50% no-repeat; background-size: contain; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .dk-option.actions[tabindex="3"] span { padding-left: 30px; } .dk-option.actions[tabindex="4"] { position: relative; } .dk-option.actions[tabindex="4"]:before { position: absolute; content: ""; width: 20px; height: 20px; top: 45%; background: url(images/icons/draft.png) 50% no-repeat; background-size: contain; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .dk-option.actions[tabindex="4"] span { padding-left: 30px; } .dk-option.actions[tabindex="5"] { position: relative; } .dk-option.actions[tabindex="5"]:before { position: absolute; content: ""; width: 20px; height: 20px; top: 45%; background: url(images/icons/upload.png) 50% no-repeat; background-size: contain; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .dk-option.actions[tabindex="5"] span { padding-left: 30px; } .dk-option.packageActions[tabindex="0"], .dk-option.packageActions[tabindex="2"], .dk-option.packageActions[tabindex="4"] { position: relative; } .dk-option.packageActions[tabindex="0"]:before, .dk-option.packageActions[tabindex="2"]:before, .dk-option.packageActions[tabindex="4"]:before { position: absolute; content: ""; width: 20px; height: 20px; top: 45%; background: url(images/icons/server.png) 50% no-repeat; background-size: contain; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .dk-option.packageActions[tabindex="0"] span, .dk-option.packageActions[tabindex="2"] span, .dk-option.packageActions[tabindex="4"] span { padding-left: 30px; } .dk-option.packageActions[tabindex="1"], .dk-option.packageActions[tabindex="3"] { position: relative; } .dk-option.packageActions[tabindex="1"]:before, .dk-option.packageActions[tabindex="3"]:before { position: absolute; content: ""; width: 20px; height: 20px; top: 45%; background: url(images/icons/new-draft.png) 50% no-repeat; background-size: contain; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .dk-option.packageActions[tabindex="1"] span, .dk-option.packageActions[tabindex="3"] span { padding-left: 30px; } .baseline { align-items: baseline; } .absolute-center { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .OrderPackageListV2 #gvOrderPreviewList th { text-align: left; } .OrderPackageListCorporateV3 tr.green td:nth-child(3), .DomesticOrderListCorporateV3 tr.green td:nth-child(3), .ForeignOrderListCorporateV3 tr.green td:nth-child(3), .OrderPackageDetailsCorporateV3 tr.green td:nth-child(3), .SalariesServerOrderListCorporateV2 tr.green td:nth-child(3) { color: #36da70; } .OrderPackageListCorporateV3 tr.red td:nth-child(3), .DomesticOrderListCorporateV3 tr.red td:nth-child(3), .ForeignOrderListCorporateV3 tr.red td:nth-child(3), .OrderPackageDetailsCorporateV3 tr.red td:nth-child(3), .SalariesServerOrderListCorporateV2 tr.red td:nth-child(3) { color: #ff5858; } .OrderPackageReportCorporateV3 .btn-1:before { display: none; } .dk-select.disable { pointer-events: none; } .dk-select.disable .dk-selected { color: #989898; background-color: #f1f1f1; } .transaction-calendar input.disable { color: #989898; background-color: #f1f1f1 !important; } .element-border-4 { border-radius: 6px; } .CrontoTokenList .token-icon-container { width: 40px; height: 40px; margin-right: 25px; } .CrontoTokenList .calc-icon { width: 15px; height: 20px; fill: #333; stroke: #333; } .CrontoTokenList .account-statements-info .group-inner.image { justify-content: unset; } .ui-customIcons16-mt940 { background-position: -64px 0; } .ui-customIcons16-pdf { background-position: 0 0; } .ui-customIcons16-txt { background-position: -16px 0; } .ui-customIcons16-xml { background-position: -32px 0; } .ui-customIcons16-xls { background-position: -48px 0; } .ui-customIcons16 { width: 16px; height: 16px; background-image: url(images/icons16.png); display: block; padding: 0px; } .lang.mk-MK { background-image: url(images/icons/lang-icon-mk-MK.png); background-repeat: no-repeat; background-size: contain; } .lang.sq-AL { background-image: url(images/icons/lang-icon-sq-AL.png); background-repeat: no-repeat; background-size: contain; } .lang.en-US { background-image: url(images/icons/lang-icon-en-US.png); background-repeat: no-repeat; background-size: contain; } .lang.tr-TR { background-image: url(images/icons/lang-icon-tr-TR.png); background-repeat: no-repeat; background-size: contain; } body:not(.LanguageLogout) .languagesContainer { display: none; } .ForeignPaymentOrderV2, .foreignDialog { max-width: 1000px; margin: 0 auto; } .ForeignPaymentOrderV2 .flex-layout, .foreignDialog .flex-layout { flex-wrap: wrap; } .ForeignPaymentOrderV2 .payment-filter-box .page-text-2, .foreignDialog .payment-filter-box .page-text-2 { margin-bottom: 0; } .ForeignPaymentOrderV2 .payment-filter-box .payment-filter-box, .foreignDialog .payment-filter-box .payment-filter-box { margin: 0; } .ForeignPaymentOrderV2 .foreign-payments-intro, .ForeignPaymentOrderV2 .foreign-payments-beneficiary-details, .ForeignPaymentOrderV2 .foreign-payments-details, .foreignDialog .foreign-payments-intro, .foreignDialog .foreign-payments-beneficiary-details, .foreignDialog .foreign-payments-details { width: 100%; } .ForeignPaymentOrderV2 .foreign-payments-intro.bottom-border, .ForeignPaymentOrderV2 .foreign-payments-beneficiary-details.bottom-border, .ForeignPaymentOrderV2 .foreign-payments-details.bottom-border, .foreignDialog .foreign-payments-intro.bottom-border, .foreignDialog .foreign-payments-beneficiary-details.bottom-border, .foreignDialog .foreign-payments-details.bottom-border { padding-bottom: 10px; background-image: -webkit-gradient(linear, left top, right top, color-stop(33%, #000), color-stop(0, rgba(255, 255, 255, 0))); background-image: linear-gradient(90deg, #000 33%, rgba(255, 255, 255, 0) 0); background-position: bottom; background-size: 4px 1px; background-repeat: repeat-x; } .ForeignPaymentOrderV2 .foreign-payments-intro .foreign-payments-intro-wrapper, .ForeignPaymentOrderV2 .foreign-payments-intro .foreign-payments-beneficiary-details-wrapper, .ForeignPaymentOrderV2 .foreign-payments-intro .foreign-payments-details-wrapper, .ForeignPaymentOrderV2 .foreign-payments-beneficiary-details .foreign-payments-intro-wrapper, .ForeignPaymentOrderV2 .foreign-payments-beneficiary-details .foreign-payments-beneficiary-details-wrapper, .ForeignPaymentOrderV2 .foreign-payments-beneficiary-details .foreign-payments-details-wrapper, .ForeignPaymentOrderV2 .foreign-payments-details .foreign-payments-intro-wrapper, .ForeignPaymentOrderV2 .foreign-payments-details .foreign-payments-beneficiary-details-wrapper, .ForeignPaymentOrderV2 .foreign-payments-details .foreign-payments-details-wrapper, .foreignDialog .foreign-payments-intro .foreign-payments-intro-wrapper, .foreignDialog .foreign-payments-intro .foreign-payments-beneficiary-details-wrapper, .foreignDialog .foreign-payments-intro .foreign-payments-details-wrapper, .foreignDialog .foreign-payments-beneficiary-details .foreign-payments-intro-wrapper, .foreignDialog .foreign-payments-beneficiary-details .foreign-payments-beneficiary-details-wrapper, .foreignDialog .foreign-payments-beneficiary-details .foreign-payments-details-wrapper, .foreignDialog .foreign-payments-details .foreign-payments-intro-wrapper, .foreignDialog .foreign-payments-details .foreign-payments-beneficiary-details-wrapper, .foreignDialog .foreign-payments-details .foreign-payments-details-wrapper { width: 100%; } .ForeignPaymentOrderV2 .foreign-payments-intro .foreign-payments-intro-wrapper .group-inner, .ForeignPaymentOrderV2 .foreign-payments-intro .foreign-payments-beneficiary-details-wrapper .group-inner, .ForeignPaymentOrderV2 .foreign-payments-intro .foreign-payments-details-wrapper .group-inner, .ForeignPaymentOrderV2 .foreign-payments-beneficiary-details .foreign-payments-intro-wrapper .group-inner, .ForeignPaymentOrderV2 .foreign-payments-beneficiary-details .foreign-payments-beneficiary-details-wrapper .group-inner, .ForeignPaymentOrderV2 .foreign-payments-beneficiary-details .foreign-payments-details-wrapper .group-inner, .ForeignPaymentOrderV2 .foreign-payments-details .foreign-payments-intro-wrapper .group-inner, .ForeignPaymentOrderV2 .foreign-payments-details .foreign-payments-beneficiary-details-wrapper .group-inner, .ForeignPaymentOrderV2 .foreign-payments-details .foreign-payments-details-wrapper .group-inner, .foreignDialog .foreign-payments-intro .foreign-payments-intro-wrapper .group-inner, .foreignDialog .foreign-payments-intro .foreign-payments-beneficiary-details-wrapper .group-inner, .foreignDialog .foreign-payments-intro .foreign-payments-details-wrapper .group-inner, .foreignDialog .foreign-payments-beneficiary-details .foreign-payments-intro-wrapper .group-inner, .foreignDialog .foreign-payments-beneficiary-details .foreign-payments-beneficiary-details-wrapper .group-inner, .foreignDialog .foreign-payments-beneficiary-details .foreign-payments-details-wrapper .group-inner, .foreignDialog .foreign-payments-details .foreign-payments-intro-wrapper .group-inner, .foreignDialog .foreign-payments-details .foreign-payments-beneficiary-details-wrapper .group-inner, .foreignDialog .foreign-payments-details .foreign-payments-details-wrapper .group-inner { width: 31.5%; } .ForeignPaymentOrderV2 .foreign-payments-intro .foreign-payments-intro-wrapper .group-inner.textarea, .ForeignPaymentOrderV2 .foreign-payments-intro .foreign-payments-beneficiary-details-wrapper .group-inner.textarea, .ForeignPaymentOrderV2 .foreign-payments-intro .foreign-payments-details-wrapper .group-inner.textarea, .ForeignPaymentOrderV2 .foreign-payments-beneficiary-details .foreign-payments-intro-wrapper .group-inner.textarea, .ForeignPaymentOrderV2 .foreign-payments-beneficiary-details .foreign-payments-beneficiary-details-wrapper .group-inner.textarea, .ForeignPaymentOrderV2 .foreign-payments-beneficiary-details .foreign-payments-details-wrapper .group-inner.textarea, .ForeignPaymentOrderV2 .foreign-payments-details .foreign-payments-intro-wrapper .group-inner.textarea, .ForeignPaymentOrderV2 .foreign-payments-details .foreign-payments-beneficiary-details-wrapper .group-inner.textarea, .ForeignPaymentOrderV2 .foreign-payments-details .foreign-payments-details-wrapper .group-inner.textarea, .foreignDialog .foreign-payments-intro .foreign-payments-intro-wrapper .group-inner.textarea, .foreignDialog .foreign-payments-intro .foreign-payments-beneficiary-details-wrapper .group-inner.textarea, .foreignDialog .foreign-payments-intro .foreign-payments-details-wrapper .group-inner.textarea, .foreignDialog .foreign-payments-beneficiary-details .foreign-payments-intro-wrapper .group-inner.textarea, .foreignDialog .foreign-payments-beneficiary-details .foreign-payments-beneficiary-details-wrapper .group-inner.textarea, .foreignDialog .foreign-payments-beneficiary-details .foreign-payments-details-wrapper .group-inner.textarea, .foreignDialog .foreign-payments-details .foreign-payments-intro-wrapper .group-inner.textarea, .foreignDialog .foreign-payments-details .foreign-payments-beneficiary-details-wrapper .group-inner.textarea, .foreignDialog .foreign-payments-details .foreign-payments-details-wrapper .group-inner.textarea { width: 65.8%; } .ForeignPaymentOrderV2 .btn-1::before, .foreignDialog .btn-1::before { display: none; } .ForeignPaymentOrderV2 .higher, .foreignDialog .higher { max-height: 23px; } .ForeignPaymentOrderV2 .payment-row, .foreignDialog .payment-row { min-height: 54px; color: #000; } .ForeignPaymentOrderV2 .payment-row:hover, .foreignDialog .payment-row:hover { background-color: #fff; border-radius: 8px; -webkit-transition: background-color .3s; transition: background-color .3s; } .ForeignPaymentOrderV2 .table-wrap .cols-wrap, .foreignDialog .table-wrap .cols-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 14px; } .ForeignPaymentOrderV2 .table-wrap .cols-wrap > div, .foreignDialog .table-wrap .cols-wrap > div { padding: 5px 0 5px 5px; } .ForeignPaymentOrderV2 .table-wrap .cols-wrap > div.small-offset-left, .foreignDialog .table-wrap .cols-wrap > div.small-offset-left { padding-left: 30px; } .ForeignPaymentOrderV2 .table-wrap .cols-wrap > div.offset-right, .foreignDialog .table-wrap .cols-wrap > div.offset-right { padding-right: 30px; } .ForeignPaymentOrderV2 .table-wrap .col-1, .foreignDialog .table-wrap .col-1 { width: 8.33333%; } .ForeignPaymentOrderV2 .table-wrap .col-2, .foreignDialog .table-wrap .col-2 { width: 16.66667%; } .ForeignPaymentOrderV2 .table-wrap .col-5, .foreignDialog .table-wrap .col-5 { width: 41.66667%; } .ForeignPaymentOrderV2 .table-wrap .group-inner, .foreignDialog .table-wrap .group-inner { width: unset; } .ForeignPaymentOrderV2 .table-wrap .group-inner.no-margin, .foreignDialog .table-wrap .group-inner.no-margin { margin-bottom: 0; } .ForeignPaymentOrderV2 .table-wrap .show-per-page, .foreignDialog .table-wrap .show-per-page { width: 40%; } .ForeignPaymentOrderV2 .table-wrap .show-per-page.full-width, .foreignDialog .table-wrap .show-per-page.full-width { width: 100%; } .ForeignPaymentOrderV2 .form-button-footer, .foreignDialog .form-button-footer { width: 100%; padding-top: 20px; border-top: 1px solid #8294a8; row-gap: 10px; } .ForeignPaymentOrderV2 .form-button-footer.bottom-line, .foreignDialog .form-button-footer.bottom-line { padding-top: 30px; padding-bottom: 40px; background-image: -webkit-gradient(linear, left top, right top, color-stop(33%, #000), color-stop(0, rgba(255, 255, 255, 0))); background-image: linear-gradient(90deg, #000 33%, rgba(255, 255, 255, 0) 0); background-position: bottom; background-size: 4px 1px; background-repeat: repeat-x; } .ForeignPaymentOrderV2 .form-button-footer .button-fixed-width, .foreignDialog .form-button-footer .button-fixed-width { min-width: 150px; } .ForeignPaymentOrderV2 .form-button-footer button, .foreignDialog .form-button-footer button { display: inline-block; padding: 10px 20px; margin: 0 10px 0 0; font: 700 14px/20px Source Sans Pro,sans-serif; color: #fff; border: none; text-align: center; font-weight: 400; overflow: visible; cursor: pointer; } .ForeignPaymentOrderV2 .form-button-footer .btn-1, .foreignDialog .form-button-footer .btn-1 { position: relative; display: inline-block; font-family: Source Sans Pro bold,sans-serif; font-size: 15px; font-weight: 600; line-height: 1.2; text-align: center; border: none; border-radius: 6px; padding: 16px 17px; min-height: 50px; cursor: pointer; -webkit-transition: background .3s; transition: background .3s; overflow: hidden; height: 40px; } .ForeignPaymentOrderV2 .form-button-footer .btn-1.color-3, .foreignDialog .form-button-footer .btn-1.color-3 { border: 1px solid #0a79b8; background-color: #fff; color: #0a79b8; } .ForeignPaymentOrderV2 .form-button-footer .btn-1.color-3.orange-text, .foreignDialog .form-button-footer .btn-1.color-3.orange-text { color: #ff5858; border: 1px solid #ff5858; } .ForeignPaymentOrderV2 .form-button-footer .btn-1.color-3:hover, .foreignDialog .form-button-footer .btn-1.color-3:hover { background-color: rgba(10, 121, 184, 0.1); } .ForeignPaymentOrderV2 .form-button-footer .btn-1.send, .foreignDialog .form-button-footer .btn-1.send { display: inline-flex; } .ForeignPaymentOrderV2 .form-button-footer .total-amount, .foreignDialog .form-button-footer .total-amount { width: 100%; max-width: 480px; } .ForeignPaymentOrderV2 .form-button-footer .total-amount .page-text-4, .foreignDialog .form-button-footer .total-amount .page-text-4 { font-size: 12px !important; } .ForeignPaymentOrderV2 .form-button-footer .total-amount .group-inner, .foreignDialog .form-button-footer .total-amount .group-inner { padding-right: 24px; display: inline; max-width: 268px; width: 100%; box-sizing: border-box; } .ForeignPaymentOrderV2 .form-button-footer .total-amount .group-inner.no-margin, .foreignDialog .form-button-footer .total-amount .group-inner.no-margin { margin-bottom: 0; } .ForeignPaymentOrderV2 .form-button-footer .flex-center, .foreignDialog .form-button-footer .flex-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .ForeignPaymentOrderV2 .select-1 .dk-selected, .foreignDialog .select-1 .dk-selected { box-sizing: border-box; max-height: unset; height: 50px; } .ForeignPaymentOrderV2 .fromDate.hasDatepicker, .foreignDialog .fromDate.hasDatepicker { padding: 0 16px !important; } .ForeignPaymentOrderV2 .tableFilter.currencyExchangeOverviewFilter, .foreignDialog .tableFilter.currencyExchangeOverviewFilter { width: 31.5%; } .ForeignPaymentOrderV2 .tableFilter.currencyExchangeOverviewFilter .transaction-filter-box, .foreignDialog .tableFilter.currencyExchangeOverviewFilter .transaction-filter-box { width: 100%; } .ForeignPaymentOrderV2 .textarea .input-wrap, .foreignDialog .textarea .input-wrap { background: none; } .ForeignPaymentOrderV2 textarea, .foreignDialog textarea { resize: unset; max-height: 80px; height: 51px; } .ForeignPaymentOrderV2 .btn-1.logout.table.aligned-text, .foreignDialog .btn-1.logout.table.aligned-text { box-sizing: border-box; } .ForeignPaymentOrderV2 .btn-1.logout.table.aligned-text span, .foreignDialog .btn-1.logout.table.aligned-text span { padding: 0 10px; } .ForeignPaymentOrderV2 input, .foreignDialog input { height: 40px; } .ForeignPaymentOrderV2 .select-1 .dk-selected, .foreignDialog .select-1 .dk-selected { padding: 10px 35px 10px 16px; height: 40px; box-sizing: border-box; } .ForeignPaymentOrderV2 .paymentCodeCustomInput, .foreignDialog .paymentCodeCustomInput { margin: 0; padding: 0; border: 0; width: 40%; position: absolute; top: 4px; left: 4px; height: 30px !important; } .ForeignPaymentOrderV2 .pdf-wrapper, .foreignDialog .pdf-wrapper { height: 40px; } .ForeignPaymentOrderV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .foreignDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate { position: absolute; } .ForeignPaymentOrderV2 .tableFilter, .ForeignPaymentOrderV2 .group-inner, .foreignDialog .tableFilter, .foreignDialog .group-inner { margin-bottom: 16px; } .ForeignPaymentOrderV2 .tableFilter.textarea, .ForeignPaymentOrderV2 .group-inner.textarea, .foreignDialog .tableFilter.textarea, .foreignDialog .group-inner.textarea { margin-bottom: 22px; } .ForeignPaymentOrderV2 .foreign-payments-intro .foreign-payments-intro-wrapper, .foreignDialog .foreign-payments-intro .foreign-payments-intro-wrapper { align-items: end; } .ForeignPaymentOrderV2 .foreign-payments-intro .foreign-payments-intro-wrapper .group-inner, .foreignDialog .foreign-payments-intro .foreign-payments-intro-wrapper .group-inner { width: 23%; } .ForeignPaymentOrderV2 .see-all-details, .foreignDialog .see-all-details { display: block; font-size: 14px; color: #0a79b8; -webkit-transition: all .3s; transition: all .3s; } .ForeignPaymentOrderV2 .see-all-details .see-all-details-text, .foreignDialog .see-all-details .see-all-details-text { display: inline-block; } .ForeignPaymentOrderV2 .see-all-details .see-less-details-text, .foreignDialog .see-all-details .see-less-details-text { display: none; } .ForeignPaymentOrderV2 .see-all-details.active .see-all-details-text, .foreignDialog .see-all-details.active .see-all-details-text { display: none; } .ForeignPaymentOrderV2 .see-all-details.active .see-less-details-text, .foreignDialog .see-all-details.active .see-less-details-text { display: inline-block; } .ForeignPaymentOrderV2 .see-all-details .btn-with-round-plus, .foreignDialog .see-all-details .btn-with-round-plus { position: relative; padding: 2px 2px 2px 26px; } .ForeignPaymentOrderV2 .see-all-details .btn-with-round-plus .btn-with-round-plus-ico, .foreignDialog .see-all-details .btn-with-round-plus .btn-with-round-plus-ico { position: absolute; width: 17px; height: 16px; top: -webkit-calc(50% - 1px); top: calc(50% - 1px); left: 2px; -webkit-transform: translateY(-50%); transform: translateY(-50%); stroke: currentColor; } .ForeignPaymentOrderV2 .foreign-currency .dk-selected { z-index: 23; } .ForeignPaymentOrderV2 .foreign-currency .dk-select-options { z-index: 22; } .ForeignPaymentOrderV2 .validationMessage { font-size: 10px; } .ui-dialog.information { padding: 20px 40px; position: fixed !important; top: 50% !important; transform: translateY(-50%) !important; } .ui-dialog.information:before { display: none; } .ui-dialog.information .ui-dialog-titlebar { display: block !important; background: #fff; border: none; } .ui-dialog.information button.ui-dialog-titlebar-close { display: none; } .ui-dialog.information .ui-dialog-title { width: 100%; } .ui-dialog.information .ui-dialog-buttonset { display: flex !important; flex-direction: row !important; } .clientGrid thead th div .sort-indicator { position: inherit !important; margin: unset !important; } #messageBoxElement { text-align: center !important; } .orderSendingDetailsPopup .popup-ammount-ico-wrapper { background-color: #36da70 !important; } .orderSendingDetailsPopup .popup-ammount-ico-wrapper.fail { background-color: #ff5858 !important; } .orderSendingDetailsPopup .background-2 { background-color: #fff; } .orderSendingDetailsPopup .profile-text-arrow { float: right; } .orderSendingDetailsPopup .user-accout-card-svg { position: absolute; width: 26px; height: 24px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); fill: #333333; stroke: #333333; } .foreignDialog, .salaryDialog { background-color: #fff !important; margin: 0; padding: 0 !important; } .foreignDialog .ui-dialog-titlebar, .salaryDialog .ui-dialog-titlebar { display: none; } .foreignDialog .modal-title, .salaryDialog .modal-title { font-family: Source Sans Pro bold,sans-serif; font-size: 24px; letter-spacing: -.02em; text-align: center; color: #191e39; margin-bottom: 20px; } .foreignDialog .page-text, .salaryDialog .page-text { font-size: 15px; } .foreignDialog .text-color-4, .salaryDialog .text-color-4 { color: #8294a8; } .foreignDialog .margin-0, .salaryDialog .margin-0 { margin-bottom: 0; } .foreignDialog .button-fixed-width, .salaryDialog .button-fixed-width { min-width: 150px; } .foreignDialog .btn-1, .salaryDialog .btn-1 { position: relative; display: inline-block; font-family: Source Sans Pro bold,sans-serif; font-size: 15px; line-height: 1.2; text-align: center; border: none; border-radius: 6px; padding: 16px 17px; min-height: 50px; cursor: pointer; -webkit-transition: background .3s; transition: background .3s; overflow: hidden; height: 40px; } .foreignDialog .btn-1.color-3, .salaryDialog .btn-1.color-3 { border: 1px solid #0a79b8; background-color: #fff; color: #0a79b8; } .foreignDialog .btn-1.color-3:hover, .salaryDialog .btn-1.color-3:hover { background-color: rgba(10, 121, 184, 0.1); } .foreignDialog .flex-layout, .salaryDialog .flex-layout { flex-wrap: wrap; } .foreignDialog .foreign-payment-form, .salaryDialog .foreign-payment-form { border-radius: 20px; border: 1px solid #d7dde4; background-color: #f5f8fb; padding: 30px 20px; } .foreignDialog .foreign-payment-form .group-inner, .salaryDialog .foreign-payment-form .group-inner { width: 48%; } .foreignDialog .foreign-payment-form .group-inner.threeElement, .salaryDialog .foreign-payment-form .group-inner.threeElement { width: 32%; } .foreignDialog .label-1, .salaryDialog .label-1 { display: block; font-family: Source Sans Pro semibold,sans-serif; font-size: 12px; color: #8294a8; padding: 0 0 0 16px; margin-bottom: 6px; } .foreignDialog .foreign-payment-order-wrapper, .salaryDialog .foreign-payment-order-wrapper { padding-bottom: 10px; background-image: -webkit-gradient(linear, left top, right top, color-stop(33%, rgba(0, 0, 0, 0.5)), color-stop(0, rgba(255, 255, 255, 0))); background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 33%, rgba(255, 255, 255, 0) 0); background-position: bottom; background-size: 3px 1px; background-repeat: repeat-x; } .foreignDialog .foreign-payment-order-wrapper .group-inner, .salaryDialog .foreign-payment-order-wrapper .group-inner { margin-left: 0; margin-right: 0; } .foreignDialog .foreign-beneficiary-details-wrapper .group-inner, .salaryDialog .foreign-beneficiary-details-wrapper .group-inner { margin-left: 0; margin-right: 0; } .foreignDialog .transaction-filter-box, .salaryDialog .transaction-filter-box { margin: 0 8px; position: relative; } .foreignDialog .group-inner.account-creation, .salaryDialog .group-inner.account-creation { margin-bottom: 20px; } .foreignDialog .input-wrap, .salaryDialog .input-wrap { position: relative; border-radius: 6px; } .foreignDialog .group-inner.account-creation .input-1, .salaryDialog .group-inner.account-creation .input-1 { max-height: unset; height: 50px; } .foreignDialog .payment-filter-wrapper.dropdown-tables, .foreignDialog .payment-filter-wrapper.popup-input-table, .salaryDialog .payment-filter-wrapper.dropdown-tables, .salaryDialog .payment-filter-wrapper.popup-input-table { overflow-x: visible; } .foreignDialog .is-filter.any-height, .salaryDialog .is-filter.any-height { min-height: unset; } .foreignDialog .margin-2, .salaryDialog .margin-2 { margin-bottom: 20px; } .foreignDialog .payment-filter, .salaryDialog .payment-filter { border-bottom: 1px solid #8294a8; display: flex !important; } .foreignDialog .table-wrap .cols-wrap, .salaryDialog .table-wrap .cols-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .foreignDialog .payment-filter-wrapper.popup-input-table .payment-filter, .foreignDialog .payment-filter-wrapper.popup-input-table .payment-info-wrapper, .salaryDialog .payment-filter-wrapper.popup-input-table .payment-filter, .salaryDialog .payment-filter-wrapper.popup-input-table .payment-info-wrapper { min-width: 900px; } .foreignDialog .table-wrap .col-1, .salaryDialog .table-wrap .col-1 { width: 8.33333%; } .foreignDialog .table-wrap .col-2, .salaryDialog .table-wrap .col-2 { width: 16.66667%; } .foreignDialog .table-wrap .col-5, .salaryDialog .table-wrap .col-5 { width: 41.66667%; } .foreignDialog .table-wrap .cols-wrap > div, .salaryDialog .table-wrap .cols-wrap > div { padding: 5px 0 5px 5px; } .foreignDialog .table-wrap .cols-wrap > div.small-offset-left, .salaryDialog .table-wrap .cols-wrap > div.small-offset-left { padding-left: 30px; } .foreignDialog .payment-filter-box .page-text-2, .salaryDialog .payment-filter-box .page-text-2 { padding-right: 25px; display: inline-block; margin-bottom: 15px; line-height: 1; -webkit-transition: color .5s; transition: color .5s; } .foreignDialog .payment-row, .salaryDialog .payment-row { min-height: 54px; color: #000; } .foreignDialog .group-inner.no-margin, .salaryDialog .group-inner.no-margin { margin-bottom: 0; } .foreignDialog .modal-inner .table-layout .group-inner, .salaryDialog .modal-inner .table-layout .group-inner { width: 100%; } .foreignDialog .show-per-page.full-width, .salaryDialog .show-per-page.full-width { width: 100%; } .foreignDialog .modal-inner .table-layout .group-inner, .salaryDialog .modal-inner .table-layout .group-inner { width: 100%; } .foreignDialog .table-wrap .cols-wrap > div.offset-right, .salaryDialog .table-wrap .cols-wrap > div.offset-right { padding-right: 30px; } .foreignDialog .form-button-footer, .salaryDialog .form-button-footer { width: 100%; padding-top: 40px; border-top: 1px solid #8294a8; row-gap: 10px; } .foreignDialog .table-layout .buttons, .salaryDialog .table-layout .buttons { max-width: 220px; width: 100%; } .foreignDialog .table-layout .buttons .btn-1, .salaryDialog .table-layout .buttons .btn-1 { width: 100%; max-width: 100px; display: inline-flex; align-items: center; justify-content: center; } .foreignDialog .btn-1.color-3, .salaryDialog .btn-1.color-3 { border: 1px solid #0a79b8; background-color: #fff; color: #0a79b8; } .foreignDialog .btn-1.color-3.orange-text, .salaryDialog .btn-1.color-3.orange-text { color: #ff5858; border: 1px solid #ff5858; } .foreignDialog .table-layout .total-amount, .salaryDialog .table-layout .total-amount { max-width: 330px; } .foreignDialog .table-layout .total-amount .group-inner, .salaryDialog .table-layout .total-amount .group-inner { max-width: 162px; width: 100%; padding-right: 0; } .foreignDialog .tableFilter.currencyExchangeOverviewFilter, .salaryDialog .tableFilter.currencyExchangeOverviewFilter { width: 48% !important; } .foreignDialog .foreign-payments-details .foreign-payments-details-wrapper .group-inner.popup-details, .salaryDialog .foreign-payments-details .foreign-payments-details-wrapper .group-inner.popup-details { width: 48%; } .foreignDialog .foreign-payments-details-wrapper .group-inner.popup-details.textarea, .salaryDialog .foreign-payments-details-wrapper .group-inner.popup-details.textarea { width: 100%; } .foreignDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .salaryDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter { padding: 10px 0 !important; height: 48px; box-sizing: border-box; } .ForeignOrderReportCorporateV3 .group-inner, .ForeignOrderReportCorporateV3 .transaction-filter { margin-bottom: 14px !important; } .ForeignOrderReportCorporateV3 .dot-menu-text-wrapper { top: -64px; } .ForeignOrderReportCorporateV3 .transaction-filter-box { min-width: 200px; } /*.AccountSlider { .user-intro-select-wrapper:not(.profile_url) { position: absolute; right: 500px; top: -100px; margin: 0; z-index: 2; } }*/ /*.AccountSlider { direction: rtl; .account-card-nav { left: 50px; right: auto !important; } .user-account-card-left-col { border-left: 1px solid #d4dfec; border-right: 0px !important; } .user-account-card-right-col { padding-right: 40px; } .user-account-card-right-col-inner { margin-left: 40px; } .tabslider { right: 546px; } #chart { direction: ltr; } }*/ .folioBtn:before { display: none; } .creditorTemplateForeignDialog .all-accounts-popup-wrapper { padding-top: 20px !important; } .creditorTemplateForeignDialog .all-accounts-popup-wrapper .account-item-inner .transaction-popup-details-wrapper .input-wrap .input-1.number { font-family: "pt_sansregular", sans-serif !important; } .creditorTemplateForeignDialog .camera-button { width: 40px; height: 40px; background: -webkit-gradient(linear, left top, right top, from(#0079ff), to(#00c6ff)); background: linear-gradient(90deg, #0079ff, #00c6ff); } .creditorTemplateForeignDialog .camera-icon { width: 20px; height: 15px; fill: #fff; stroke: #fff; } .creditorTemplateForeignDialog .text-color-2 { color: #fff; } .creditorTemplateForeignDialog .image-input-container { width: 80px; height: 80px; margin: 0 auto 40px; } .creditorTemplateForeignDialog .image-input-container .file-input { position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; z-index: 10 !important; cursor: pointer; } .creditorTemplateForeignDialog .image-input-container .camera-button-container { position: absolute; right: -9px; bottom: -9px; } .creditorTemplateForeignDialog .group-inner { width: unset; } .creditorTemplateForeignDialog .object-fit-cover span { display: block; background-image: url("images/pictures/profile-img-template.png"); background-repeat: no-repeat; width: 100%; height: 100%; background-size: contain; } .creditorTemplateForeignDialog .background-2 { background-color: #fff; } .creditorTemplateForeignDialog .costOnBehalf-dialog ul { max-height: 100px; } .salaryDialog { top: 50% !important; max-height: 80vh; overflow-y: auto; } .salaryDialog .dk-selected { padding: 13px 35px 11px 16px; } .salaryDialog .select-1.dk-select-open-down .dk-selected { border-radius: 6px 6px 0 0; border-bottom: transparent; border-color: #0faaea; } .salaryDialog .dk-select.disable .dk-selected { background: #fff; } .salaryDialog .modal-title-wrapper { margin-bottom: 20px; } .salaryDialog .modal-title-wrapper .left-title p { font-family: "pt_sansregular", sans-serif !important; } .salaryDialog h4 { font: 400 20px/1.2 Source Sans Pro,sans-serif; } .salaryDialog .left { text-align: left !important; } .salaryDialog .left .no-alignment { text-align: unset; } .salaryDialog .modal-title { font-weight: 700; } .salaryDialog .margin-3 { margin-bottom: 30px; } .salaryDialog .salaries-form-container { border: 1px solid #d7dde4; padding: 25px; } .salaryDialog .salaries-form-container .salaries-form-wrapper { row-gap: 10px; } .salaryDialog .salaries-form-container .salaries-form-wrapper .group-inner, .salaryDialog .salaries-form-container .salaries-form-wrapper .tableFilter { width: 30% !important; margin: 0; } .salaryDialog .salaries-form-container .salaries-form-wrapper .group-inner .transaction-filter-inner, .salaryDialog .salaries-form-container .salaries-form-wrapper .tableFilter .transaction-filter-inner { width: unset; } .salaryDialog .salaries-form-container .salaries-form-wrapper .group-inner .transaction-filter-inner .transaction-filter-box, .salaryDialog .salaries-form-container .salaries-form-wrapper .tableFilter .transaction-filter-inner .transaction-filter-box { width: 100% !important; margin: 0px; } .salaryDialog .table-wrap .col-3 { width: 25%; } .salaryDialog .table-wrap .col-4 { width: 33.33333%; } .salaryDialog .table-wrap .col-2 { width: 16.66667%; } .salaryDialog .table-wrap .cols-wrap > div { padding: 5px 0 5px 5px; } .salaryDialog .table-wrap .cols-wrap > div.small-offset-left { padding-left: 30px; } .salaryDialog .table-wrap .cols-wrap > div.offset-right { padding-right: 30px; } .salaryDialog .form-button-footer { width: 100%; padding-top: 40px; border-top: 1px solid #8294a8; row-gap: 10px; } .salaryDialog .form-button-footer.less-padding { padding-top: 25px; } .salaryDialog .modal-inner .table-layout .buttons { max-width: 220px; width: 100%; } .salaryDialog .modal-inner .table-layout .buttons.wide-buttons { max-width: 320px; } .salaryDialog button { margin-right: 10px; } .salaryDialog a.btn-1 { min-height: unset !important; line-height: unset; } .salaryDialog a.btn-1:before { display: none; } .salaryDialog .btn-1.logout.table { padding: 5px 0px !important; } .salaryDialog .btn-1.logout.table span { position: relative; top: 9px; } .salaryDialog .popup-table-footer { width: 54.5%; margin-left: auto; padding: 10px 0 25px; } .salaryDialog .popup-table-footer .page_link { display: none !important; } .salaryDialog .btn-3 { position: relative; display: inline-block; width: 40px; height: 40px; padding: 6px; border: 1px solid #0a79b8; -webkit-transition: background .3s; transition: background .3s; cursor: pointer; box-sizing: border-box; } .salaryDialog .btn-3.btn-shadow { box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); } .salaryDialog .payment-filter-page-nav.type-2 .btn-3:first-child { margin-right: 4px; margin-left: 0; } .salaryDialog .payment-filter-page-nav.type-2 .btn-3:last-child { margin-left: 4px; margin-right: 0; } .salaryDialog .profile-text-arrow { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 7px; height: 12px; fill: #b8bac4; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s,-webkit-transform .5s; cursor: pointer; } .salaryDialog .payment-filter-page-nav .profile-text-arrow { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); fill: #353f4a; } .salaryDialog .payment-filter-page-nav .payment-nav-prev .profile-text-arrow { -webkit-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); } .salaryDialog .background-2 { background-color: #fff; } .salaryDialog .btn-3:hover { background-color: rgba(10, 121, 184, 0.1); } .salaryDialog .fromDate.hasDatepicker { padding: 0 16px !important; } .salaryDialog .payment-filter-recipient { cursor: pointer; } .salaryDialog .payment-filter-recipient div { position: relative; width: fit-content; } .salaryDialog .payment-filter-recipient div .payment-filter-ico { top: 5px; } .salaryDialog .payment-filter-recipient:nth-child(4) div { float: right; } .salaryDialog .ellipse.less, .salaryDialog .ellipse.more { display: none !important; } .salaryDialog .searchBox input { border: 1px solid #b4bfcb; border-radius: 6px; padding: 6px 10px; } .SalariesPaymentOrder { margin-bottom: 50px; } .SalariesPaymentOrder .s-widget-title { margin-bottom: 0; font-weight: bold; } .SalariesPaymentOrder .btn-1.logout.table { padding: 13px 12px !important; margin-top: 15px; } .SalariesPaymentOrder .group-inner { margin-bottom: 20px; } .SalariesPaymentOverview .gvOrderOverview thead th { width: 25%; font-size: 13px; font-family: Source Sans Pro semibold,sans-serif; color: #8294a8; } .SalariesPaymentOverview .gvOrderOverview thead th:nth-child(2) { padding-left: 30px; } .SalariesPaymentOverview .gvOrderOverview tbody td { width: 25%; } .SalariesPaymentOverview .gvOrderOverview tbody td:nth-child(2) { padding-left: 30px; } .InflowsCorporateV2 .tableHeader { font-family: Source Sans Pro bold,sans-serif; font-size: 24px; font-weight: bold; margin-bottom: 20px; } .ui-dialog.right-dialog.details-dialog.inflowDetails { width: 560px !important; } .ui-dialog.right-dialog.details-dialog.inflowDetails .mCSB_container { overflow: unset; } .right-dialog .mCustomScrollBox { padding: 0 40px; } .ui-dialog.information .ui-dialog-buttonset > button:first-child { background-color: #0a79b8 !important; color: #fff !important; } .ui-dialog.information .ui-dialog-buttonset > button:only-child { background-color: #ededed !important; color: #0a79b8 !important; } .DomesticOrderCorporateV3 .amount .validationMessage, .DomesticOrderPublicCorporateV3 .amount .validationMessage { white-space: unset; height: 20px; } .search_area { width: 82%; height: 79px; margin: 0 20px; position: relative; max-width: 260px; } .search_area .input-1 { height: 40px; } .search_area [type="search"]::-webkit-search-cancel-button, .search_area [type="search"]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; } .search_area svg { position: absolute; width: 18px; height: 18px; top: 25%; right: 16px; transform: translateY(-50%); } .transaction-destination { height: 37px; } .debitAccountSelectDialog, .languageSelectDialog { padding: 25px 14px 25px 18px !important; } .debitAccountSelectDialog .all-account-popup-title, .languageSelectDialog .all-account-popup-title { padding: 12px 50px 0px 0px; } .debitAccountSelectDialog .all-account-close, .languageSelectDialog .all-account-close { top: 4px !important; right: 4px !important; } .debitAccountSelectDialog:before, .languageSelectDialog:before { content: ""; display: table !important; width: 40px; height: 6px !important; border-radius: 6px; margin: auto; margin-bottom: 5px; background-color: #0a79b8; } .inflowsManaging { width: 1000px !important; height: 600px !important; } .user-intro-section-profile-box.companyInfo { border-right: 1px dotted #fff; border-radius: initial; width: auto; cursor: default; margin: 0; } .user-intro-section-profile-box.companyInfo p { color: #fff; margin-bottom: 0; padding-right: 8px; margin-top: 0; } .user-intro-section-profile-box.companyInfo p.name { font-weight: bold; font-size: 15px; } .user-intro-section-profile-box.companyInfo p.number { font-weight: lighter; font-size: 14px; } .user-intro-section-name .companyInfo { border-right: none; } .user-intro-section-name .companyInfo p { display: inline-block; } .user-intro-section-name .companyInfo p.name { border-right: 1px dotted #fff; border-radius: initial; } .languageSelectDialog { height: 420px !important; } .languageSelectDialog .ui-dialog-titlebar { display: none; } .languageSelectDialog .all-account-popup-title { padding: 12px 0px 0px 0px; } .languageSelectDialog .page-text { margin-bottom: unset; font-weight: bold; } .languageSelectDialog .ui-dialog-buttonpane { padding-top: unset; } .languageSelectDialog .ui-dialog-buttonpane .ui-dialog-buttonset button { width: 100% !important; margin: 0; display: inline-block; font-size: 15px; padding: 14px 28px; border: 1px solid #0a79b8 !important; text-align: center; transition: background-color .5s; border-radius: 6px; font-family: "Source-Sans-Pro-semibold", sans-serif; background: transparent !important; background: transparent !important; color: #0a79b8 !important; } .languageSelectDialog .ui-dialog-buttonset { padding-top: unset; } .debitAccountSelectDialog .page-text { margin-bottom: unset; } .legalEntityBox { max-height: 500px; } .legalEntityBox .legalEntityContainer { height: 100%; } .detailTable td { border-bottom: 1px solid #ddd; padding: 4px; } .foreignInstructions { width: 450px !important; padding: 0.5em 1em; } .foreignInstructions .instructionItems { display: flex; padding: 8px; } .foreignInstructions .instructionItems .instructionName { font-weight: bold; width: 150px; } .foreignInstructions .instructionItems .instructionValue { width: 150px; float: right; } .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner { width: 100%; } .ForeignOrderReportCorporateV3 .transaction-filter-box, .ForeignOrderReportCorporateV3 .group-inner { min-width: 190px !important; } .details-dialog.foreignInstructions { transform: translateY(-50%) !important; } .details-dialog.foreignInstructions .ui-dialog-titlebar { margin-bottom: 30px; } .details-dialog.foreignInstructions .ui-dialog-content { padding: 0; } .title-7 { font-size: 22px; } .online-products-tabs-wrapper { margin-left: -8px; margin-right: -8px; } .online-products-tab { display: inline-block !important; max-height: 40px; padding: 12px 18px 11px; margin: 0 8px 16px; border: 1px solid #b4bfcb; border-radius: 20px; color: #b4bfcb; font-family: Source Sans Pro bold,sans-serif; font-size: 15px; font-weight: bold; line-height: 1; letter-spacing: -.02em; -webkit-transition: color .3s,background-color .3s,border .3s; transition: color .3s,background-color .3s,border .3s; } @media only screen and (max-width: 1600px) { .online-products-tab { padding: 12px 8px 11px; margin: 0 4px 16px; } } .online-products-tab.active { color: #fff; background: linear-gradient(45deg, #0079ff, #00c6ff); border: none; pointer-events: none; } .online-products-tab:hover { color: #0a79b8; border-color: #0a79b8; } .PaymentOrderV4Mk, .PaymentOrderV3Mk, .PaymentOrderV4Public { margin: 0 auto; max-width: 830px; float: unset !important; } .PaymentOrderV4Mk .content-container input, .PaymentOrderV4Mk .content-container textarea, .PaymentOrderV4Mk .content-container select, .PaymentOrderV3Mk .content-container input, .PaymentOrderV3Mk .content-container textarea, .PaymentOrderV3Mk .content-container select, .PaymentOrderV4Public .content-container input, .PaymentOrderV4Public .content-container textarea, .PaymentOrderV4Public .content-container select { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .PaymentOrderV4Mk input, .PaymentOrderV3Mk input, .PaymentOrderV4Public input { height: 40px; } .PaymentOrderV4Mk .title-2, .PaymentOrderV3Mk .title-2, .PaymentOrderV4Public .title-2 { font-size: 18px !important; } .PaymentOrderV4Mk .all-account-popup-title, .PaymentOrderV3Mk .all-account-popup-title, .PaymentOrderV4Public .all-account-popup-title { display: none; } .PaymentOrderV4Mk .tableFilter .transaction-filter-inner, .PaymentOrderV3Mk .tableFilter .transaction-filter-inner, .PaymentOrderV4Public .tableFilter .transaction-filter-inner { width: 100%; } .PaymentOrderV4Mk .validationMessage, .PaymentOrderV3Mk .validationMessage, .PaymentOrderV4Public .validationMessage { font-size: 10px; white-space: normal; } .PaymentOrderV4Public .account .validationMessage { white-space: unset; height: 20px; } .domestic-mode[disabled] { pointer-events: none !important; } .domestic-mode[disabled] .dk-selected { background-color: #fff !important; border: unset; color: #8294a8; } .domestic-mode .dk-selected { background-color: #fff !important; } .paymentCodeCustomInput { margin: 0; padding: 0; border: 0; width: 40%; position: absolute; top: 4px; left: 4px; height: 30px !important; } .paymentCodeCustomInput:disabled { background-color: #fff !important; padding-left: 10px; } .crontoDialog { width: 800px !important; height: auto !important; } .crontoDialog .all-account-popup-title { top: 6px; } .crontoDialog .ui-dialog-buttonset { width: 300px; margin: 0 auto; } .PaymentOrderV4Mk .group-inner .select-1.dk-select-open-down .dk-selected, .PaymentOrderV4Mk .group-inner .select-1.dk-select-open-up .dk-selected, .PaymentOrderV4Public .group-inner .select-1.dk-select-open-down .dk-selected, .PaymentOrderV4Public .group-inner .select-1.dk-select-open-up .dk-selected, .PaymentOverviewV3 .group-inner .select-1.dk-select-open-down .dk-selected, .PaymentOverviewV3 .group-inner .select-1.dk-select-open-up .dk-selected, .SalariesPaymentOverview .group-inner .select-1.dk-select-open-down .dk-selected, .SalariesPaymentOverview .group-inner .select-1.dk-select-open-up .dk-selected, .ForeignPaymentOrderV2 .group-inner .select-1.dk-select-open-down .dk-selected, .ForeignPaymentOrderV2 .group-inner .select-1.dk-select-open-up .dk-selected, .ForeignPaymentOverviewV2 .group-inner .select-1.dk-select-open-down .dk-selected, .ForeignPaymentOverviewV2 .group-inner .select-1.dk-select-open-up .dk-selected, .creditorTemplateForeignDialog .group-inner .select-1.dk-select-open-down .dk-selected, .creditorTemplateForeignDialog .group-inner .select-1.dk-select-open-up .dk-selected, .creditorTemplateDialog .group-inner .select-1.dk-select-open-down .dk-selected, .creditorTemplateDialog .group-inner .select-1.dk-select-open-up .dk-selected, .creditorTemplateDialogPublic .group-inner .select-1.dk-select-open-down .dk-selected, .creditorTemplateDialogPublic .group-inner .select-1.dk-select-open-up .dk-selected { border-radius: 6px 6px 0 0; border-bottom: transparent; border-right: 1px solid #0faaea; border-color: #0faaea; } .paymentOverviewRepeat { border: none !important; border-radius: 6px !important; background: #fff !important; padding: 10px 20px !important; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08) !important; font-family: Source Sans Pro bold, sans-serif !important; font-weight: bold !important; color: #353f4a !important; } .paymentOverviewRepeat:focus { border: none !important; background: #fff !important; padding: 10px 20px !important; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08) !important; font-weight: bold !important; } .paymentOverviewRepeat:active { color: #2b2b2b !important; font-weight: bold !important; } .paymentOverviewRepeat:hover { background-color: rgba(10, 121, 184, 0.1) !important; border: none !important; font-weight: bold !important; } .dk-select-options { scrollbar-width: thin; } .promo-cards-wrapper { margin: 0; display: flex; flex-wrap: wrap; max-width: 100%; min-height: 380px; } .promo-cards-wrapper .promo-card { width: calc(33.333333% - 18px); margin: 0 9px 44px; border-radius: 30px; overflow: hidden; box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.12); transition: box-shadow .3s; } .promo-cards-wrapper .promo-card:hover { box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.24); } .promo-cards-wrapper .promo-card:hover .promo-card-img { transform: scale(1.05); } .promo-cards-wrapper .promo-card-img-wrapper { width: 100%; height: 14vw; max-height: 200px; overflow: hidden; background-color: #0a79b8; } .promo-cards-wrapper .promo-card-img { transition: transform .3s ease-in; } .promo-cards-wrapper .promo-card-content { padding: 22px 24px; background-color: #fff; } .promo-cards-wrapper .promo-card-content.promo-card-content-center { height: calc(100% - 14vw); } .promo-cards-wrapper .promo-card-logo-wrapper { width: 40px; height: 40px; border: 1px solid #9CCC66; border-radius: 50%; overflow: hidden; } .promo-cards-wrapper .promo-card-text-wrapper { width: calc(100% - 40px); padding-left: 16px; } .promo-card-img-wrapper img { background-image: url(images/forms/forms_image.jpg); margin: auto !important; float: none !important; left: auto; } .promo-card-img-wrapper img.epolisa { background-image: url(../../Home/Html/images/epolisa.jpg); margin: auto !important; float: none !important; left: auto; } .promo-card-img-wrapper img.insurance { background-image: url(../../Home/Html/images/insurence.jpg); margin: auto !important; float: none !important; left: auto; } .promo-card-img-wrapper img.visaclasic { background-image: url(images/forms/img_vcc.png); margin: auto !important; float: none !important; left: auto; } .promo-card-img-wrapper img.visagoldinsurance { background-image: url(images/forms/img_vg.png); margin: auto !important; float: none !important; left: auto; } .promo-card-img-wrapper img.visatravel { background-image: url(images/forms/img_vpwc.png); margin: auto !important; float: none !important; left: auto; } .promo-card-img-wrapper img.mastercardcredit { background-image: url(images/forms/img_mcc.png); margin: auto !important; float: none !important; left: auto; } .promo-card-img-wrapper img.mastercard { background-image: url(images/forms/img_mcd.png); margin: auto !important; float: none !important; left: auto; } .promo-card-img-wrapper img.visadebitplatinum { background-image: url(images/forms/img_vpld.png); margin: auto !important; float: none !important; left: auto; } .promo-card-img-wrapper img.visapaywave { background-image: url(images/forms/img_vpwd.png); margin: auto !important; float: none !important; left: auto; } .promo-card-img-wrapper img.mastercardworlddebit { background-image: url(images/forms/img_mcwd.png); margin: auto !important; float: none !important; left: auto; } .promo-card-img-wrapper img.newcreditcard, .promo-card-img-wrapper img.новакредитнакартичка { background-image: url(images/forms/forms_image_creditcard.jpg); margin: auto !important; float: none !important; left: auto; } .promo-card-img-wrapper img.overdraftmkd, .promo-card-img-wrapper img.дозволенопречекорувањемкд { background-image: url(images/forms/forms_image_overdraft.jpg); margin: auto !important; float: none !important; left: auto; } .promo-card-img-wrapper img.creditmkd, .promo-card-img-wrapper img.кредитmкд { background-image: url(images/forms/forms_image_newcredit.jpg); margin: auto !important; float: none !important; left: auto; } .promo-card-img-wrapper img.timedepositmkd, .promo-card-img-wrapper img.timedepositeur, .promo-card-img-wrapper img.орочендепозитмкд, .promo-card-img-wrapper img.орочендепозитеур { background-image: url(images/forms/forms_image_newdeposit.jpg); margin: auto !important; float: none !important; left: auto; } .e-insurance-banner { margin: 20px 10px; } .e-insurance-banner .promo-cards-wrapper .promo-card { width: 100% !important; } .exchangeCommissionDialog.ui-dialog.right-dialog .ui-dialog-content, .exchangeConfirmationView.ui-dialog.right-dialog .ui-dialog-content { height: 100% !important; } .packageCommissionDetails .account-item-inner { height: calc(100% - 280px); } .packageCommissionDetails .account-item-inner .transaction-popup-detail .page-text.number { font-family: "pt_sansregular", sans-serif !important; } .packageCommissionDetails .account-item-inner .transaction-popup-details-wrapper { /*border-bottom: 1px solid;*/ margin-bottom: 20px; padding-bottom: 20px; } .packageCommissionDetails .account-item-inner .transaction-popup-details-wrapper .transaction-popup-detail { padding: 4px; margin-bottom: 5px; } .packageCommissionDetails .account-item-inner .transaction-popup-details-wrapper .transaction-popup-detail .page-text.number { font-family: "pt_sansregular", sans-serif !important; } .unsuccessfulDetails .account-item-inner .transaction-popup-detail .page-text-2.number { font-family: "pt_sansregular", sans-serif !important; } .unsuccessfulDetails .account-item-inner .transaction-popup-details-wrapper .transaction-popup-detail .page-text-2.number { font-family: "pt_sansregular", sans-serif !important; } .smartSendTemplate .input-1 { font-family: "pt_sansregular", sans-serif !important; } .ui-dialog.details-dialog.futureInstallmentsDialog .modal-inner { min-width: 1100px; } .ui-dialog.details-dialog.futureInstallmentsDialog .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-2 { width: 15%; } .ui-dialog.details-dialog.futureInstallmentsDialog .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-4 { width: 9%; } .ui-dialog.details-dialog.futureInstallmentsDialog .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-1 { width: 16%; } .ui-dialog.details-dialog.futureInstallmentsDialog .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-3 { width: 25%; } .ui-dialog.details-dialog.futureInstallmentsDialog .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .small-offset-left { padding-left: 30px; } .ui-dialog.details-dialog.futureInstallmentsDialog .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper { min-width: 912px; } .ui-dialog.details-dialog.futureInstallmentsDialog .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap div { padding: 5px 0 5px 5px; } .ui-dialog.details-dialog.futureInstallmentsDialog .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-2 { width: 15%; } .ui-dialog.details-dialog.futureInstallmentsDialog .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-4 { width: 9%; } .ui-dialog.details-dialog.futureInstallmentsDialog .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-1 { width: 18%; } .ui-dialog.details-dialog.futureInstallmentsDialog .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-3 { width: 25%; } .ui-dialog.details-dialog.futureInstallmentsDialog .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .small-offset-left { padding-left: 30px; } .icon-discounts-png .holos-menu-item svg { background-color: transparent !important; } .icon-discounts-png .holos-menu-item:hover .main-nav-link-ico svg, .icon-discounts-png .holos-menu-item.selected .main-nav-link-ico svg { background: url("images/icons/ic_popusti_hover@2x.png") no-repeat center/100%; } .icon-discounts-png .holos-menu-item .main-nav-link-ico svg { background: url("images/icons/ic_popusti_hover@2x-invert.png") no-repeat center/100%; } .AccountSlider .warning-text { position: relative; } /*#region fonts*/ @font-face { font-family: 'Lato'; src: url("fonts/Lato-Regular.eot"); src: url("fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Regular.woff") format("woff"), url("fonts/Lato-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Lato-Semibold'; src: url("fonts/Lato-Semibold.eot"); src: url("fonts/Lato-Semibold.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Semibold.woff") format("woff"), url("fonts/Lato-Semibold.ttf") format("truetype"); font-weight: 600; } @font-face { font-family: 'Lato-Bold'; src: url("fonts/Lato-Bold.eot"); src: url("fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Bold.woff") format("woff"), url("fonts/Lato-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: 'Sarabun'; src: url("fonts/Sarabun-ExtraBold.eot"); src: url("fonts/Sarabun-ExtraBold.eot?#iefix") format("embedded-opentype"), url("fonts/Sarabun-ExtraBold.woff") format("woff"), url("fonts/Sarabun-ExtraBold.ttf") format("truetype"); font-style: normal; } @font-face { font-family: 'Sarabun-Bold'; src: url("fonts/Sarabun-Bold.eot"); src: url("fonts/Sarabun-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Sarabun-Bold.woff") format("woff"), url("fonts/Sarabun-Bold.ttf") format("truetype"); font-style: normal; } @font-face { font-family: 'Sarabun-SemiBold'; src: url("fonts/Sarabun-SemiBold.eot"); src: url("fonts/Sarabun-SemiBold.eot?#iefix") format("embedded-opentype"), url("fonts/Sarabun-SemiBold.woff") format("woff"), url("fonts/Sarabun-SemiBold.ttf") format("truetype"); font-style: normal; } @font-face { font-family: 'Source-Sans-Pro'; src: url("fonts/sourcesanspro-regular.woff2") format("woff2"), url("fonts/sourcesanspro-regular.woff") format("woff"), url("fonts/sourcesanspro-regular.ttf") format("truetype"); font-weight: 400; font-style: normal; /*font-display: swap*/ } @font-face { font-family: 'Source-Sans-Pro-bold'; src: url("fonts/sourcesanspro-bold.woff2") format("woff2"), url("fonts/sourcesanspro-bold.woff") format("woff"), url("fonts/sourcesanspro-bold.ttf") format("truetype"); font-weight: 400; font-style: normal; /*font-display: swap*/ } @font-face { font-family: 'Source-Sans-Pro-semibold'; src: url("fonts/sourcesanspro-semibold.woff2") format("woff2"), url("fonts/sourcesanspro-semibold.woff") format("woff"), url("fonts/sourcesanspro-semibold.ttf") format("truetype"); font-weight: 400; font-style: normal; /*font-display: swap*/ } /*#endregion fonts*/ /* colors */ @media only screen and (min-width: 961px) { .logo { position: static; width: 450px; height: 80px; background: url("images/logo.png") no-repeat; margin-top: 30px; margin-left: 20px; } .main-menu { position: static; width: auto; margin: 0; } .s-portal-menu { width: 100%; } .userInfoContent { display: block; } .userinfo .s-widget-body { width: auto; height: 100%; } .userinfo .s-widget-header { display: none; } .userInfoPopoverPlaceholder { display: none; } .s-portal-menu > .sf-menu { display: block; } .s-portal-menu > .slicknav_menu { display: none; } .UserInfo div.loginControls { border-top-right-radius: 10px; border-top-left-radius: 10px; } } @font-face{font-family:'Lato';src:url("fonts/Lato-Regular.eot?");src:url("fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"),url("fonts/Lato-Regular.woff") format("woff"),url("fonts/Lato-Regular.ttf") format("truetype");font-weight:400;font-style:normal;}@font-face{font-family:'Lato-Semibold';src:url("fonts/Lato-Semibold.eot?");src:url("fonts/Lato-Semibold.eot?#iefix") format("embedded-opentype"),url("fonts/Lato-Semibold.woff") format("woff"),url("fonts/Lato-Semibold.ttf") format("truetype");font-weight:600;}@font-face{font-family:'Lato-Bold';src:url("fonts/Lato-Bold.eot?");src:url("fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"),url("fonts/Lato-Bold.woff") format("woff"),url("fonts/Lato-Bold.ttf") format("truetype");font-weight:700;font-style:normal;}@font-face{font-family:'Sarabun';src:url("fonts/Sarabun-ExtraBold.eot?");src:url("fonts/Sarabun-ExtraBold.eot?#iefix") format("embedded-opentype"),url("fonts/Sarabun-ExtraBold.woff") format("woff"),url("fonts/Sarabun-ExtraBold.ttf") format("truetype");font-style:normal;}@font-face{font-family:'Sarabun-Bold';src:url("fonts/Sarabun-Bold.eot?");src:url("fonts/Sarabun-Bold.eot?#iefix") format("embedded-opentype"),url("fonts/Sarabun-Bold.woff") format("woff"),url("fonts/Sarabun-Bold.ttf") format("truetype");font-style:normal;}@font-face{font-family:'Sarabun-SemiBold';src:url("fonts/Sarabun-SemiBold.eot?");src:url("fonts/Sarabun-SemiBold.eot?#iefix") format("embedded-opentype"),url("fonts/Sarabun-SemiBold.woff") format("woff"),url("fonts/Sarabun-SemiBold.ttf") format("truetype");font-style:normal;}@font-face{font-family:'Source-Sans-Pro';src:url("fonts/sourcesanspro-regular.woff2") format("woff2"),url("fonts/sourcesanspro-regular.woff") format("woff"),url("fonts/sourcesanspro-regular.ttf") format("truetype");font-weight:400;font-style:normal;}@font-face{font-family:'Source-Sans-Pro-bold';src:url("fonts/sourcesanspro-bold.woff2") format("woff2"),url("fonts/sourcesanspro-bold.woff") format("woff"),url("fonts/sourcesanspro-bold.ttf") format("truetype");font-weight:400;font-style:normal;}@font-face{font-family:'Source-Sans-Pro-semibold';src:url("fonts/sourcesanspro-semibold.woff2") format("woff2"),url("fonts/sourcesanspro-semibold.woff") format("woff"),url("fonts/sourcesanspro-semibold.ttf") format("truetype");font-weight:400;font-style:normal;}.LoginRetail .login-form-col,.LoginBackground .login-promo-main{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.passVisibility{position:absolute;top:15px;right:12px;width:20px;height:20px;background-image:url("images/login/show-pass.png");background-size:cover;cursor:pointer;}.passVisibility.visiblePass{background-image:url("images/login/hide-pass.png");}.LoginRetail .login-form-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:center;width:33.33%;background:#f5f8fb;}.LoginRetail .login-form-col .inner{width:350px;padding-top:162px;margin:0 auto 20px;}.LoginRetail .login-form-col .inner .site-logo{background-image:url(images/logo/logo-1.png);width:288px;height:60px;margin:0 auto 53px;background-repeat:no-repeat;background-size:contain;}.LoginRetail .login-form-col .inner .login-form{position:relative;}.LoginRetail .login-form-col .inner .login-form .login-download-wrap{position:absolute;top:-190px;right:-70px;z-index:1;}.LoginRetail .login-form-col .inner .login-form .login-download-wrap .pdf-download{font-family:Source Sans Pro semibold,sans-serif;padding:10px;border-radius:6px;border:1px solid #0a79b8;color:#0a79b8;margin:0;box-shadow:none;font-weight:bold;}.LoginRetail .login-form-col .inner .login-form .login-download-wrap .pdf-download:hover{box-shadow:0 -2px 16px rgba(0,0,0,.08);background-color:rgba(10,121,184,.1);}.LoginRetail .login-form-col .inner .login-form .login-download-wrap .pdf-download svg{fill:#0a79b8;stroke:#0a79b8;}.LoginRetail .login-form-col .inner .login-form .login-download-wrap .pdf-download .page-text{text-transform:unset;width:-webkit-calc(100% - 18px);width:calc(100% - 18px);padding:0 0 0 10px;line-height:1;}.LoginRetail .login-form-col .inner .login-form .custom-switch{display:flex;font-family:"Source-Sans-Pro-bold",sans-serif;background:#e8e9ec;border-radius:6px;padding:3px 4px;position:relative;margin-bottom:40px;}.LoginRetail .login-form-col .inner .login-form .custom-switch:before{content:'';width:calc(50% - 4px);height:calc(100% - 6px);position:absolute;top:3px;left:4px;background:#0a79b8;box-shadow:0 8px 10px rgba(0,0,0,.08);border-radius:6px;transform:translateX(0);transition:transform .3s;}.LoginRetail .login-form-col .inner .login-form .custom-switch.active{color:rgba(0,0,0,.87);}.LoginRetail .login-form-col .inner .login-form .custom-switch.active-1:before{transform:translateX(0);}.LoginRetail .login-form-col .inner .login-form .custom-switch.active-2:before{transform:translateX(100%);}.LoginRetail .login-form-col .inner .login-form .custom-switch span{display:block;width:50%;float:left;font-size:13px;text-align:center;color:#353f4a;padding:4px 5px 4px 5px;transition:color .3s;cursor:pointer;position:relative;}.LoginRetail .login-form-col .inner .login-form .custom-switch span.active{color:#fff;}.LoginRetail .login-form-col .inner .login-form .login-title{margin-bottom:50px;}.LoginRetail .login-form-col .inner .login-form .login-title h2{font-family:"Source-Sans-Pro-bold",sans-serif;font-size:40px;text-align:center;color:#191e39;font-weight:bold;letter-spacing:-.02em;}.LoginRetail .login-form-col .inner .login-form .login-title span{display:block;font-family:"Source-Sans-Pro",sans-serif;font-size:15px;margin-top:5px;text-align:center;}.LoginRetail .login-form-col .inner .login-form .login-title .step-wrapper{text-align:center;margin-bottom:20px;margin-top:20px;}.LoginRetail .login-form-col .inner .login-form .login-title .step-wrapper .step-circle{display:inline-block !important;position:relative;width:32px;height:32px;background-color:#ebecf2;border-radius:50%;}.LoginRetail .login-form-col .inner .login-form .login-title .step-wrapper .step-circle:not(:last-child){margin-right:24px;}.LoginRetail .login-form-col .inner .login-form .login-title .step-wrapper .step-circle:not(:first-child)::after{position:absolute;content:"";width:25px;height:1px;top:50%;left:-26px;transform:translateY(-50%);background-color:#ebecf2;}.LoginRetail .login-form-col .inner .login-form .login-title .step-wrapper .step-circle .step-number{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-family:'Source-Sans-Pro-bold','sans-serif';font-size:14px;line-height:1;color:#8294a8;}.LoginRetail .login-form-col .inner .login-form .login-title .step-wrapper .step-circle.active{background-color:#0a79b8;border-color:#0a79b8;}.LoginRetail .login-form-col .inner .login-form .login-title .step-wrapper .step-circle.active .step-number{color:#fff;}.LoginRetail .login-form-col .inner .login-form .login-title .radio-wrap{display:flex;align-items:center;position:relative;padding-left:36px;margin-bottom:15px;cursor:pointer;font-size:15px;text-align:left;color:#1c1f32;user-select:none;margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}.LoginRetail .login-form-col .inner .login-form .login-title .radio-wrap:not(:last-child){margin:20px 0 13px 0;}.LoginRetail .login-form-col .inner .login-form .login-title .radio-wrap .checkmark{height:16px;width:16px;border-radius:50%;border:1px solid rgba(0,0,0,.54);background:transparent;margin-top:0;margin-right:17px;position:relative;pointer-events:none;}.LoginRetail .login-form-col .inner .login-form .login-title .radio-wrap .checkmark:after{content:"";width:10px;height:10px;position:absolute;top:50%;left:50%;background:#52ae30;border-radius:50%;opacity:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:opacity .3s;transition:opacity .3s;}.LoginRetail .login-form-col .inner .login-form .login-title .radio-wrap i{pointer-events:none;}.LoginRetail .login-form-col .inner .login-form .login-title .radio-wrap.active .checkmark{border:2px solid #52ae30;margin-right:15px;}.LoginRetail .login-form-col .inner .login-form .login-title .radio-wrap.active .checkmark:after{opacity:1;}.LoginRetail .login-form-col .inner .login-form .signup-tab .qrLogic{text-align:center;}.LoginRetail .login-form-col .inner .login-form .qr-wrap .qr-img-wrap{margin-bottom:10px;}.LoginRetail .login-form-col .inner .login-form .qr-wrap .qr-img-wrap .qr-image{background-image:url("Themes/HalkCorporateNew/images/pictures/qr-demo.png");width:100%;height:100%;}.LoginRetail .login-form-col .inner .login-form .qr-wrap .qr-time{color:#0a79b8;}.LoginRetail .login-form-col .inner .login-form .qr-wrap .qr-text{color:#8294a8;margin-bottom:7px;}.LoginRetail .login-form-col .inner .login-form .qr-wrap .qr-line-bcg{position:relative;width:120px;height:4px;margin:0 auto;background-color:#d9d9d9;border-radius:25px;}.LoginRetail .login-form-col .inner .login-form .qr-wrap .qr-line-bcg .qr-line{display:block;position:absolute;width:100%;height:4px;top:0;left:0;background-color:#0a79b8;border-radius:25px;-webkit-transition:all .3s;transition:all .3s;}.LoginRetail .login-form-col .inner .login-form .qr-wrap .letter-spacing-1{letter-spacing:-.02em;}.LoginRetail .login-form-col .inner .login-form .qr-wrap p{margin-bottom:0;}.LoginRetail .login-form-col .inner .login-form .forgot-pass{font-size:15px;letter-spacing:-.02em;line-height:20px;text-align:center;color:rgba(0,0,0,.87);padding:20px 0;margin-bottom:15px;display:inline-block;}.LoginRetail .login-form-col .inner .login-form .forgot-pass.activate{margin-bottom:0;padding:0;}.LoginRetail .login-form-col .inner .login-form .forgot-pass-wrapper{display:block;text-align:center;}.LoginRetail .login-form-col .inner .login-form .forgot-pass-wrapper a{color:#0a79b8;text-decoration:underline;display:inline-block;font-size:15px;}.LoginRetail .login-form-col .inner .login-form .form-group .group-inner{margin-bottom:30px !important;width:350px;}.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .dk-select .dk-select-options{position:absolute;display:none;left:0;right:0;}.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .dk-select .dk-select-options.active{display:block !important;opacity:1;visibility:visible;}.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .label-1{display:block;font-family:"Source-Sans-Pro-semibold",sans-serif;font-size:12px;color:#8294a8;padding:0 16px;margin-bottom:6px;}.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .select-1{position:relative;}.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .select-1:before{content:"";width:100%;position:absolute;left:0;opacity:0;pointer-events:none;-webkit-transition:opacity .3s;transition:opacity .3s;height:30px;background:#fff;top:30px;}.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .select-1:after{height:60px;top:0;z-index:30;content:"";width:100%;position:absolute;left:0;opacity:0;pointer-events:none;-webkit-transition:opacity .3s;transition:opacity .3s;}.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .select-1 .dk-selected{width:100%;font-family:"Source-Sans-Pro",sans-serif;font-size:15px;color:rgba(0,0,0,.87);padding:14px 35px 14px 16px;border:1px solid #b4bfcb;background:#fff;border-radius:6px;outline:none;position:relative;cursor:pointer;z-index:21;box-sizing:border-box;height:50px;max-height:unset;}.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .select-1 .dk-selected.active{border-bottom-left-radius:0;border-bottom-right-radius:0;border-radius:6px 6px 0 0;border-bottom:transparent;border-color:#0faaea;background:url(images/icons/arrow-up.png) 50% no-repeat;}.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .select-1 .dk-selected:after{content:"";display:block;width:16px;height:100%;position:absolute;top:0;right:15px;background:url(images/icons/arrow-down.png) 50% no-repeat;background-size:16px;}.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .select-1 .dk-select-options{width:100%;position:absolute;top:-1px;left:-1px;border:1px solid #0faaea;background:#fff;opacity:0;visibility:hidden;-webkit-transition:opacity .3s ease,visibility .3s ease;transition:opacity .3s ease,visibility .3s ease;max-height:300px;overflow:auto;z-index:20;padding-top:50px;border-radius:6px;box-shadow:0 4px 8px 0 rgba(0,0,0,.12);}.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .select-1 .dk-select-options .dk-option{padding:16px;position:relative;-webkit-transition:color .3s ease;transition:color .3s ease;cursor:pointer;font-family:"Source-Sans-Pro",sans-serif;font-size:15px;color:rgba(0,0,0,.87);text-align:left;background:transparent;border-top:1px solid transparent;-webkit-transition:background .3s;transition:background .3s;}.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .select-1 .dk-select-options .dk-option-selected{background-color:#f8f9fb;color:rgba(0,0,0,.87);}.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .select-1 .dk-select-options .dk-option:hover{background-color:#f5f5f5;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .select-1 .dk-select-options #dk0-1:before{position:absolute;content:"";width:24px;height:23px;top:50%;left:20px;background-size:contain;-webkit-transform:translateY(-50%);transform:translateY(-50%);}.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .select-1 .dk-select-options #dk0-2:before{position:absolute;content:"";width:24px;height:23px;top:50%;left:20px;background-size:contain;-webkit-transform:translateY(-50%);transform:translateY(-50%);}.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .select-1 .dk-select-options #dk0-3:before{background:url(images/icons/user-id-icon.png) 50% no-repeat;position:absolute;content:"";width:24px;height:23px;top:50%;left:20px;background-size:contain;-webkit-transform:translateY(-50%);transform:translateY(-50%);}.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .input-wrap{border-radius:6px;-webkit-transition:border-color .3s;transition:border-color .3s;background:#fff;position:relative;}.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .input-wrap.focusin{border-color:#73e3eb;}.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .input-wrap.focusin .input-1{border-color:#0a79b8;}.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .input-wrap.borderError .input-1{border-color:#f00;}.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .input-wrap .input-1{width:100%;height:48px;font-family:"Source-Sans-Pro",sans-serif;font-size:15px;text-align:left;color:rgba(0,0,0,.87);padding:16px;border:1px solid #b4bfcb;background:#fff;border-radius:8px;-webkit-transition:border-color .3s;transition:border-color .3s;margin:0;-webkit-appearance:none;box-sizing:border-box;}.LoginRetail .login-form-col .inner .login-form .form-group .group-inner .input-wrap .input-1.activate{font-family:'Source-Sans-Pro' !important;}.LoginRetail .login-form-col .inner .login-form .btn-1{font-weight:600;width:100%;}.LoginRetail .login-form-col .inner .login-form .btn-1.color-1{color:#fff;background:linear-gradient(90deg,#006de6,#00b2e6);}.LoginRetail .login-form-col .inner .login-form .btn-1.color-2{color:#0a79b8;background:transparent;border:1px solid #0a79b8;}.LoginRetail .login-form-col .inner .passRules{position:absolute;top:50% !important;left:calc(50% - 190px) !important;width:100% !important;max-width:370px;z-index:101;display:none !important;}.LoginRetail .login-form-col .inner .passRules .ui-dialog-titlebar{margin:0 0 30px 0 !important;width:100% !important;}.LoginRetail .login-form-col .inner .passRules .btn-1{margin-top:30px;}.LoginRetail .login-form-col .inner .passRules .rule-wrapper{display:flex;margin-bottom:10px;}.LoginRetail .login-form-col .inner .passRules .rule-wrapper .rule{display:flex;align-items:center;margin-right:5px;}.LoginRetail .login-form-col .inner .passRules .rule-wrapper .rule:before{content:'';width:8px;height:8px;background-color:#000;border-radius:50%;display:inline-block;margin-right:8px;transform:translateY(-1px);}.LoginRetail .login-form-col .copyright-wrapper{display:block;text-align:center;height:75px;}.LoginRetail .login-form-col .copyright-wrapper a{color:#0a79b8;text-decoration:underline;display:inline-block;font-size:15px;}.LoginRetail .login-form-col .copyright-wrapper .login-copy{font-size:15px;letter-spacing:-.02em;line-height:20px;text-align:center;color:rgba(0,0,0,.87);padding:10px 0;padding-top:40px;display:inline-block;margin-bottom:15px;}.LoginBackground .login-promo-col{position:fixed;height:100%;top:0;right:0;width:calc((100%) - 33.33%);}.LoginBackground .login-promo-main{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;height:100%;overflow:hidden;position:relative;}.LoginBackground .login-promo-main .img-wrap{position:absolute;top:0;left:0;bottom:0;right:0;background-repeat:no-repeat;background-size:cover;background-position:50%;}.LoginBackground .login-promo-main .img-wrap:after{content:"";width:100%;height:100%;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#000));background:linear-gradient(transparent,#000);opacity:0;position:absolute;top:0;left:0;bottom:0;right:0;}.LoginBackground .login-promo-main .content-inner{position:relative;padding-left:80px;padding-bottom:33%;}.LoginBackground .login-promo-main .content-inner h3{font-family:"Source-Sans-Pro-bold",sans-serif;line-height:1.1;font-size:130px;letter-spacing:-.02em;text-align:left;color:#fff;}.LoginBackground .login-promo-main .content-inner .subtitle-1{max-width:600px;font-size:32px;letter-spacing:-.02em;line-height:30px;text-align:left;color:#fff;}.LoginBackground .login-promo-main .content-inner .subtitle-2{max-width:390px;font-size:24px;letter-spacing:-.02em;line-height:30px;text-align:left;color:#fff;margin:0;}.LoginBackground .login-promo-main .content-inner-split{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;max-width:600px;}.LoginBackground .login-promo-main .content-inner-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:48%;}.LoginBackground .login-promo-main .content-inner-box-number{font-family:"Source Sans Pro bold",sans-serif;font-size:48px;line-height:1.2;padding-right:14px;color:#fff;margin:0;font-weight:bold;}.LoginBackground .login-promo-main .content-inner-box-text{font-size:14px;line-height:1.2;max-width:100px;color:#fff;margin:0;}.LoginBackground .login-promo-main .content-inner .btn-1{min-width:120px;padding:13px 17px;width:auto !important;transition:background-color .3s;background-color:transparent;border:2px solid #fff;}.LoginBackground .login-promo-main .content-inner .play-btn{display:inline-block;position:relative;padding-left:65px;}.LoginBackground .login-promo-main .content-inner .play-btn:hover span{transform:translateX(5px);}.LoginBackground .login-promo-main .content-inner .play-btn:hover .play{transform:scale(1.2);}.LoginBackground .login-promo-main .content-inner .play-btn:hover .path{animation:rotation .5s forwards;}.LoginBackground .login-promo-main .content-inner .play-btn i{display:inline-block;width:10px;height:14px;border:2px solid rgba(255,255,255,.25);border-radius:50%;padding:16px 18px;position:absolute;left:0;top:50%;margin-top:-25px;}.LoginBackground .login-promo-main .content-inner .play-btn .play{width:14px;height:14px;fill:#fff;transform:scale(1);transition:transform .3s;}.LoginBackground .login-promo-main .content-inner .play-btn>span{display:inline-block;font-weight:600;font-size:15px;letter-spacing:-.02em;line-height:16px;text-align:left;color:#fff;text-transform:uppercase;transform:translateX(0);transition:transform .3s;}.LoginBackground .login-promo-main .content-inner .play-btn .path{width:136%;height:136%;position:absolute;top:-18%;left:-18%;}.LoginBackground .login-promo-main .content-inner .play-btn .path svg{width:40px;height:40px;fill:#73e3eb;filter:drop-shadow(0 3px 6px rgba(0,0,0,.16));}@keyframes rotation{0%{transform:rotate(0);}100%{transform:rotate(360deg);}}.login-downloads-main{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;height:100vh;background:#f5f8fb;display:flex;}.login-downloads-main .login-downloads-col-left{position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:38%;height:100%;padding:80px 20px 20px;overflow:hidden;display:flex;}.login-downloads-main .login-downloads-col-left:after{position:absolute;content:"";width:1px;height:-webkit-calc(100% - 260px);height:calc(100% - 260px);top:46%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-right:1px dotted rgba(0,0,0,.54);}.login-downloads-main .login-downloads-col-left h2{font-size:50px;margin-bottom:20px;}.login-downloads-main .login-downloads-col-left .underline{text-decoration:underline;text-underline-offset:2px;}.login-downloads-main .login-downloads-col-left .login-downloads-deco{position:absolute;width:90%;max-width:700px;height:auto;bottom:-7%;left:-20%;}.login-downloads-main .login-downloads-col-left .login-downloads-back-link{position:absolute;top:60px;left:60px;}.login-downloads-main .login-downloads-col-left .login-downloads-col-left-content{position:relative;max-width:442px;padding-bottom:300px;text-align:justify;}.login-downloads-main .login-downloads-col-left .login-downloads-col-left-content .letter-spacing-1{letter-spacing:-.02em;}.login-downloads-main .login-downloads-col-right{width:52%;height:100%;max-height:100vh;padding:80px 20px 20px 5vw;}.login-downloads-main .login-downloads-col-right .login-downloads-col-right-inner{max-width:840px;margin:0 auto;text-align:justify;}.login-downloads-main .login-downloads-col-right .login-downloads-col-right-inner .login-downloads-wrap:not(:last-child),.login-downloads-main .login-downloads-col-right .login-downloads-col-right-inner .login-downloads-wrap div:not(:last-child){margin-bottom:40px;}.login-downloads-main .login-downloads-col-right .login-downloads-col-right-inner .login-downloads-wrap h2{font-size:24px;letter-spacing:-.02em;}.login-downloads-main .login-downloads-col-right .login-downloads-col-right-inner .login-downloads-wrap .user-content p{font-family:Source Sans Pro,sans-serif;font-size:14px;line-height:1.333333;margin-bottom:20px;}.login-downloads-main .login-downloads-col-right .login-downloads-col-right-inner .login-downloads-wrap .user-content p:last-child{margin-bottom:0;}.login-downloads-main .login-downloads-col-right .login-downloads-col-right-inner .login-downloads-wrap .login-downloads-links-wrap{max-width:400px;}.login-downloads-main .login-downloads-col-right .login-downloads-col-right-inner .login-downloads-wrap .login-downloads-links-wrap .file-box-wrapper{position:relative;display:block;padding:26px 50px 26px 24px;margin-bottom:8px;border-radius:36px;-webkit-transition:background-color .3s;transition:background-color .3s;}.login-downloads-main .login-downloads-col-right .login-downloads-col-right-inner .login-downloads-wrap .login-downloads-links-wrap .file-box-wrapper .file-box-ico{width:20px;height:18px;left:24px;stroke:currentColor;}.login-downloads-main .login-downloads-col-right .login-downloads-col-right-inner .login-downloads-wrap .login-downloads-links-wrap .file-box-wrapper .file-box-ico,.login-downloads-main .login-downloads-col-right .login-downloads-col-right-inner .login-downloads-wrap .login-downloads-links-wrap .file-box-wrapper .file-box-ico-arrow{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}.login-downloads-main .login-downloads-col-right .login-downloads-col-right-inner .login-downloads-wrap .login-downloads-links-wrap .file-box-wrapper .file-box-text{line-height:1.4;-webkit-transition:color .3s;transition:color .3s;}.login-downloads-main .login-downloads-col-right .login-downloads-col-right-inner .login-downloads-wrap .login-downloads-links-wrap .file-box-wrapper .file-box-ico-arrow{width:12px;height:12px;right:22px;fill:#0a79b8;}.login-downloads-main .login-downloads-col-right .login-downloads-col-right-inner .login-downloads-wrap .login-downloads-links-wrap .file-box-wrapper.double-margin{margin-bottom:16px;}.login-downloads-main .login-downloads-col-right .login-downloads-col-right-inner .login-downloads-wrap .login-downloads-links-wrap .file-box-wrapper.type-2{padding:9px 60px;}.login-downloads-main,.login-downloads-col-left{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;height:100vh;overflow-y:auto;}.LoginNotices{position:relative;}.NoticesSlider{position:absolute;bottom:0;right:40px;width:calc(100vw - 33.33% - 100px);z-index:1;border-radius:8px !important;}.NoticesSlider .s-widget-body{padding:0;}.NoticesSlider .slider-wrapper{background-color:rgba(53,63,74,.6) !important;overflow:hidden;border-radius:16px 16px 0 0;padding-top:24px;padding-left:24px;padding-right:24px;max-width:1350px;margin:0 auto;position:relative;width:85%;}.NoticesSlider .slider-wrapper h3{font-family:"Source-Sans-Pro-bold",sans-serif;font-size:18px;line-height:21px;color:#fff;padding-right:50px;margin-bottom:5px;text-align:left;font-weight:bold;}.NoticesSlider .slider-wrapper .date-time,.NoticesSlider .slider-wrapper p{letter-spacing:-.02em;text-align:left;color:#fff;}.NoticesSlider .slider-wrapper .date-time{font-weight:600;font-size:13px;line-height:16px;margin-bottom:20px;color:#8294a8;}.NoticesSlider .slider-wrapper p{font-size:15px;line-height:20px;margin-bottom:0;}.NoticesSlider .slider-wrapper a{font-size:15px;letter-spacing:-.02em;line-height:20px;color:#0a79b8;display:block;text-align:left;}.NoticesSlider .slider-wrapper a span{margin-right:4px;}.NoticesSlider .slider-wrapper a svg{width:8px;height:8px;fill:#0a79b8;transform:translateX(0);transition:transform .3s;}.NoticesSlider .slider-wrapper .readmore:hover svg{transform:translateX(5px);}.NoticesSlider .slider-wrapper .slider-wrapper_middle{height:194px;width:100%;border-left:none;border-right:none;}.NoticesSlider .slider-wrapper .slider-wrapper_middle .widget-header{position:absolute;right:24px;}.NoticesSlider .slider-wrapper .slider-wrapper_middle .widget-header p{float:left;font-size:13px;color:#808080;}.NoticesSlider .slider-wrapper .slider-wrapper_bottom{padding:24px 0;border-top:1px solid rgba(255,255,255,.25);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;display:flex;}.NoticesSlider .slider-wrapper .slider-wrapper_bottom .widget-options:after{display:block;visibility:hidden;height:0;clear:both;content:".";}.NoticesSlider .slider-wrapper .slider-wrapper_bottom .widget-options li{float:right;}.NoticesSlider .slider-wrapper .slider-wrapper_bottom .widget-options li i{width:40px;height:40px;background:rgba(255,255,255,.25) !important;border-radius:12px;margin-right:15px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background-color .3s;transition:background-color .3s;display:flex !important;text-align:center;}.NoticesSlider .slider-wrapper .slider-wrapper_bottom .widget-options li i svg{width:8px;height:8px;fill:#fff;}.NoticesSlider .slider-wrapper .slider-wrapper_bottom .widget-options li i:hover{background:linear-gradient(45deg,#006de6,#00b2e6) !important;}.NoticesSlider .slider-wrapper .slider-wrapper_bottom .social:after{display:block;visibility:hidden;height:0;clear:both;content:".";}.NoticesSlider .slider-wrapper .slider-wrapper_bottom .social li{display:block;float:left;}.NoticesSlider .slider-wrapper .slider-wrapper_bottom .social li div{cursor:pointer;}.NoticesSlider .slider-wrapper .slider-wrapper_bottom .social .icon{display:flex;width:40px;height:40px;border-radius:12px;margin-left:15px;align-items:center;justify-content:center;cursor:pointer;transition:border-color .3s;}.NoticesSlider .slider-wrapper .slider-wrapper_bottom .social .social-icon{border:2px solid rgba(255,255,255,.25);}.NoticesSlider .slider-wrapper .slider-wrapper_bottom .social .social-icon:hover{border:2px solid #0faaea;}.NoticesSlider .slider-wrapper .slider-wrapper_bottom .social .social-icon svg{width:20px;height:20px;fill:#fff;}.NoticesSlider .slider-wrapper .slider-wrapper_bottom .social .filled{background:linear-gradient(45deg,#0079ff,#00c6ff);transition:background-color .3s;}.NoticesSlider .slider-wrapper .slider-wrapper_bottom .social .filled:hover{background:linear-gradient(45deg,#006de6,#00b2e6);}.NoticesSlider .slider-wrapper .slider-wrapper_bottom .social .filled svg{width:22px;height:22px;stroke:#fff;transition:stroke .3s;}.NoticesSlider .slider-wrapper .slider-wrapper_bottom .social .filled .whats-new-ico{background-image:url("images/icons/whatsnew.png");background-size:30px;background-repeat:no-repeat;width:30px;height:30px;background-position:50% 50%;z-index:1;}.NoticesSlider .slider-wrapper .slider-wrapper_bottom .social .msgico{background:#0a79b8;}.NoticesSlider .slider-wrapper .slider-wrapper_bottom .social .msgico svg{stroke:#fff;}.NoticesSlider .slider-wrapper .slider-wrapper_bottom .social .msgico:hover{background-color:rgba(10,121,184,.7);}.NoticesSlider .swiper-pagination{height:4px;display:inline-flex;width:auto;position:absolute;top:-10px;right:0;bottom:auto;left:auto;z-index:9999;}.NoticesSlider .swiper-pagination-bullet{display:inline;padding:3px;border:0 solid #00f;background-color:#fff;width:1px;height:1px;border-radius:11px;-webkit-transition:width .3s,background-color .3s;transition:width .3s,background-color .3s;opacity:1;margin:0 4px;}.NoticesSlider .swiper-pagination .select{width:18px;background-color:#0faaea;}.support-dialog{border:none !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;padding:0 !important;overflow-x:hidden;overflow-y:auto;position:fixed !important;}.support-dialog .ui-dialog-titlebar{display:none;}.support-dialog .support-modal{top:0;left:0;z-index:100;background:#efefef !important;overflow:auto;transition:opacity .5s,visibility .5s;padding:80px 0 !important;}.support-dialog .support-modal .close-btn{position:absolute;top:40px;right:40px;}.support-dialog .support-modal .inner-wrap{max-width:1170px;width:92%;margin:0 auto;}.support-dialog .support-open{overflow:hidden;}.support-dialog .support-open .support-modal{opacity:1;visibility:visible;}.support-dialog .support-grid{display:flex;justify-content:space-between;margin-bottom:96px;-webkit-box-pack:justify;}.support-dialog .support-grid .support-block{width:25%;border-radius:20px;background:#fff;padding:40px;box-shadow:0 8px 16px 0 rgba(0,0,0,.12);}.support-dialog .support-grid .support-block .cta #phn{font-family:"Source-Sans-Pro-bold",sans-serif;font-size:23px;line-height:1;letter-spacing:-.002em;color:#0a79b8;}.support-dialog .support-grid .support-block .cta-for-link{padding-top:35px;text-align:center;}.support-dialog .support-grid .support-block .svg_text{display:flex;}.support-dialog .support-grid .support-block svg{width:40px;height:40px;top:2px;left:0;stroke:#0a79b8;}.support-dialog .support-grid .support-block h4{font-family:"Source-Sans-Pro-bold",sans-serif;font-size:24px;letter-spacing:-.02em;text-align:left;color:rgba(0,0,0,.87);position:relative;padding:6px 0 0 15px;margin-bottom:30px;}.support-dialog .support-grid .support-block h4 svg{width:40px;height:40px;position:absolute;top:2px;left:0;stroke:#0a79b8;}.support-dialog .support-grid .support-block .mailText{font-weight:600;font-size:15px;line-height:22px;text-align:left;margin-bottom:20px;color:#0a79b8;text-decoration:underline;}.support-dialog .support-grid .support-block .beforeMailText{margin-bottom:0 !important;}.support-dialog .support-grid .support-block p{font-weight:600;font-size:15px;line-height:22px;text-align:left;color:rgba(0,0,0,.87);margin-bottom:20px;}.support-dialog .support-grid .support-block p a{color:#0a79b8;text-decoration:underline;}.support-dialog .support-grid .support-block .btn-1{width:100%;box-sizing:border-box;}.support-dialog .support-grid .support-block .btn-1:hover{background:#2a7f00;}.support-dialog .support-grid .support-block .link:last-child{padding-left:8px;margin-left:8px;border-left:1px solid #dcdcdc;}.support-dialog .close-btn{display:flex;width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:0 8px 16px 0 rgba(0,0,0,.12);align-items:center;justify-content:center;cursor:pointer;}.support-dialog .close-btn:hover svg{transform:scale(1.2) rotate(180deg);}.support-dialog .close-btn svg{width:12px;height:12px;fill:#0a79b8;transform:scale(1) rotate(0);transition:transform .3s;}.support-dialog .faq-section{width:100%;}.support-dialog .faq-section .faq-title{display:flex;justify-content:space-between;padding-left:24px;}.support-dialog .faq-section .faq-title h4{font-family:"Source-Sans-Pro-bold",sans-serif;font-size:24px;letter-spacing:-.02em;text-align:left;color:rgba(0,0,0,.87);padding-top:15px;}.support-dialog .faq-section .faq .group-inner{width:300px;margin-bottom:30px;}.support-dialog .faq-section .faq .group-inner .input-wrap.icon-right svg{width:18px;height:18px;position:absolute;top:16px;right:16px;}.support-dialog .faq-section .faq .group-inner .input-wrap.search{fill:#c7c7c7;}.support-dialog .expand-list{margin-bottom:50px;}.support-dialog .account-box{background:#f5f5f5;border-radius:20px;padding:31px 32px 5px 24px;cursor:pointer;transition:background-color .3s;margin-bottom:8px;}.support-dialog .account-box .question-title{position:relative;padding-right:30px;margin-bottom:20px;}.support-dialog .account-box .acc-name{font-family:"Source-Sans-Pro-bold",sans-serif;font-size:18px;letter-spacing:-.02em;text-align:left;color:rgba(0,0,0,.87);margin-bottom:0;}.support-dialog .account-box .expand-icon{width:14px;height:14px;position:absolute;top:50%;right:0;margin-top:-30px;}.support-dialog .account-box .expand-icon:before,.support-dialog .account-box .expand-icon:after{content:'';width:18px;height:2px;background:#0a79b8;border-radius:2px;position:absolute;top:5px;left:0;}.support-dialog .account-box .expand-icon:after{transform:rotate(-90deg);transition:transform .3s,-webkit-transform .3s;}.support-dialog .account-box .hidden-content p{font-size:15px;letter-spacing:-.02em;line-height:20px;color:rgba(0,0,0,.87);}.support-dialog .account-box .hidden-inner{padding-top:18px;}.support-dialog .account-box.open{background:#fff;}.support-dialog .account-box.open .expand-icon:after{transform:rotate(0deg);}.support-dialog .search{width:18px;height:18px;position:absolute;top:16px;right:16px;fill:#a2b8cf;}.support .ui-widget-overlay{background-color:#000 !important;opacity:.4 !important;position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;z-index:100 !important;}.login_icon{position:absolute;content:"";width:24px;height:23px;top:50%;left:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%);}.login_icon.password{background:url(images/icons/user-password-icon.png) 50% no-repeat;background-size:contain;}.login_icon.otp{background:url(images/icons/user-token-icon.png) 50% no-repeat;background-size:contain;}.login_icon.cert{background:url(images/icons/user-id-icon.png) 50% no-repeat;background-size:contain;}.login-form #rules_backdrop{position:fixed;top:100vh;left:0;background-color:#000;opacity:.3;z-index:100;width:100%;height:100vh;transition:top .5s ease;}.login-form #rules_backdrop.activeBackdrop{top:0;}.info-links a:before{content:'';display:inline-block;line-height:34px;width:34px;height:33px;background-size:34px;margin-right:5px;float:left;position:relative;background-image:url(images/menu-icons/pdf.PNG);transform:scale(.7);top:0;}.info-links{top:43px;display:block !important;position:relative;margin-right:20px;}.info-links a{padding:0 19px 0 10px;border-radius:20px;background-color:#fff;line-height:20px;border:1px solid #c5c5c5;font-weight:bold;font-size:15px;height:36px;line-height:37px;margin-left:5px;overflow:hidden;float:right;box-sizing:border-box;text-align:left;vertical-align:top;color:rgba(0,0,0,.87) !important;}.app-store{position:relative;bottom:0;left:0;background-color:inherit;z-index:1;}.app-store div{float:left;margin-top:0;width:140px;height:45px;max-width:30%;}.app-store div a{display:block;height:100%;width:100%;}.app-store .ios-store{background:url(images/app_store_badge.png) no-repeat;background-size:100%;margin-right:10px;}.app-store .play-store{background:url(images/google_play_badge.png) no-repeat;background-size:100%;margin-right:10px;}.app-store .huawei-store{background:url(images/huawei_badge.png) no-repeat;background-size:100%;} /*#region fonts*/ @font-face { font-family: 'Lato'; src: url("fonts/Lato-Regular.eot"); src: url("fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Regular.woff") format("woff"), url("fonts/Lato-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Lato-Semibold'; src: url("fonts/Lato-Semibold.eot"); src: url("fonts/Lato-Semibold.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Semibold.woff") format("woff"), url("fonts/Lato-Semibold.ttf") format("truetype"); font-weight: 600; } @font-face { font-family: 'Lato-Bold'; src: url("fonts/Lato-Bold.eot"); src: url("fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Bold.woff") format("woff"), url("fonts/Lato-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: 'Sarabun'; src: url("fonts/Sarabun-ExtraBold.eot"); src: url("fonts/Sarabun-ExtraBold.eot?#iefix") format("embedded-opentype"), url("fonts/Sarabun-ExtraBold.woff") format("woff"), url("fonts/Sarabun-ExtraBold.ttf") format("truetype"); font-style: normal; } @font-face { font-family: 'Sarabun-Bold'; src: url("fonts/Sarabun-Bold.eot"); src: url("fonts/Sarabun-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Sarabun-Bold.woff") format("woff"), url("fonts/Sarabun-Bold.ttf") format("truetype"); font-style: normal; } @font-face { font-family: 'Sarabun-SemiBold'; src: url("fonts/Sarabun-SemiBold.eot"); src: url("fonts/Sarabun-SemiBold.eot?#iefix") format("embedded-opentype"), url("fonts/Sarabun-SemiBold.woff") format("woff"), url("fonts/Sarabun-SemiBold.ttf") format("truetype"); font-style: normal; } @font-face { font-family: 'Source-Sans-Pro'; src: url("fonts/sourcesanspro-regular.woff2") format("woff2"), url("fonts/sourcesanspro-regular.woff") format("woff"), url("fonts/sourcesanspro-regular.ttf") format("truetype"); font-weight: 400; font-style: normal; /*font-display: swap*/ } @font-face { font-family: 'Source-Sans-Pro-bold'; src: url("fonts/sourcesanspro-bold.woff2") format("woff2"), url("fonts/sourcesanspro-bold.woff") format("woff"), url("fonts/sourcesanspro-bold.ttf") format("truetype"); font-weight: 400; font-style: normal; /*font-display: swap*/ } @font-face { font-family: 'Source-Sans-Pro-semibold'; src: url("fonts/sourcesanspro-semibold.woff2") format("woff2"), url("fonts/sourcesanspro-semibold.woff") format("woff"), url("fonts/sourcesanspro-semibold.ttf") format("truetype"); font-weight: 400; font-style: normal; /*font-display: swap*/ } /*#endregion fonts*/ /* colors */ @media only screen and (max-width: 1800px) { .AccountSlider .tabslider { position: absolute; z-index: 26; top: 55px; width: 220px; } } @media only screen and (max-width: 1600px) { .AccountSlider .tabslider { position: absolute; z-index: 26; top: 55px; width: 220px; } .slider-wrapper_bottom { padding: 20px 0 !important; } .slider-wrapper_bottom ul.widget-options { width: 170px; display: flex; flex-direction: row-reverse; justify-content: flex-end; } .slider-wrapper_bottom ul.widget-options li { float: unset; } .slider-wrapper_bottom .social li { margin-bottom: 5px; } .LoginBackground .login-promo-col .login-promo-main .content-inner { padding-bottom: 40%; } } @media only screen and (max-width: 1500px) { .AccountSlider .highcharts-container { transform: translateX(0px); } .slider-wrapper { width: calc(100% - 120px) !important; } .CurrencyCalculator { width: 100% !important; box-sizing: border-box; } } @media only screen and (min-width: 1400px) { .AccountStatements .account-statement-pdf-download, .CardStatementsCorporate .account-statement-pdf-download, .DepositStatementsCorporate .account-statement-pdf-download { width: 15%; padding-right: 35px !important; } .CreditorTemplateManaging .account-statement-pdf-download { width: 82%; } .AccountSlider .user-intro-select-wrapperSlider { padding: 3px 3px; } .slider-wrapper { width: calc(100% - 80px) !important; } .chartView { zoom: 100%; } } @media only screen and (max-width: 1400px) { .UserInfo .UserInfoHeader { padding-right: 20px; } .UserInfo .UserInfoHeader .user-intro-section-name .title-1, .UserInfo .UserInfoHeader .user-intro-section-name span.name { font-size: 28px; } .UserInfo .UserInfoHeader .user-intro-section-name h2.title-1 { display: inline; margin-bottom: 0; } .support-dialog .support-modal .close-btn { position: absolute; top: 20px; right: 4%; } #page-header.my_profile-header .UserInfo .UserInfoHeader .user-heading h2 { padding-left: 0; } .AccountSlider .tabslider { position: absolute; z-index: 26; top: 55px; width: 220px; } .AccountSlider .user-intro-select-wrapper { left: 50%; right: auto; transform: translate(-50%, 0); margin-left: 58px; } .AccountSlider .user-account-card-left-col-inner .title-1 { font-size: 28px; } .AccountSlider .user-account-card-right-col-inner { width: 38%; } .AccountStatements .account-statement-calendar-wrapper, .CardStatements .account-statement-calendar-wrapper { width: 75%; } .AccountStatements .account-statements-info .group-inner, .CardStatements .account-statements-info .group-inner { width: 18.5%; } .AccountStatements .payment-filter-recipient, .CardStatements .payment-filter-recipient { width: 23%; } .Forms_ActiveWorkflowListSOG .title-1, .AccountBalancePreview .title-1, .CardBalancePreviewCorporate .title-1 { font-size: 28px; } .AccountTurnover .tableFilter, .AccountPosTrasactionCorporate .tableFilter, .AccountStatements .tableFilter, .DepositStatementsCorporate .tableFilter, .DepositTurnoverCorporate .tableFilter { position: relative; } .AccountTurnover .tableFilter .transaction-filter-inner, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner, .AccountStatements .tableFilter .transaction-filter-inner, .DepositStatementsCorporate .tableFilter .transaction-filter-inner, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .AccountTurnover .tableFilter .transaction-filter-inner .transaction-filter-box, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .AccountStatements .tableFilter .transaction-filter-inner .transaction-filter-box, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box { width: -webkit-calc(33.3333% - 17px); width: calc(33.3333% - 17px); } .AccountTurnover .tableFilter .transaction-filter-inner .filterButton, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .filterButton, .AccountStatements .tableFilter .transaction-filter-inner .filterButton, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .filterButton, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton { bottom: auto; } .AccountTurnover .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .AccountStatements .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .DepositStatementsCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .DepositTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2) { width: 22.5%; } .AccountTurnover .gvAccountTurnoverPreview table tbody tr td:nth-child(3), .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(3), .AccountStatements .gvAccountTurnoverPreview table tbody tr td:nth-child(3), .DepositStatementsCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(3), .DepositTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(3) { width: 22.5%; } .AccountTurnover .gvAccountTurnoverPreview table tbody tr td:nth-child(4), .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(4), .AccountStatements .gvAccountTurnoverPreview table tbody tr td:nth-child(4), .DepositStatementsCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(4), .DepositTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(4) { width: 28%; } .AccountTurnover .gvAccountTurnoverPreview table tbody tr td:last-child, .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table tbody tr td:last-child, .AccountStatements .gvAccountTurnoverPreview table tbody tr td:last-child, .DepositStatementsCorporate .gvAccountTurnoverPreview table tbody tr td:last-child, .DepositTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td:last-child { width: 27%; } /* .dashboard.AccountTurnover { .gvAccountTurnoverPreview { table { tbody { tr { td { &:nth-child(2) { width: 15.5%; } &:nth-child(3) { width: 22.5%; } &:nth-child(4) { width: 28%; } &:last-child { width: 10%; } } } } } } }*/ .dashboard.AccountTurnover .gvAccountTurnoverPreview table tbody tr td:last-child { width: 6% !important; } .CardTurnoverCorporate .tableFilter, .CardSpendingCorporate .tableFilter, .CardStatementsCorporate .tableFilter { position: relative; } .CardTurnoverCorporate .tableFilter .transaction-filter-inner, .CardSpendingCorporate .tableFilter .transaction-filter-inner, .CardStatementsCorporate .tableFilter .transaction-filter-inner { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .CardTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .CardSpendingCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .CardStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box { width: -webkit-calc(33.3333% - 17px); width: calc(33.3333% - 17px); } .CardTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton, .CardSpendingCorporate .tableFilter .transaction-filter-inner .filterButton, .CardStatementsCorporate .tableFilter .transaction-filter-inner .filterButton { bottom: auto; } .CardTurnoverCorporate .gvCardTurnover table tbody tr td:nth-child(2), .CardSpendingCorporate .gvCardTurnover table tbody tr td:nth-child(2), .CardStatementsCorporate .gvCardTurnover table tbody tr td:nth-child(2) { width: 22.5%; } .CardTurnoverCorporate .gvCardTurnover table tbody tr td:nth-child(3), .CardSpendingCorporate .gvCardTurnover table tbody tr td:nth-child(3), .CardStatementsCorporate .gvCardTurnover table tbody tr td:nth-child(3) { width: 22.5%; } .CardTurnoverCorporate .gvCardTurnover table tbody tr td:nth-child(4), .CardSpendingCorporate .gvCardTurnover table tbody tr td:nth-child(4), .CardStatementsCorporate .gvCardTurnover table tbody tr td:nth-child(4) { width: 28%; } .CardTurnoverCorporate .gvCardTurnover table tbody tr td:last-child, .CardSpendingCorporate .gvCardTurnover table tbody tr td:last-child, .CardStatementsCorporate .gvCardTurnover table tbody tr td:last-child { width: 27%; } .CreditorTemplateManaging .account-statement-pdf-download { width: 87%; } .CreditorTemplateManaging .widget-tabs { top: -160px; position: absolute; left: 0; right: 0; } .CardInstallmentsV2 .tableFilter { position: relative; } .CardInstallmentsV2 .tableFilter .transaction-filter-inner { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; /*.filterButton { bottom: auto; }*/ } .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box { width: -webkit-calc(33.3333% - 17px); width: calc(33.3333% - 17px); } .LoanBalancePreviewSlider .relative .title-1.font-2, .AccountBalancePreviewSlider .relative .title-1.font-2, .DepositBalancePreviewCorporate .relative .title-1.font-2, .AuthorizedAccounts .relative .title-1.font-2 { font-size: 28px !important; } .LoanRepayments .payment-filter .payment-filter-box:first-child { width: 22.5%; } .LoanRepayments .payment-filter .payment-filter-recipient { width: 30%; } .LoanRepayments .payment-filter .payment-filter-amount { width: 41% !important; } .LoanRepayments .loan-filter-wrapper .payment-info-date { width: 22.5%; } .LoanRepayments .loan-filter-wrapper .payment-info-recipient { width: 30%; } .LoanRepayments .loan-filter-wrapper .payment-info-amount { width: 41%; } .Advertising.Html .advert, .PromoHtml .advert { height: 277px; } .promo-banner-group.banner-group-right.banner-group-bigger { bottom: 170px; } .promo-banner-group.banner-group-left.banner-group-smaller { bottom: 98px; } .promo-banner-group.banner-group-bigger p { font-size: 22px; } .promo-banner-group.banner-group-smaller p { font-size: 22px; } .slider-wrapper { width: calc(100% - 110px) !important; height: 320px; } .slider-wrapper_middle { height: 150px !important; } .slider-wrapper_bottom { padding: 20px 0 !important; } .slider-wrapper_bottom ul.widget-options { width: 170px; } .slider-wrapper_bottom .social li a { margin-left: 5px; margin-bottom: 5px; } .support-dialog .support-grid { display: block; } .support-dialog .support-grid .support-block { width: 90%; margin: 0 auto; margin-bottom: 20px; } .support-dialog .support-grid .support-block .cta { text-align: center; } .support-dialog .support-grid .support-block .btn-1 { width: auto; min-width: 200px; } .support-dialog .faq-section .faq-title { display: block; justify-content: space-between; padding-left: 0px; } .chartView { margin-left: -10px; } .AccountTurnover .form-error-message-block { top: 245px; } .AccountStatements .tableFilter .transaction-filter-inner .transaction-filter-box, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box { width: -webkit-calc(33.3333% - 50px); width: calc(33.3333% - 50px); } .AccountStatements .form-error-message-block, .DepositStatementsCorporate .form-error-message-block { top: 105px; } .CardTurnoverCorporate .form-error-message-block, .CardSpendingCorporate .form-error-message-block { top: 217px; } .DepositTurnoverCorporate .form-error-message-block { top: 180px; } .AccountPosTrasactionCorporate .form-error-message-block { top: 175px; } .NoticesSlider .slider-wrapper_bottom { padding-top: 50px !important; } } @media only screen and (max-height: 1000px) { /* .Html, .Support {*/ .login-downloads-main .login-downloads-col-left .login-downloads-col-left-content { padding-bottom: 80px; } /*}*/ } @media only screen and (max-height: 759.5px) { .goalsAddDialog .secoundleft { right: 0px !important; } .goalsAddDialog .input-datum { width: 100% !important; } .goalsAddDialog .popup-btn-wrapper { z-index: 1000 !important; } } @media only screen and (max-height: 660px) { .formsDialog .form-container.optiscroll { height: 40vh !important; } .details-dialog.promoPopUp .discount-popup-img-wrapper { max-height: 290px !important; } } @media only screen and (max-height: 877.5px) { .goalsEditDetailsDialog .secoundleft { right: 0px !important; } .goalsEditDetailsDialog .input-datum { width: 100% !important; } .goalsEditDetailsDialog .popup-btn-wrapper { z-index: 1000 !important; } } @media only screen and (min-height: 1200px) { .ui-dialog.right-dialog.details-dialog.creditorTemplateDialogList .account-item-inner, .ui-dialog.right-dialog.details-dialog.templateDialog .account-item-inner, .details-dialog.accountBalance .account-item-inner { height: 85vh !important; } .details-dialog.accountTurnoverDetail .account-item-inner { height: 80vh !important; } .ui-dialog.right-dialog.exchangeCommissionDialog .account-item-inner { height: 75vh !important; } .details-dialog.loanAnnuityDetail .account-item-inner { height: 80vh !important; } } @media only screen and (min-height: 820px) { .details-dialog.promoPopUp .discount-popup-img-wrapper { height: 500px; max-height: 500px !important; } .details-dialog.promoPopUp .promo-detail-text-wrapper { margin-top: 40px; } } @media only screen and (min-width: 1201px) and (min-height: 700px) { .NoticesSlider { position: fixed !important; } } @media only screen and (min-width: 1200px) { .sticky-header { display: block; } .sticky-header.scrolled { -webkit-transform: translateY(0); transform: translateY(0); } .LoginBackground .login-promo-col .site-logo { display: none; } .slider-wrapper { width: calc(100% - 90px) !important; } } @media only screen and (min-width: 1200px) and (max-height: 900px) { .side-menu .header-logo { margin-bottom: -10px; } .side-menu .header-logo a { max-width: 80px; height: 55px; } .side-menu .main-menu { height: calc(100% - 170px); } .slider-wrapper { width: calc(100% - 120px) !important; } } @media only screen and (min-width: 1200px) and (max-height: 800px) { .LoginBackground .login-promo-col .login-promo-main .content-inner h3 { font-size: 80px; } } @media (max-height: 840px) { .TravelInsuranceDiv .generali-detail .account-item-inner { height: 73vh !important; } .TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper { height: 62vh !important; } #TravelInsuranceTemplate .insuranceOverflow { height: 58vh; } .budgeAddDialog .account-item-inner { height: 67vh !important; } } @media (max-width: 893px) { .languagesContainer { top: 92px; } } @media only screen and (min-width: 800px) and (max-width: 893px) { .languagesContainer { top: 92px; } body.LanguageLogout .languagesContainer { top: 880px !important; left: 140px; } .info-links { top: 208px !important; display: block !important; position: relative !important; margin-right: 119px !important; } } @media only screen and (min-width: 893px) and (max-width: 1200px) { .languagesContainer { top: 92px; } body.LanguageLogout .languagesContainer { top: 814px; left: 150px; } } @media only screen and (max-width: 1200px) { body.mobile-open #page-header .mobile-btn { padding: 15px 15px 15px 115px; } body.mobile-open #page-header .mobile-btn .first, body.mobile-open #page-header .mobile-btn .second, body.mobile-open #page-header .mobile-btn .third { -webkit-transition: opacity .5s,-webkit-transform .5s; transition: opacity .5s,-webkit-transform .5s; transition: transform .5s,opacity .5s; transition: transform .5s,opacity .5s,-webkit-transform .5s; } body.mobile-open #page-header .mobile-btn.active li { left: unset; } body.mobile-open #page-header .mobile-btn.active .first { top: 35px; position: absolute; transform: translate3d(0, 0, 0) rotate(45deg); -ms-transform: translate3d(0, 0, 0) rotate(45deg); -moz-transform: translate3d(0, 0, 0) rotate(45deg); -o-transform: translate3d(0, 0, 0) rotate(45deg); -webkit-transform: translate3d(0, 0, 0) rotate(45deg); transform-origin: 50% 50%; } body.mobile-open #page-header .mobile-btn.active .second { opacity: 0; } body.mobile-open #page-header .mobile-btn.active .third { top: 35px; position: absolute; transform: translate3d(0, 0, 0) rotate(-45deg); -ms-transform: translate3d(0, 0, 0) rotate(-45deg); -moz-transform: translate3d(0, 0, 0) rotate(-45deg); -o-transform: translate3d(0, 0, 0) rotate(-45deg); -webkit-transform: translate3d(0, 0, 0) rotate(-45deg); transform-origin: 50% 50%; } .user-intro-select-wrapper.promotions { display: inline-block; margin-top: 10px; } .promo-cards-wrapper .promo-card-img-wrapper { height: 17vw; } .promo-cards-wrapper .promo-card-content.promo-card-content-center { height: calc(100% - 17vw); } .mCSB_container { width: 100% !important; } .creditorTemplateDialog .mCSB_container, .creditorTemplateDialogPublic .mCSB_container { width: 98% !important; } .s-widget.MessageHubNotificationList .notificationMsgList .widget-tabs { top: -325px; } #content_wrap { width: 100%; padding-top: 50px; margin-bottom: -92px; } #content_wrap #page-header:after { height: 417px; } #content_wrap #page-header.dashboard-header .UserInfo .UserInfoHeader { padding-bottom: 50px; } #content_wrap #page-header:not(.dashboard-header):after { height: 204px; } #content_wrap #page-header:not(.dashboard-header) .UserInfo .UserInfoHeader .user-intro-section-name .title-1, #content_wrap #page-header:not(.dashboard-header) .UserInfo .UserInfoHeader .user-intro-section-name span.name, #content_wrap #page-header:not(.dashboard-header) .UserInfo .UserInfoHeader .user-heading .title-1, #content_wrap #page-header:not(.dashboard-header) .UserInfo .UserInfoHeader .user-heading span.name { font-size: 28px; } #content_wrap #page-header.buy_sell_currency-header:after, #content_wrap #page-header.internal_transfer-header:after, #content_wrap #page-header.intrabank_transfer-header:after, #content_wrap #page-header.third_party_transfer-header:after { height: 267px; } #content_wrap #page-header.view_payment_orders-header .UserInfo .UserInfoHeader, #content_wrap #page-header.beneficiaries-header .UserInfo .UserInfoHeader { margin-bottom: 10px; padding-bottom: 90px; } #content_wrap #page-header.view_payment_orders-header:after { height: 122px; } #content_wrap #page-header.beneficiaries-header:after, #content_wrap #page-header.messageHub-header:after { height: 154px; } #content_wrap #page-header.my_profile-header:after { height: 250px; } #content_wrap #page-header .UserInfo .UserInfoHeader { padding-top: 20px; } #content_wrap #page-header .UserInfo .UserInfoHeader h2.title-1 { display: inline; } #content_wrap .push { height: 92px; } .side-menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 70px; padding: 20px; background-color: #EFEFEF; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); z-index: 101; } .side-menu .header-logo { margin: 0; padding: 0; } .side-menu .header-logo a { margin: 0; max-width: 160px; width: 160px; } .side-menu .mobile-btn { display: block; position: relative; width: 30px; height: 25px; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; user-select: none; cursor: pointer !important; } .side-menu .mobile-btn.active .first { -webkit-transform: rotate(45deg) scaleX(1.04); transform: rotate(45deg) scaleX(1.04); } .side-menu .mobile-btn.active .second { -webkit-transform: translate(-100%, -50%); transform: translate(-100%, -50%); opacity: 0; } .side-menu .mobile-btn.active .third { -webkit-transform: rotate(-45deg) scaleX(1.04); transform: rotate(-45deg) scaleX(1.04); } .side-menu .mobile-btn li { width: 30px; height: 3px; position: absolute; left: 0; background-color: #006de6; -webkit-transition: opacity .5s,-webkit-transform .5s; transition: opacity .5s,-webkit-transform .5s; transition: transform .5s,opacity .5s; transition: transform .5s,opacity .5s,-webkit-transform .5s; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } .side-menu .mobile-btn .first { top: 0; } .side-menu .mobile-btn .second { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .side-menu .mobile-btn .third { bottom: 0; } .side-menu .main-menu { position: fixed; top: 74px; right: 0; left: 0; bottom: 0; height: calc(100vh - 74px); transform: translate(100%, 0px); background-color: #EFEFEF; -webkit-transition: transform 1s ease-in-out; -moz-transition: transform 1s ease-in-out; transition: transform 1s ease-in-out; } .side-menu .main-menu.active { transform: translate(0px, 0px); } .side-menu .main-menu .s-portal-menu { height: calc(100% - 21px); padding-top: 55px; z-index: 300 !important; } .side-menu .main-menu .s-portal-menu .main-nav { padding: 0 20px; } .side-menu .main-menu .s-portal-menu .main-nav li.dropdown .submenu li a { padding-left: 60px; } .side-menu .main-menu .s-portal-menu .main-nav li.dropdown .submenu li a span:after { content: none; } .side-menu .main-menu .s-portal-menu .main-nav li.dropdown a:after { content: none; } .side-menu .main-menu .s-portal-menu .main-nav li.dropdown a span { position: relative; } .side-menu .main-menu .s-portal-menu .main-nav li.dropdown a span:after { content: ''; position: absolute; top: 50%; right: -25px; transform: translate(0, -50%); width: 9px; height: 14px; background-image: url(images/icons/arrows-1.png); background-position: 50%; background-repeat: no-repeat; background-size: contain; } .side-menu .main-menu .s-portal-menu .main-nav li.dropdown a span.colorYellow:after { content: none; } .side-menu .main-menu .s-portal-menu .main-nav li a { padding: 0; } .side-menu .main-menu .s-portal-menu .main-nav li a:hover:before, .side-menu .main-menu .s-portal-menu .main-nav li a.selected:before { content: none; } .side-menu .profile-box .img-box { display: none; } .side-menu .profile-box .profile-trigger p { width: 220px; margin-top: 16px; margin-left: 20px; } .side-menu.mCustomScrollbar { height: 90px; width: 100%; } .side-menu .hamburger-menu-close { display: block; position: absolute; width: 30px; height: 25px; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; user-select: none; right: 20px; top: 5%; z-index: 2; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; } .side-menu .hamburger-menu-close .hamburger-menu-line { display: block; width: 100%; height: 3px; position: absolute; left: 0; background-color: #272a94; -webkit-transition: opacity .5s,-webkit-transform .5s; transition: opacity .5s,-webkit-transform .5s; transition: transform .5s,opacity .5s; transition: transform .5s,opacity .5s,-webkit-transform .5s; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } .side-menu .hamburger-menu-close .hamburger-menu-line:first-child { top: 0; -webkit-transform: rotate(45deg) scaleX(1.04); transform: rotate(45deg) scaleX(1.04); } .side-menu .hamburger-menu-close .hamburger-menu-line:nth-child(2) { -webkit-transform: rotate(-45deg) scaleX(1.04); transform: rotate(-45deg) scaleX(1.04); bottom: 0; } .MessageHubNotificationList .dot-menu-text-wrapper.messages { transform: translateY(-110px); } .LoginBackground .login-promo-col { position: relative; width: 100%; } .LoginBackground .login-promo-col .site-logo { background-image: url(images/logo/halkbank-logo-3.png); height: 105px; width: 100px; position: absolute; margin: 0 auto 45px; top: 30px; left: 20px; z-index: 9; background-repeat: no-repeat; background-size: contain; } .LoginBackground .login-promo-col .login-promo-main { padding-top: 150px; } .LoginBackground .login-promo-col .login-promo-main .content-inner { padding-bottom: 45%; } .LoginBackground .login-promo-col .login-promo-main .content-inner h3 { font-size: 80px; } .SliderTutorial .slider .slick-list { height: 35vw; } .SliderTutorial .slide { padding: 35px; height: 25vw; } .LoginRetail .login-form-col { width: 100%; min-height: 840px; height: 100%; } .LoginRetail .login-form-col .login-download-wrap { top: 0; } .LoginRetail .login-form-col .inner { padding-bottom: 0; } .LoginRetail .login-form-col .inner .site-logo { display: none; } .LoginRetail .login-form-col .inner .login-form { position: relative; } .LoginRetail .login-form-col .inner .login-form .login-download-wrap { top: -5px; right: -195px; } /* .Html, .Support {*/ .login-downloads-main .login-downloads-col-left { width: 35%; } .login-downloads-main .login-downloads-col-left .login-downloads-back-link { top: 20px; left: 20px; } .login-downloads-main .login-downloads-col-left .login-downloads-col-left-content { padding-bottom: 150px; } .login-downloads-main .login-downloads-col-right { padding: 20px 20px 20px 5vw; } /* }*/ .AccountSlider .user-intro-select-wrapper { margin-left: 0; } .AccountSlider .tabslider { position: absolute; z-index: 26; top: -40px; width: 220px; } .Advertising.Html .advert, .PromoHtml .advert { height: 268px; } .promo-banner-group.banner-group-right.banner-group-bigger { bottom: 164px; } .promo-banner-group.banner-group-left.banner-group-smaller { bottom: 95px; } .NoticesSlider { bottom: 840px; width: calc(100vw - 0% - 77px); } .NoticesSlider .slider-wrapper_bottom { padding-top: 50px !important; } .user-intro-section-profile { position: absolute; right: 20px; width: 45%; top: 20px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .ui-dialog.right-dialog.accountsFavorites { top: 94px; } .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .account-inter-inner-scroll { padding: 0 20px 0 40px; } .FastPayment .fast-pay-account-wrapper { margin-right: -16px; } .FastPayment .popup-content { left: unset; } .FastPayment .popup-content .dot-decoration { right: 18px !important; } #page-footer { width: 100%; } #page-footer .footer-content { padding: 20px 10px 16px 30px; width: 97%; } .info-links { top: 106px !important; display: block !important; position: relative !important; margin-right: 132px !important; } .search_area { height: 40px; } .search_area svg { top: 45%; } .AccountStatements .form-error-message-block { top: 120px; } .AccountStatements .account-statement-info-inner .account-statements-info svg.profile-text-arrow { padding-left: 30px; } } @media only screen and (min-width: 1000px) and (max-width: 1200px) { .SliderTutorial .slider .slick-list { height: 35vw; } .SliderTutorial .slide { padding: 35px; height: 29vw; background-size: 100% 115%; } .SliderTutorial .slide .inner { padding-left: 0px; } body.LanguageLogout .languagesContainer { top: 960px !important; left: 150px; } } @media only screen and (min-width: 800px) and (max-width: 1200px) { .side-menu .main-menu { left: auto; width: 60%; } #content_wrap.dashboard-wrap { top: -260px; } .LoginBackground .login-promo-col { min-height: 625px; } .LoginBackground .login-promo-col .login-promo-main .content-inner h3 { font-size: 80px; } .PaymentOverviewV2 .tableFilter .transaction-filter-inner.flex-layout { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .PaymentOverviewV2 .tableFilter .filterButton { margin: unset; } .AccountSlider .tabslider { position: absolute; z-index: 26; top: -130px; width: 220px; } body.LanguageLogout .languagesContainer { top: 900px; left: 150px; } } @media only screen and (min-width: 651px) and (max-width: 768px) { .CreditorTemplateManaging .widget-tabs { top: -86px !important; width: 65% !important; z-index: 1; } .CreditorTemplateManaging .widget-tabs li a { padding: 4px 0px !important; } .CreditorTemplateManaging .dot-menu-text-wrapper { width: unset !important; } .CreditorTemplateManaging .transaction-filter-box { width: calc(50% - 8px) !important; min-width: 300px; } .CreditorTemplateManaging .account-statement-pdf-download { width: 55%; } .CreditorTemplateManaging .payments-ico { margin-right: 30px; } .AccountSlider .tabslider { position: absolute; z-index: 26; top: -130px; width: 220px; } } @media only screen and (min-width: 768px) and (max-width: 1200px) { .accountDetailsPopup .transaction-popup-option .page-text { width: 75% !important; } .acc-details { width: 97%; } .userinfoCorporate .s-widget-body .heading { top: 0; } .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box { width: calc(33.3333333334% - 17px); margin: 0 8px 10px; } .PaymentOverviewV2 .tableFilter .transaction-filter-inner .filterButton { position: relative; right: 0px; bottom: 0px; margin-bottom: -11px; margin-left: 10px; } .CreditorTemplateManaging .widget-tabs { top: -86px !important; width: 47% !important; z-index: 1; } .CreditorTemplateManaging .widget-tabs li a { padding: 4px 0px !important; } .CreditorTemplateManaging .dot-menu-text-wrapper { width: unset !important; } .CreditorTemplateManaging .transaction-filter-box { width: calc(50% - 8px) !important; min-width: 300px; } .CreditorTemplateManaging .account-statement-pdf-download { width: 66%; } .CreditorTemplateManaging .payments-ico { margin-right: 30px; } .AccountStatements .account-statement-pdf-download { margin-left: 15px; } .CardStatements .account-statement-pdf-download { margin-left: 15px; } .AccountBalancePreviewSlider .wrapper.account-card-img .account-intro-inner, BalancePreviewCorporate .wrapper.account-card-img .account-intro-inner, .AuthorizedAccounts .wrapper.account-card-img .account-intro-inner { padding: 15px 58px 15px 15px; } .LoanBalancePreviewSlider .account-detail-menu .activity-popup-filter .dot-decoration, .AccountBalancePreviewSlider .account-detail-menu .activity-popup-filter .dot-decoration, .CardBalancePreviewCorporate .account-detail-menu .activity-popup-filter .dot-decoration, .DepositBalancePreviewCorporate .account-detail-menu .activity-popup-filter .dot-decoration, .AuthorizedAccounts .account-detail-menu .activity-popup-filter .dot-decoration { left: 40px; } .AccountSlider .tabslider { position: absolute; z-index: 26; top: 100px; width: 220px; } } @media only screen and (min-width: 601px) and (max-width: 800px) { .accountDetailsPopup .transaction-popup-option .page-text { width: 75% !important; } .acc-details { width: 97%; } .LoginBackground .login-promo-col .login-promo-main .content-inner { padding: 0 20px 350px !important; } .LoginRetail .info-links { top: 26px !important; left: 34%; transform: translateX(-50%); } /*.LoginRetail { .login-form-col { .inner { .login-form { .login-download-wrap { top: 26px !important; left: 34%; } } } } }*/ body.LanguageLogout .languagesContainer { top: 870px !important; left: 10%; transform: translateX(-50%); } .slider-wrapper { height: 260px; width: 100% !important; left: 50%; transform: translateX(-50%); } .slider-wrapper_middle { height: 155px !important; } .token-list .column-date p { margin-left: 80px !important; white-space: nowrap; } .token-list .column-digipass p { margin-left: 70px !important; } .CardTurnoverCorporate .tableFilter .transaction-filter-inner, .CardInstallmentsV2 .tableFilter .transaction-filter-inner, .AccountTurnovere .tableFilter .transaction-filter-inner, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner, .AccountStatements .tableFilter .transaction-filter-inner, .DepositStatementsCorporate .tableFilter .transaction-filter-inner, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner, .CardSpendingCorporate .tableFilter .transaction-filter-inner { width: 100%; } .CardTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .filterButton, .AccountTurnovere .tableFilter .transaction-filter-inner .filterButton, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .filterButton, .AccountStatements .tableFilter .transaction-filter-inner .filterButton, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .filterButton, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton, .CardSpendingCorporate .tableFilter .transaction-filter-inner .filterButton { position: relative; margin-top: 15px; left: 5px; } .CardTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton button, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .filterButton button, .AccountTurnovere .tableFilter .transaction-filter-inner .filterButton button, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .filterButton button, .AccountStatements .tableFilter .transaction-filter-inner .filterButton button, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .filterButton button, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton button, .CardSpendingCorporate .tableFilter .transaction-filter-inner .filterButton button { margin-left: 0px !important; } .CardTurnoverCorporate .dot-menu-text-wrapper, .CardInstallmentsV2 .dot-menu-text-wrapper, .AccountTurnovere .dot-menu-text-wrapper, .AccountPosTrasactionCorporate .dot-menu-text-wrapper, .AccountStatements .dot-menu-text-wrapper, .DepositStatementsCorporate .dot-menu-text-wrapper, .DepositTurnoverCorporate .dot-menu-text-wrapper, .CardSpendingCorporate .dot-menu-text-wrapper { width: auto; top: -60px !important; } .CardTurnoverCorporate .filter-error-text, .CardInstallmentsV2 .filter-error-text, .AccountTurnovere .filter-error-text, .AccountPosTrasactionCorporate .filter-error-text, .AccountStatements .filter-error-text, .DepositStatementsCorporate .filter-error-text, .DepositTurnoverCorporate .filter-error-text, .CardSpendingCorporate .filter-error-text { margin-top: 30px; } .AccountStatements .flex-end { flex-wrap: wrap !important; } .AccountStatements .transaction-filter-submit-statements { margin-left: auto; margin-top: 10px; } .AccountStatements .dot-menu-text-wrapper-filter { width: auto !important; margin-left: auto; } .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title { width: 62% !important; flex-wrap: nowrap !important; } .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .account-card-text { width: calc(100% - 70px) !important; padding-left: 20px !important; } .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .account-card-text h2 { white-space: pre-wrap; margin-bottom: 0px !important; } .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-balance.resp { margin-right: -60px; } .PaymentOrderV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner { margin-left: -20px; } .PaymentOrderV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-title { width: 90%; } .PaymentOrderV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-title .account-card-text { margin-left: -20px; } .PaymentOrderV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-title .user-accout-card-img { margin-bottom: 20px; } .PaymentOrderV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .flex { display: block; } .PaymentOrderV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .flex .account-detail-menu { position: absolute; right: 25px; top: 45%; width: unset !important; } .LoanBalancePreviewSlider .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title, .AccountBalancePreviewSlider .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title, .DepositBalancePreviewCorporate .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title, .AuthorizedAccounts .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title { padding-left: 20px !important; width: 62% !important; flex-wrap: nowrap !important; } .LoanBalancePreviewSlider .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .account-card-text, .AccountBalancePreviewSlider .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .account-card-text, .DepositBalancePreviewCorporate .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .account-card-text, .AuthorizedAccounts .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .account-card-text { width: calc(100% - 70px) !important; } .LoanBalancePreviewSlider .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .account-card-text h2, .AccountBalancePreviewSlider .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .account-card-text h2, .DepositBalancePreviewCorporate .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .account-card-text h2, .AuthorizedAccounts .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .account-card-text h2 { white-space: pre-wrap; } .LoanBalancePreviewSlider .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .user-account-loan-img, .AccountBalancePreviewSlider .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .user-account-loan-img, .DepositBalancePreviewCorporate .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .user-account-loan-img, .AuthorizedAccounts .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .user-account-loan-img { margin-right: 10px; margin-bottom: 0px; } .AccountBalancePreviewSlider .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title, .DepositBalancePreviewCorporate .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title, .AuthorizedAccounts .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title { padding-left: 0px !important; width: 65% !important; flex-wrap: nowrap !important; } .AccountBalancePreviewSlider .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .account-card-text, .DepositBalancePreviewCorporate .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .account-card-text, .AuthorizedAccounts .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .account-card-text { width: calc(100% - 70px) !important; } .AccountBalancePreviewSlider .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .user-accout-card-img, .DepositBalancePreviewCorporate .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .user-accout-card-img, .AuthorizedAccounts .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .user-accout-card-img { margin-right: 10px; } .CardPayment .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-title .account-card-text h2, .PaymentTransfer .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-title .account-card-text h2 { white-space: pre-wrap; } .CardPayment .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .accounts-intro-balance, .PaymentTransfer .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .accounts-intro-balance { margin-left: 10px; margin-right: -25px; } .CardPayment .user-account-card-outer .wrapper.account-card-img .account-intro-inner, .PaymentTransfer .user-account-card-outer .wrapper.account-card-img .account-intro-inner, .CardBalancePreviewCorporate .user-account-card-outer .wrapper.account-card-img .account-intro-inner { padding: 30px 55px 20px 0px; } .CardPayment .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title, .PaymentTransfer .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title, .CardBalancePreviewCorporate .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title { padding-left: 0px !important; margin-left: 20px; flex-wrap: nowrap !important; } .CardPayment .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .account-card-text, .PaymentTransfer .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .account-card-text, .CardBalancePreviewCorporate .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .account-card-text { width: calc(100% - 100px) !important; } .CardPayment .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .user-account-card-img, .PaymentTransfer .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .user-account-card-img, .CardBalancePreviewCorporate .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .user-account-card-img { margin-right: 10px; } .CardPayment .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-title .user-account-card-img, .PaymentTransfer .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-title .user-account-card-img, .CardBalancePreviewCorporate .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-title .user-account-card-img { margin-bottom: 20px; } .CardPayment .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-balance, .PaymentTransfer .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-balance { margin-left: 0px !important; } .CardPayment .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-detail-menu, .PaymentTransfer .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-detail-menu { position: absolute; right: 0; padding-right: 0px; width: 10%; } .CardPayment .amount-wrap, .CardPayment .payment-wrapper, .PaymentTransfer .amount-wrap, .PaymentTransfer .payment-wrapper { width: 98% !important; } .LoanAnnuityPlan .dot-menu-text-wrapper, .LoanRepayments .dot-menu-text-wrapper { -webkit-box-pack: end !important; justify-content: right !important; } .AccountSlider .tabslider { position: relative; z-index: 26; top: -50px; width: 220px; } } @media only screen and (min-width: 1200.5px) and (max-width: 1400px) { .CardPayment .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-balance, .PaymentTransfer .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-balance { margin-left: 133px !important; } .CardPayment .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-title .account-card-text h2, .PaymentTransfer .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-title .account-card-text h2 { margin-bottom: 0px; white-space: nowrap; } .CardPayment .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-balance, .PaymentTransfer .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-balance { margin-left: 20px; } .CardPayment .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-balance .profile-text-arrow, .PaymentTransfer .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-balance .profile-text-arrow { top: -13px; } .CreditorTemplateManaging .account-statement-pdf-download { width: 66%; } .CreditorTemplateManaging .payments-ico { margin-right: 30px; } } @media only screen and (min-width: 801px) and (max-width: 950.5px) { .CardPayment .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-balance, .PaymentTransfer .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-balance { margin-left: 110px !important; } } @media only screen and (min-width: 951px) and (max-width: 1200px) { .CardPayment .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-balance, .PaymentTransfer .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-balance { margin-left: 200px !important; } } @media only screen and (min-width: 1201px) and (max-width: 1300px) { .token-list .payment-filter-date { width: 18% !important; } .token-list .payment-filter-date svg { right: 7px !important; } .token-list .payment-filter-serialnum svg { right: 0px !important; } .token-list .payment-filter-device svg { right: 53px !important; } .token-list .payment-filter-digipass svg { right: 40px !important; } } @media only screen and (min-width: 801px) and (max-width: 1000px) { .token-list .column-date p { margin-left: 150px !important; white-space: nowrap; } .token-list .column-digipass p { margin-left: 150px !important; } .SliderTutorial .widget-inner { margin-bottom: -100px; } .SliderTutorial .slider .slick-list { height: 33vw; } .SliderTutorial .slide .inner { margin-top: 50px; display: flex; position: relative; max-width: 800px !important; } .SliderTutorial .slide .inner padding { display: flex; margin-bottom: 0px; } .SliderTutorial .slide .inner .title { margin-bottom: 10px; display: flex; font-size: 30px; } .SliderTutorial .slide .inner .text { margin-bottom: 24px; font-size: 17px; } .SliderTutorial .slick-dots { bottom: 105px; } } @media only screen and (min-width: 801px) and (max-width: 1200px) { .CardPayment .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .account-detail-menu, .PaymentTransfer .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .account-detail-menu { padding-right: 0px; margin-left: 20px; } .CardPayment .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-balance, .PaymentTransfer .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-balance { margin-left: 10px; margin-right: -40px; } } @media only screen and (min-width: 650px) and (max-width: 1200px) { .LoginBackground .login-promo-col .login-promo-main { height: auto; padding-top: 150px; } } @media only screen and (min-width: 1001px) and (max-width: 1400px) { .PaymentTransfer .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .title-1 { font-size: 28px !important; } .PaymentOrderV2 .relative .user-account-card .account-intro-inner .accounts-intro-title { padding-left: 0px !important; } .PaymentOrderV2 .relative .user-account-card .account-intro-inner .account-card-text { padding-left: 20px !important; } .PaymentOrderV2 .relative .user-account-card .account-intro-inner .account-card-text h2 { font-size: 28px !important; } .PaymentOrderV2 .relative .user-account-card .account-intro-inner .flex .accounts-intro-balance h2 { font-size: 28px !important; } } @media only screen and (max-width: 1000px) { .AccountBalancePreviewSlider .title-1, .CardBalancePreviewSlider .title-1, .LoanBalancePreviewSlider .title-1, .DepositBalancePreviewCorporate .title-1, .AuthorizedAccounts .title-1 { font-size: 25px; } .AccountStatements .tableFilter .transaction-filter-inner .transaction-filter-box, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box { width: -webkit-calc(33.3333% - 62px); width: calc(33.3333% - 62px); } #zone_106646, #zone_106647 { width: 100% !important; } .CurrencyCalculator { width: 89% !important; padding: 0px 40px; } .CurrencyCalculator .calculator-heading { left: 43.5% !important; } .ExchangeOffice { width: 100% !important; } .ExchangeOffice .exchange-form-wrapper { border-right: none; } .dashboard.CurrencyCalculator { width: 100% !important; } .dashboard.CurrencyCalculator .currency-converter-wrapper { border: none; padding: 0; } .dashboard.CurrencyCalculator .currency-converter-wrapper .group-inner .input-1 { width: 98%; } .token-list .column-buttons { right: 135px !important; } .token-list .payment-filter-digipass { width: 20% !important; } .token-list .group-inner { width: 22% !important; } .token-list .payment-filter-date { width: 25% !important; } .token-list .payment-filter-date svg { right: 0px !important; } .token-list .payment-filter-serialnum { width: 30% !important; } .token-list .payment-filter-serialnum svg { right: 10px !important; } .token-list .payment-filter-device svg { right: 30px !important; } .token-list .payment-filter-digipass svg { right: 35px !important; } .LoginRetail .login-form-col .inner .login-form .login-title h2 { font-size: 40px; } .SupplementaryCardsListCorporate .gvSupplementaryCards { overflow-x: auto; overflow-y: hidden; } .SupplementaryCardsListCorporate .gvSupplementaryCards table { min-width: 800px; } .CardTurnoverCorporate .gvCardTurnover { overflow-x: auto; overflow-y: hidden; } .CardSpendingCorporate .gvCardSpending { overflow-x: auto; overflow-y: hidden; } .CardPayment .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .title-1, .PaymentTransfer .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .title-1 { font-size: 25px !important; } .PaymentOrderV2 .relative .user-account-card .account-intro-inner .accounts-intro-title { padding-left: 0px !important; } .PaymentOrderV2 .relative .user-account-card .account-intro-inner .account-card-text { padding-left: 20px !important; } .PaymentOrderV2 .relative .user-account-card .account-intro-inner .account-card-text h2 { font-size: 25px !important; } .PaymentOrderV2 .relative .user-account-card .account-intro-inner .flex .accounts-intro-balance h2 { font-size: 25px !important; } .AccountSlider .user-account-card-left-col .title-1 { font-size: 25px; } .AccountSlider .user-account-card-left-col .margin-5 { margin-bottom: 20px; } .AccountSlider .user-account-card-right-col { padding-left: 20px; } .AccountSlider .highcharts-container { transform: translateX(-30px); } .faq-section .faq-title h4 { margin-bottom: 30px; } .Advertising.Html .commercial-text-wrapper, .PromoHtml .commercial-text-wrapper { width: 45%; } .Advertising.Html .advert, .PromoHtml .advert { width: 50%; height: 159px; } .promo-banner-group.banner-group-right.banner-group-bigger { margin-bottom: -120px !important; bottom: 96px; } .promo-banner-group.banner-group-left.banner-group-smaller { margin-bottom: -120px !important; bottom: 54px; } .promo-banner-group.banner-group-bigger p { top: 63%; font-size: 15px; } .promo-banner-group.banner-group-smaller p { top: 37%; font-size: 15px; } .promo-cards-wrapper .promo-card { width: calc(50% - 18px); } .promo-cards-wrapper .promo-card-img-wrapper { height: 25vw; max-height: unset; } .promo-cards-wrapper .promo-card-content.promo-card-content-center { height: calc(100% - 25vw); } .currency-calculator-zone { width: 100% !important; } .currency-calculator-zone .CurrencyCalculator-dashboard { margin-right: 0 !important; } .currency-calculator-zone .CurrencyCalculator-dashboard .currency-calculator-table tbody tr:nth-child(3) td, .currency-calculator-zone .CurrencyCalculator-dashboard .currency-calculator-table tbody tr:nth-child(6) td, .currency-calculator-zone .CurrencyCalculator-dashboard .currency-calculator-table tbody tr:last-child td { width: 100%; } .currency-calculator-zone .CurrencyCalculator-dashboard .currency-calculator-table tbody tr td { display: -webkit-box !important; } .currency-calculator-zone .CurrencyCalculator-dashboard .currency-calculator-table tbody tr td .payment-filter-payment { width: 16px !important; height: 16px !important; } .currency-calculator-zone .CurrencyCalculator-dashboard .currency-calculator-table .dot-menu { top: 0px !important; } .currency-calculator-zone .CurrencyCalculator { padding-right: 0; } .currency-calculator-zone .CurrencyCalculator .currency-calculator-table tbody tr { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; } .currency-calculator-zone .CurrencyCalculator .currency-calculator-table tbody tr:first-child td:last-child, .currency-calculator-zone .CurrencyCalculator .currency-calculator-table tbody tr:nth-child(4) td:last-child { text-align: center !important; position: static !important; bottom: auto !important; } .currency-calculator-zone .CurrencyCalculator .currency-calculator-table tbody tr:nth-child(3) td, .currency-calculator-zone .CurrencyCalculator .currency-calculator-table tbody tr:last-child td { width: 100%; } .currency-calculator-zone .CurrencyCalculator .currency-calculator-table tbody tr td { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .currency-calculator-zone .CurrencyCalculator .currency-calculator-table tbody tr td .payment-filter-payment { width: 40px; height: 40px; padding: 0; } .currency-calculator-zone .CurrencyCalculator .currency-calculator-table tbody tr td .payment-inner-text { width: auto; position: static; left: auto; } .currency-calculator-zone .CurrencyCalculator .currency-calculator-table tbody tr td input { width: 97%; } .LoanBalancePreviewSlider .relative .title-1.font-2, .AccountBalancePreviewSlider .relative .title-1.font-2, .DepositBalancePreviewCorporate .relative .title-1.font-2, .AuthorizedAccounts .relative .title-1.font-2 { font-size: 25px !important; white-space: normal; } .currency-exchange-zone { width: 100% !important; } .CurrencyExchangeV2.dashboard, .CurrencyExchangeV2 { width: 100% !important; } .CurrencyExchangeV2.dashboard .gvCurrencyExchange, .CurrencyExchangeV2 .gvCurrencyExchange { overflow-x: auto; } .CurrencyExchangeV2.dashboard .gvCurrencyExchange .clientGrid, .CurrencyExchangeV2 .gvCurrencyExchange .clientGrid { min-width: 800px; } .ForeignPaymentOrderV2 .foreign-payments-beneficiary-details .foreign-payments-beneficiary-details-wrapper .group-inner, .ForeignPaymentOrderV2 .foreign-payments-beneficiary-details .foreign-payments-intro-wrapper .group-inner, .ForeignPaymentOrderV2 .foreign-payments-intro .foreign-payments-beneficiary-details-wrapper .group-inner, .ForeignPaymentOrderV2 .foreign-payments-intro .foreign-payments-intro-wrapper .group-inner, .ForeignPaymentOrderV2 .foreign-payments-details .foreign-payments-details-wrapper .group-inner, .ForeignPaymentOrderV2 .foreign-payments-details .foreign-payments-details-wrapper .tableFilter, .ForeignPaymentOrderV2 .foreign-payments-details .foreign-payments-details-wrapper .group-inner.textarea { width: 100%; margin-bottom: 10px; } .domestic-payment-form .left-side, .domestic-payment-form .right-side { width: 100%; padding: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { width: 100%; } .form-button-footer { flex-wrap: wrap; } .form-button-footer .buttons { width: 100%; } .form-button-footer .buttons button { width: 100%; margin-bottom: 6px; } .pdf-wrapper a { width: 100%; } .ForeignOrderListCorporateV3 .gvOrderList, .DomesticOrderListCorporateV3 .gvOrderList { overflow-x: auto; } .AuthorizedAccountsC .account-intro-inner { display: block; } .AuthorizedAccountsC .accounts-intro-title { display: block; } .AuthorizedAccountsC .account-card-text { margin-top: 20px; } .AuthorizedAccountsC .accounts-intro-balance { width: 100%; text-align: left !important; margin-bottom: 20px; } .ForeignPaymentOrderV2 .payment-filter-wrapper { overflow-x: auto !important; overflow-y: hidden; width: unset; } .NoticesSlider { bottom: 840px; } .PaymentOverviewV3 .tableFilter { width: 100% !important; } .PaymentOverviewV3 .gvOrderPreviewList { overflow-x: auto; } .PaymentOverviewV3 .gvOrderPreviewList table { min-width: 1000px; } .OrderPackageListV2 #gvOrderPreviewList { overflow-x: auto; } .OrderPackageListV2 #gvOrderPreviewList table { min-width: 1000px; } } @media only screen and (max-width: 900px) { .AccountSlider .highcharts-container { width: 100% !important; } .AccountSlider .highcharts-series-group { transform: translateX(-43px); } } @media only screen and (max-width: 800px) { body.mobile-open #page-header .mobile-btn { padding: 15px 15px 15px 115px; } body.mobile-open #page-header .mobile-btn .first, body.mobile-open #page-header .mobile-btn .second, body.mobile-open #page-header .mobile-btn .third { -webkit-transition: opacity .5s,-webkit-transform .5s; transition: opacity .5s,-webkit-transform .5s; transition: transform .5s,opacity .5s; transition: transform .5s,opacity .5s,-webkit-transform .5s; } body.mobile-open #page-header .mobile-btn.active li { left: unset; } body.mobile-open #page-header .mobile-btn.active .first { top: 35px; position: absolute; transform: translate3d(0, 0, 0) rotate(45deg); -ms-transform: translate3d(0, 0, 0) rotate(45deg); -moz-transform: translate3d(0, 0, 0) rotate(45deg); -o-transform: translate3d(0, 0, 0) rotate(45deg); -webkit-transform: translate3d(0, 0, 0) rotate(45deg); transform-origin: 50% 50%; } body.mobile-open #page-header .mobile-btn.active .second { opacity: 0; } body.mobile-open #page-header .mobile-btn.active .third { top: 35px; position: absolute; transform: translate3d(0, 0, 0) rotate(-45deg); -ms-transform: translate3d(0, 0, 0) rotate(-45deg); -moz-transform: translate3d(0, 0, 0) rotate(-45deg); -o-transform: translate3d(0, 0, 0) rotate(-45deg); -webkit-transform: translate3d(0, 0, 0) rotate(-45deg); transform-origin: 50% 50%; } .promo-cards-wrapper .promo-card-content { padding: 18px 18px 22px 18px; } #content_wrap #page-header:after { height: 564px; } #content_wrap #page-header .UserInfo .UserInfoHeader .user-intro-section-name .title-1, #content_wrap #page-header .UserInfo .UserInfoHeader .user-intro-section-name span.name { font-size: 25px; } #content_wrap #page-header:not(.dashboard-header):after { height: 277px; } #content_wrap #page-header:not(.dashboard-header) .UserInfo .UserInfoHeader .user-intro-section-name .title-1, #content_wrap #page-header:not(.dashboard-header) .UserInfo .UserInfoHeader .user-intro-section-name span.name, #content_wrap #page-header:not(.dashboard-header) .UserInfo .UserInfoHeader .user-heading .title-1, #content_wrap #page-header:not(.dashboard-header) .UserInfo .UserInfoHeader .user-heading span.name { font-size: 25px; } #content_wrap #page-header.buy_sell_currency-header:after, #content_wrap #page-header.internal_transfer-header:after, #content_wrap #page-header.intrabank_transfer-header:after, #content_wrap #page-header.third_party_transfer-header:after { height: 319px; } #content_wrap #page-header.view_payment_orders-header:after { height: 120px; } #content_wrap #page-header.beneficiaries-header:after, #content_wrap #page-header.messageHub-header:after { height: 152px; } #content_wrap #page-header.my_profile-header:after { height: 247px; } .token-list .tableHeader { margin-bottom: 0px !important; margin-right: 0px !important; } .token-list .button { float: none !important; } .token-list .button button { top: 20px; float: none !important; } .token-list .account-statements-info-wrapper { margin-top: 60px !important; } .side-menu .hamburger-menu-close { display: block; position: absolute; width: 30px; height: 25px; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; user-select: none; right: 20px; top: 5%; z-index: 2; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; } .side-menu .hamburger-menu-close .hamburger-menu-line { display: block; width: 100%; height: 3px; position: absolute; left: 0; background-color: #272a94; -webkit-transition: opacity .5s,-webkit-transform .5s; transition: opacity .5s,-webkit-transform .5s; transition: transform .5s,opacity .5s; transition: transform .5s,opacity .5s,-webkit-transform .5s; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } .side-menu .hamburger-menu-close .hamburger-menu-line:first-child { top: 0; -webkit-transform: rotate(45deg) scaleX(1.04); transform: rotate(45deg) scaleX(1.04); } .side-menu .hamburger-menu-close .hamburger-menu-line:nth-child(2) { -webkit-transform: rotate(-45deg) scaleX(1.04); transform: rotate(-45deg) scaleX(1.04); bottom: 0; } .LoginRetail .login-form-col .inner .login-form .login-download-wrap { top: -60px; right: 0; } .LoginRetail .login-form-col .inner .login-form .login-title h2 { font-size: 32px; } /* .Html, .Support{*/ .login-downloads-main { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: unset; } .login-downloads-main .login-downloads-col-left { width: 96%; padding: 100px 20px 20px; overflow: unset; } .login-downloads-main .login-downloads-col-left:after { width: -webkit-calc(100% - 40px); width: calc(100% - 40px); height: 1px; top: unset; right: 20px; bottom: 2px; border-right: unset; border-bottom: 1px dotted rgba(0, 0, 0, 0.54); } .login-downloads-main .login-downloads-col-left h2 { font-size: 30px; } .login-downloads-main .login-downloads-col-left p { font-size: 16px; } .login-downloads-main .login-downloads-col-left .login-downloads-deco { width: 64%; bottom: unset; left: unset; top: -12%; right: -12%; } .login-downloads-main .login-downloads-col-left .login-downloads-col-left-content { max-width: unset; padding: 0; } .login-downloads-main .login-downloads-col-right { position: relative; width: 96%; height: auto; max-height: unset; padding: 20px; overflow: hidden; } .login-downloads-main .login-downloads-col-right .login-downloads-wrap .login-downloads-links-wrap { margin-right: auto; margin-left: auto; } /*}*/ .LoanRepayments .payment-filter-amount { padding-right: 100px; } .LoanRepayments .payment-filter-recipient { width: 20%; } .LoanRepayments .payment-filter-box .page-text-2 { padding-right: 25px; float: right; } .LoanRepayments .loans-wrapper { overflow-x: auto; } .LoanRepayments .loans-wrapper .payment-filter, .LoanRepayments .loans-wrapper .payment-filter-wrapper { min-width: 730px; } .SliderTutorial .widget-inner { margin-bottom: -140px; } .SliderTutorial .slide { padding: 22px; } .SliderTutorial .slide .inner { padding-left: 0px; bottom: 0px; padding-bottom: 23px; position: relative; max-width: inherit; margin-top: -10px; } .SliderTutorial .slide .inner .title { font-size: 26px; } .SliderTutorial .slide .inner .text { font-size: 15px; margin-bottom: 24px; } .SliderTutorial .slick-dots { margin-bottom: 150px; } .LoginBackground .login-promo-col { min-height: 800px; } .LoginBackground .login-promo-col .login-promo-main { min-height: 100%; position: static; } .LoginBackground .login-promo-col .login-promo-main .content-inner h3 { font-size: 50px; } .LoginBackground .login-promo-col .login-promo-main .content-inner .subtitle-1 { font-size: 24px; margin-bottom: 30px; } .LoginBackground .login-promo-col .login-promo-main .content-inner .subtitle-2 { font-size: 20px; } .LoginBackground .login-promo-col .login-promo-main .content-inner-box-number { font-size: 36px; } .LoginBackground .login-promo-col .login-promo-main .content-inner-box-text { font-size: 12px; } .AccountBalancePreviewSlider .user-account-card, .CardBalancePreviewCorporate .user-account-card, .LoanBalancePreviewSlider .user-account-card, .DepositBalancePreviewCorporate .user-account-card, .FXTrading .user-account-card, .CardPayment .user-account-card, .PaymentOrderV2 .user-account-card, .PaymentOrderV4 .user-account-card, .AuthorizedAccounts .user-account-card { padding: 20px; padding-top: 20px; padding-bottom: 20px; } .AccountBalancePreviewSlider .user-account-card, .CardBalancePreviewCorporate .user-account-card, .LoanBalancePreviewSlider .user-account-card, .DepositBalancePreviewCorporate .user-account-card, .FXTrading .user-account-card, .CardPayment .user-account-card, .PaymentOrderV2 .user-account-card, .PaymentOrderV4 .user-account-card, .AuthorizedAccounts .user-account-card { border-radius: 16px; padding-top: 20px; padding-bottom: 20px; } .AccountBalancePreviewSlider .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title, .CardBalancePreviewCorporate .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title, .LoanBalancePreviewSlider .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title, .DepositBalancePreviewCorporate .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title, .FXTrading .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title, .CardPayment .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title, .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title, .PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title, .AuthorizedAccounts .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title { padding-left: 20px; } .AccountBalancePreviewSlider .account-intro-inner.flex-layout, .CardBalancePreviewCorporate .account-intro-inner.flex-layout, .LoanBalancePreviewSlider .account-intro-inner.flex-layout, .DepositBalancePreviewCorporate .account-intro-inner.flex-layout, .FXTrading .account-intro-inner.flex-layout, .CardPayment .account-intro-inner.flex-layout, .PaymentOrderV2 .account-intro-inner.flex-layout, .PaymentOrderV4 .account-intro-inner.flex-layout, .AuthorizedAccounts .account-intro-inner.flex-layout { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .AccountBalancePreviewSlider .account-intro-inner .user-account-loan-img, .CardBalancePreviewCorporate .account-intro-inner .user-account-loan-img, .LoanBalancePreviewSlider .account-intro-inner .user-account-loan-img, .DepositBalancePreviewCorporate .account-intro-inner .user-account-loan-img, .FXTrading .account-intro-inner .user-account-loan-img, .CardPayment .account-intro-inner .user-account-loan-img, .PaymentOrderV2 .account-intro-inner .user-account-loan-img, .PaymentOrderV4 .account-intro-inner .user-account-loan-img, .AuthorizedAccounts .account-intro-inner .user-account-loan-img { margin-bottom: 20px; } .AccountBalancePreviewSlider .account-card-text, .CardBalancePreviewCorporate .account-card-text, .LoanBalancePreviewSlider .account-card-text, .DepositBalancePreviewCorporate .account-card-text, .FXTrading .account-card-text, .CardPayment .account-card-text, .PaymentOrderV2 .account-card-text, .PaymentOrderV4 .account-card-text, .AuthorizedAccounts .account-card-text { width: 65%; } .AccountBalancePreviewSlider .accounts-intro-title, .CardBalancePreviewCorporate .accounts-intro-title, .LoanBalancePreviewSlider .accounts-intro-title, .DepositBalancePreviewCorporate .accounts-intro-title, .FXTrading .accounts-intro-title, .CardPayment .accounts-intro-title, .PaymentOrderV2 .accounts-intro-title, .PaymentOrderV4 .accounts-intro-title, .AuthorizedAccounts .accounts-intro-title { width: 100% !important; text-align: left; padding-left: 0; margin-bottom: 10px; } .AccountBalancePreviewSlider .accounts-intro-title.flex-layout, .CardBalancePreviewCorporate .accounts-intro-title.flex-layout, .LoanBalancePreviewSlider .accounts-intro-title.flex-layout, .DepositBalancePreviewCorporate .accounts-intro-title.flex-layout, .FXTrading .accounts-intro-title.flex-layout, .CardPayment .accounts-intro-title.flex-layout, .PaymentOrderV2 .accounts-intro-title.flex-layout, .PaymentOrderV4 .accounts-intro-title.flex-layout, .AuthorizedAccounts .accounts-intro-title.flex-layout { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .AccountBalancePreviewSlider .accounts-intro-title .user-account-card-img.accounts, .CardBalancePreviewCorporate .accounts-intro-title .user-account-card-img.accounts, .LoanBalancePreviewSlider .accounts-intro-title .user-account-card-img.accounts, .DepositBalancePreviewCorporate .accounts-intro-title .user-account-card-img.accounts, .FXTrading .accounts-intro-title .user-account-card-img.accounts, .CardPayment .accounts-intro-title .user-account-card-img.accounts, .PaymentOrderV2 .accounts-intro-title .user-account-card-img.accounts, .PaymentOrderV4 .accounts-intro-title .user-account-card-img.accounts, .AuthorizedAccounts .accounts-intro-title .user-account-card-img.accounts { margin-bottom: 20px; } .AccountBalancePreviewSlider .accounts-intro-title .user-account-card-img.cards, .CardBalancePreviewCorporate .accounts-intro-title .user-account-card-img.cards, .LoanBalancePreviewSlider .accounts-intro-title .user-account-card-img.cards, .DepositBalancePreviewCorporate .accounts-intro-title .user-account-card-img.cards, .FXTrading .accounts-intro-title .user-account-card-img.cards, .CardPayment .accounts-intro-title .user-account-card-img.cards, .PaymentOrderV2 .accounts-intro-title .user-account-card-img.cards, .PaymentOrderV4 .accounts-intro-title .user-account-card-img.cards, .AuthorizedAccounts .accounts-intro-title .user-account-card-img.cards { margin-bottom: 20px; } .AccountBalancePreviewSlider .accounts-intro-balance, .CardBalancePreviewCorporate .accounts-intro-balance, .LoanBalancePreviewSlider .accounts-intro-balance, .DepositBalancePreviewCorporate .accounts-intro-balance, .FXTrading .accounts-intro-balance, .CardPayment .accounts-intro-balance, .PaymentOrderV2 .accounts-intro-balance, .PaymentOrderV4 .accounts-intro-balance, .AuthorizedAccounts .accounts-intro-balance { width: 100% !important; text-align: left !important; } .AccountBalancePreviewSlider .accounts-intro-balance.resp, .CardBalancePreviewCorporate .accounts-intro-balance.resp, .LoanBalancePreviewSlider .accounts-intro-balance.resp, .DepositBalancePreviewCorporate .accounts-intro-balance.resp, .FXTrading .accounts-intro-balance.resp, .CardPayment .accounts-intro-balance.resp, .PaymentOrderV2 .accounts-intro-balance.resp, .PaymentOrderV4 .accounts-intro-balance.resp, .AuthorizedAccounts .accounts-intro-balance.resp { width: 40% !important; text-align: right !important; margin-right: -40px; margin-top: -20px; } .CardBalancePreviewCorporate .activity-status { width: 100% !important; margin-bottom: 20px; text-align: left !important; } .AccountTurnover .s-widget-title, .AccountPosTrasactionCorporate .s-widget-title, .AccountStatements .s-widget-title, .DepositStatementsCorporate .s-widget-title, .DepositTurnoverCorporate .s-widget-title { margin-bottom: 50px; } .AccountTurnover .dot-menu-text-wrapper, .AccountPosTrasactionCorporate .dot-menu-text-wrapper, .AccountStatements .dot-menu-text-wrapper, .DepositStatementsCorporate .dot-menu-text-wrapper, .DepositTurnoverCorporate .dot-menu-text-wrapper { top: -95px; } .AccountTurnover .gvAccountTurnoverPreview table thead tr th, .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table thead tr th, .AccountStatements .gvAccountTurnoverPreview table thead tr th, .DepositStatementsCorporate .gvAccountTurnoverPreview table thead tr th, .DepositTurnoverCorporate .gvAccountTurnoverPreview table thead tr th { padding-left: 16px; padding-right: 16px; } .AccountTurnover .gvAccountTurnoverPreview table thead tr th:nth-child(2) > div, .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table thead tr th:nth-child(2) > div, .AccountStatements .gvAccountTurnoverPreview table thead tr th:nth-child(2) > div, .DepositStatementsCorporate .gvAccountTurnoverPreview table thead tr th:nth-child(2) > div, .DepositTurnoverCorporate .gvAccountTurnoverPreview table thead tr th:nth-child(2) > div { padding-left: 30px !important; } .AccountTurnover .gvAccountTurnoverPreview table thead tr th:last-child > div, .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table thead tr th:last-child > div, .AccountStatements .gvAccountTurnoverPreview table thead tr th:last-child > div, .DepositStatementsCorporate .gvAccountTurnoverPreview table thead tr th:last-child > div, .DepositTurnoverCorporate .gvAccountTurnoverPreview table thead tr th:last-child > div { text-align: right; } .AccountTurnover .gvAccountTurnoverPreview table thead tr th > div, .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table thead tr th > div, .AccountStatements .gvAccountTurnoverPreview table thead tr th > div, .DepositStatementsCorporate .gvAccountTurnoverPreview table thead tr th > div, .DepositTurnoverCorporate .gvAccountTurnoverPreview table thead tr th > div { padding-right: 0 !important; } .AccountTurnover .gvAccountTurnoverPreview table thead tr th .sort-indicator, .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table thead tr th .sort-indicator, .AccountStatements .gvAccountTurnoverPreview table thead tr th .sort-indicator, .DepositStatementsCorporate .gvAccountTurnoverPreview table thead tr th .sort-indicator, .DepositTurnoverCorporate .gvAccountTurnoverPreview table thead tr th .sort-indicator { overflow: unset; } .AccountTurnover .gvAccountTurnoverPreview table thead tr th .sort-indicator .payment-filter-ico, .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table thead tr th .sort-indicator .payment-filter-ico, .AccountStatements .gvAccountTurnoverPreview table thead tr th .sort-indicator .payment-filter-ico, .DepositStatementsCorporate .gvAccountTurnoverPreview table thead tr th .sort-indicator .payment-filter-ico, .DepositTurnoverCorporate .gvAccountTurnoverPreview table thead tr th .sort-indicator .payment-filter-ico { right: -10px; } .AccountTurnover .gvAccountTurnoverPreview table tbody tr td, .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table tbody tr td, .AccountStatements .gvAccountTurnoverPreview table tbody tr td, .DepositStatementsCorporate .gvAccountTurnoverPreview table tbody tr td, .DepositTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td { width: auto !important; padding: 0 16px; white-space: nowrap !important; } .AccountTurnover .gvAccountTurnoverPreview table tbody tr td:nth-child(3), .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(3), .AccountStatements .gvAccountTurnoverPreview table tbody tr td:nth-child(3), .DepositStatementsCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(3), .DepositTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(3) { min-width: 160px; white-space: normal !important; } .AccountTurnover .gvAccountTurnoverPreview table tbody tr td .turnover-icon, .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table tbody tr td .turnover-icon, .AccountStatements .gvAccountTurnoverPreview table tbody tr td .turnover-icon, .DepositStatementsCorporate .gvAccountTurnoverPreview table tbody tr td .turnover-icon, .DepositTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td .turnover-icon { margin-left: 0; } .AccountTurnover .gvAccountTurnoverPreview table tbody tr td .date, .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table tbody tr td .date, .AccountStatements .gvAccountTurnoverPreview table tbody tr td .date, .DepositStatementsCorporate .gvAccountTurnoverPreview table tbody tr td .date, .DepositTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td .date { padding-left: 16px; } .FXTrading .user-account-card-outer .user-account-card { border-radius: 16px; padding-top: 20px; padding-bottom: 20px; } .FXTrading .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title { padding-left: 0; } .FXTrading .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title .account-card-text { width: 100%; padding-left: 0px; } .FXTrading .user-account-card-outer .user-account-card .account-detail-menu { position: absolute; left: calc(100% - 72px); width: 51px; } .FXTrading .accounts-intro-balance { margin-bottom: 20px; } .FXTrading .transaction-filter-inner { margin-bottom: 60px; } .CardStatements .account-statement-calendar-wrapper, .AccountStatements .account-statement-calendar-wrapper { margin-left: 0; width: 100%; margin-bottom: 20px; flex-wrap: wrap; overflow-x: auto; } .CardStatements .account-statement-calendar-wrapper .account-statements-filter-inner, .AccountStatements .account-statement-calendar-wrapper .account-statements-filter-inner { min-width: 800px; } .CardStatements .account-statements-info-wrapper, .AccountStatements .account-statements-info-wrapper { overflow-x: auto; padding-top: 5px; } .CardStatements .account-statements-info-wrapper .account-statements-filter-inner, .AccountStatements .account-statements-info-wrapper .account-statements-filter-inner { min-width: 800px; } .CardStatements .account-statement-info-inner .account-statements-info svg.profile-text-arrow, .AccountStatements .account-statement-info-inner .account-statements-info svg.profile-text-arrow { padding-left: 30px; } .CardStatements .payment-filter-ico, .AccountStatements .payment-filter-ico { right: 55px; } .CardStatements .transaction-filter-box, .AccountStatements .transaction-filter-box { width: 100%; margin: 0 0 10px; } .CardStatements .dot-menu-text-wrapper, .AccountStatements .dot-menu-text-wrapper { width: 100%; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .CardStatements .account-statement-calendar-wrapper { margin-left: 0; width: 100%; margin-bottom: 20px; flex-wrap: wrap; } .CardStatements .payment-filter-ico { right: 55px; } .CardStatements .transaction-filter-box { width: 100%; margin: 0 0 10px; } .CardStatements .dot-menu-text-wrapper { width: 100%; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .LoanRepayments .loans-wrapper .payment-filter, .LoanRepayments .loans-wrapper .LoanRepayments .loans-wrapper .payment-filter-wrapper { min-width: 730px; } .AccountSlider .user-account-card { padding: 20px; } .AccountSlider .user-account-card-left-col { width: 51%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .AccountSlider .account-card-nav { right: 20px; } .AccountSlider .user-account-card-left-col-inner { width: 100%; margin-bottom: 20px; } .AccountSlider .user-account-card-right-col-inner { width: 100%; } .AccountSlider .user-chart-info { padding-right: 0; margin-bottom: 20px; display: block; } .AccountSlider .user-chart-info-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .AccountSlider .user-account-card-right-col .user-intro-select-wrapper .user-intro-select-wrapper-inner { flex-wrap: wrap; } .AccountSlider .user-account-card-right-col .user-intro-select-wrapper .user-intro-select-wrapper-inner .user-intro-select-item { width: 100%; } .Advertising.Html, .PromoHtml { margin-bottom: 40px; } .Advertising.Html .commercial-wrapper, .PromoHtml .commercial-wrapper { display: block; margin-bottom: 20px; } .Advertising.Html .commercial-text-wrapper, .PromoHtml .commercial-text-wrapper { width: 100%; margin-bottom: 20px; } .Advertising.Html .advert, .PromoHtml .advert { width: 100%; height: 300px; } .promo-banner-group.banner-group-right.banner-group-bigger { margin-bottom: -180px !important; bottom: 184px; } .promo-banner-group.banner-group-left.banner-group-smaller { margin-bottom: -180px !important; bottom: 106px; } .promo-banner-group.banner-group-bigger p { top: 63%; font-size: 20px; } .promo-banner-group.banner-group-smaller p { top: 37%; font-size: 20px; } .CurrencyExchangeV2 .currency-exchange-filter { bottom: 0; } .CurrencyExchangeV2 .gvCurrencyExchange { padding-left: 10px; overflow-x: auto; } .CurrencyExchangeV2 .gvCurrencyExchange table { min-width: 700px; } .dashboard.CurrencyCalculator .currency-converter-wrapper { border: none; padding: 0; } .dashboard.CurrencyCalculator .currency-converter-wrapper .group-inner .input-1 { width: 95%; } .ExchangeOffice { width: 90% !important; padding: 0 40px; } .msgHubThreadList .message .archive-button { opacity: 1; visibility: visible; } .PaymentOverviewV3 .tableFilter { width: 100% !important; } .PaymentOverviewV3 .tableFilter .transaction-filter-inner { width: 100%; margin-left: 0; margin-bottom: 60px; /*.transaction-filter-box, .regularPayment-mode, .regularPayment-code { width: 100%; margin: 0 0 10px !important; }*/ } .PaymentOverviewV3 .tableFilter .transaction-filter-inner .filterButton { margin-left: 5px; } .PaymentOverviewV3 .tableFilter .transaction-filter-inner.flex-layout { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .PaymentOverviewV3 .gvOrderPreviewList { overflow-x: scroll; max-width: 100%; } .PaymentOverviewV3 .gvOrderPreviewList table { width: 800px; } .PaymentOverviewV3 .gvOrderPreviewList table thead th:nth-child(6) { display: none; } .PaymentOverviewV3 .dot-menu-text-wrapper { right: 15%; transform: translateY(-575px); } .PaymentTransfer .user-account-card-outer .user-account-card, .CardPayment .user-account-card-outer .user-account-card, .PaymentOrderV2 .user-account-card-outer .user-account-card, .PaymentOrderV4 .user-account-card-outer .user-account-card { border-radius: 16px; padding-top: 20px; padding-bottom: 20px; } .PaymentTransfer .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title, .CardPayment .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title, .PaymentOrderV2 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title, .PaymentOrderV4 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title { padding-left: 0; } .PaymentTransfer .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title .account-card-text, .CardPayment .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title .account-card-text, .PaymentOrderV2 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title .account-card-text, .PaymentOrderV4 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title .account-card-text { width: 100%; padding-left: 0; } .transferData .accountDetailsPopup .account-item-inner.optiscroll .account-inter-inner-scroll, .intrabankData .accountDetailsPopup .account-item-inner.optiscroll .account-inter-inner-scroll { overflow: scroll; } .transferData .accountDetailsPopup .popup-btn-wrapper, .intrabankData .accountDetailsPopup .popup-btn-wrapper { padding-bottom: 95px; } .transferSuccess .accountDetailsPopup .popup-btn-wrapper, .intrabankDataSuccess .accountDetailsPopup .popup-btn-wrapper { padding-bottom: 90px; } .CreditorTemplateManaging .popup-content { width: 170px; right: 60px; -webkit-transform: translateY(-57px); transform: translateY(-57px); padding: 10px; } .CreditorTemplateManaging .popup-content .dot-decoration { right: -18px; top: 15px; } .CreditorTemplateManaging .popup-content .page-text { margin-bottom: 3px; font-size: 12px; } .CreditorTemplateManaging .account-statements-info { padding: 10px 20px 10px 30px; } .CreditorTemplateManaging .account-statements-info-info-wrapper { overflow-x: auto; } .CreditorTemplateManaging .account-statements-info-inner { white-space: nowrap; width: fit-content; } .CreditorTemplateManaging .widget-tabs { top: -160px; position: absolute; left: 0; right: 0; width: 100%; } .CreditorTemplateManaging .widget-tabs li a { padding: 6px 42px; white-space: nowrap; padding-bottom: 5px; padding-top: 8px; } .CreditorTemplateManaging .margin-5 { margin-bottom: 34px; } .CreditorTemplateManaging .payment-filter-box:first-child { width: 27%; padding-left: 84px; width: 100%; } .creditorTemplateDialog .ui-dialog-content .new-template-wrapper .group-inner, .creditorTemplateDialogPublic .ui-dialog-content .new-template-wrapper .group-inner { width: 100%; margin-bottom: 10px; } .creditorTemplateDialog .ui-dialog-content .new-template-wrapper .double-input, .creditorTemplateDialogPublic .ui-dialog-content .new-template-wrapper .double-input { width: 100%; flex-wrap: wrap; } .creditorTemplateDialog .ui-dialog-content .new-template-wrapper .double-input .group-inner, .creditorTemplateDialogPublic .ui-dialog-content .new-template-wrapper .double-input .group-inner { width: 100%; margin-bottom: 10px; } .FastPayment .dot-menu-text-wrapper { top: -60px; width: 10%; } .FastPayment .fast-pay-horizontal-scroll { margin-top: 60px; } .FastPayment .fast-pay-account { flex: 1 1 30%; } .FastPayment .fast-pay-account-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .FastPayment .dot-menu-text-wrapper { top: -60px; } .FastPayment .fast-pay-horizontal-scroll { margin-top: 60px; } .FastPayment .fast-pay-account { flex: 1 1 30%; } .FastPayment .fast-pay-account-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .user-intro-select-wrapper.myProfile .k-tabstrip-items { padding: 0 3px; } .user-intro-select-wrapper.myProfile .k-tabstrip-items .k-item { margin: 6px 0; } .user-intro-select-wrapper.myProfile .k-tabstrip-items .k-item .k-link { padding: 6px 30px 4px; } .user-intro-select-wrapper.myProfile .k-tabstrip-items .user-intro-select-indicator { height: -webkit-calc(100% - 12px); height: calc(100% - 12px); } .profile-zone .my-account-detail-intro { margin-top: -40px; } .PersonalSettingsV3 .inner .btn-wrapper { margin-bottom: 60px; } .help-triangle-ico { right: 6px; left: auto; -webkit-transform: translateX(0); transform: translateX(0); } .help-info-wrapper:hover .help-info-text { -webkit-transform: translateY(-16px); transform: translateY(-16px); } .help-info-wrapper .help-info-text { left: auto; right: -28px; -webkit-transform: translateX(0); transform: translateX(0); border-radius: 6px; } .ui-dialog.right-dialog.details-dialog { width: 500px !important; } .ui-dialog:not(.no-yes-dialog):not(.support-dialog):not(.before-print-dialog):not(.message-hub-dialog) { padding: 0px 0px; } #page-header.buy_sell_currency-header .UserInfo .UserInfoHeader, #page-header.third_party_transfer-header .UserInfo .UserInfoHeader { padding-bottom: 80px; } .account-card-text { width: 100% !important; white-space: nowrap; padding-left: 0px !important; margin-bottom: 20px; } .dot-menu-text-wrapper { -webkit-box-pack: center !important; justify-content: center !important; } .payment-filter-wrapper { overflow-x: auto; width: 730px; white-space: nowrap; } .CardTurnoverCorporate .form-error-message-block { top: 230px; } .CardSpendingCorporate .form-error-message-block { top: 240px; } .AccountStatements .form-error-message-block, .DepositStatementsCorporate .form-error-message-block, .CardStatementsCorporate .form-error-message-block { top: 120px; } .NoticesSlider { bottom: 840px; } .AccountTurnover table tbody tr td:nth-child(1) { width: 50% !important; } .ExchangeOffice .exchange-form-wrapper { padding: 0px; } } @media only screen and (max-width: 800px) and (max-height: 600px) { .Advertising.Html .advert, .PromoHtml .advert { height: 248px; } .slider-wrapper { width: 100% !important; } } @media only screen and (min-width: 650px) and (max-width: 800px) { .LoginBackground .login-promo-col .login-promo-main .content-inner { padding: 0 20px 300px; } #gvLoanAnnuityPlan, .mCSB_container { width: 100% !important; overflow-x: scroll !important; } .PaymentTransfer .user-account-card-outer .user-account-card, .CardPayment .user-account-card-outer .user-account-card, .PaymentOrderV2 .user-account-card-outer .user-account-card, .PaymentOrderV4 .user-account-card-outer .user-account-card { border-radius: 16px; padding-top: 20px; padding-bottom: 20px; } .PaymentTransfer .user-account-card-outer .user-account-card .account-detail-menu, .CardPayment .user-account-card-outer .user-account-card .account-detail-menu, .PaymentOrderV2 .user-account-card-outer .user-account-card .account-detail-menu, .PaymentOrderV4 .user-account-card-outer .user-account-card .account-detail-menu { position: absolute; right: 0; padding-right: 0px; width: 10%; } /*.slider-wrapper { width: calc(100% - 90px) !important; right: auto; }*/ .support-dialog .support-grid { display: block; } .support-dialog .support-grid .support-block { width: 89%; margin-bottom: 28px; } .support-dialog .support-grid .support-block .cta { text-align: center; } .support-dialog .support-grid .support-block .btn-1 { width: auto; min-width: 200px; } .AccountStatements .account-statement-pdf-download { margin-left: 0px; white-space: pre; } .AccountBalancePreviewSlider .wrapper.account-card-img .account-intro-inner, .DepositBalancePreviewCorporate .wrapper.account-card-img .account-intro-inner, .AuthorizedAccounts .wrapper.account-card-img .account-intro-inner { padding: 15px 58px 15px 20px; } .flex-end { flex-wrap: wrap; } .gvCardTurnover { overflow-x: auto; } .clientGrid { width: 890px !important; max-width: inherit !important; } .CardStatements .account-statement-pdf-download { margin-left: 0px; white-space: pre; margin-left: 23px; } .CardStatements .transaction-filter-submit-statements { margin-left: auto; } .MessageHubNotificationList { margin-top: 35px !important; } .MessageHubNotificationList .tableFilter .transaction-filter-inner { width: calc(100% - 32px); margin-left: -8px; flex-wrap: wrap; position: relative; } .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box { width: calc(33.333333% - 17px); margin-bottom: 20px; } .MessageHubNotificationList .tableFilter .btnExecuteFilter { position: relative; bottom: 65px; left: -8px; } .MessageHubNotificationList .dot-menu-text-wrapper { top: -85px; } .MessageHubNotificationList .s-widget-title { margin-bottom: 40px; } .MessageHubNotificationList .notificationMsgList .widget-tabs { top: -430px !important; } .account-inter-inner-scroll, .all-account-popup-title { padding: 0 20px !important; } .mCSB_inside > .mCSB_container { margin-right: 0 !important; } .all-account-close { width: 40px !important; height: 40px !important; cursor: pointer !important; position: relative !important; right: unset !important; } } @media only screen and (max-width: 800px) and (max-width: 1000px) { .SliderTutorial .widget-inner { margin-bottom: -90px; } .SliderTutorial .slide { padding: 22px; background-size: 100% 115%; height: 30vw; } .SliderTutorial .slide .inner { padding-left: 0px; bottom: 0px; padding-bottom: 23px; } .SliderTutorial .slide .inner .title { font-size: 26px; display: block; position: fixed; } .SliderTutorial .slide .inner .text { font-size: 15px; margin-bottom: 16px; } .SliderTutorial .slide .inner p { display: block; padding-top: 27px; margin-bottom: 20px; } .SliderTutorial .slick-dots { margin-bottom: 115px; } .SliderTutorial .btn-slider-show { background-color: #52AE30; z-index: 100; border-radius: 38px; display: inline; padding: 13px 0px 11px; min-height: 27px; transition: all .5s; } } @media only screen and (max-width: 1000px) and (max-width: 1200px) { .SliderTutorial .widget-inner { margin-bottom: -90px; } .SliderTutorial .slide .inner { padding-left: 0px; bottom: 0px; padding-bottom: 23px; margin-top: 0px; } } @media only screen and (max-width: 450px) { .SliderTutorial .widget-inner { margin-bottom: -230px; margin-top: 140px; } .SliderTutorial .slide { padding: 22px; background-position: 50%; object-fit: cover; background-size: 100% 100%; height: 25vw; } .SliderTutorial .slick-dots { margin-bottom: 230px; bottom: 20px; } .SliderTutorial .slide .inner { bottom: 0px; padding-left: 0px; } .SliderTutorial .slide .inner .title { font-size: 20px; margin-bottom: 20px; margin-top: -16px; } .SliderTutorial .slide .inner .text { display: none; } .SliderTutorial .btnSlider { padding: 14px 0px 11px; } .SliderTutorial .btn-slider-show { min-height: unset; padding: 8px 22px 7px; margin-bottom: -33px; } .LoginBackground .login-promo-main .content-inner-split { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .LoginBackground .login-promo-main .content-inner-box { width: 100%; } .NoticesSlider .slider-wrapper .slider-wrapper_bottom .social .icon { margin-left: 6px !important; } .NoticesSlider .slider-wrapper .slider-wrapper_bottom .social a { width: 34px !important; height: 34px !important; } .NoticesSlider .slider-wrapper .slider-wrapper_bottom .social svg { width: 16px !important; height: 16px !important; } .promo-cards-wrapper { margin-left: 0; margin-right: 0; } .promo-cards-wrapper .promo-card { width: 100%; margin: 0 0 34px 0; } .promo-cards-wrapper .promo-card-img-wrapper { height: 49vw; } .promo-cards-wrapper .promo-card-content.promo-card-content-center { height: calc(100% - 49vw); } } @media only screen and (max-width: 762px) { .AccountStatements .form-error-message-block, .DepositStatementsCorporate .form-error-message-block { top: 170px; } .CardStatementsCorporate .form-error-message-block { top: 115px; } } @media only screen and (max-width: 720px) { .SliderTutorial .widget-inner { margin-bottom: -170px; } .SliderTutorial .slide .inner { padding-left: 0px; bottom: 10px; padding-bottom: 23px; margin-top: 0px; } .SliderTutorial .slick-dots { margin-bottom: 150px; } .promo-banner-group.banner-group-bigger .commercial-img, .promo-banner-group.banner-group-smaller .commercial-img { min-height: 70%; height: 70%; } .promo-banner-group.banner-group-right { margin-left: 0px !important; } .promo-banner-group.banner-group-right.banner-group-bigger { margin-top: 5px !important; margin-bottom: -150px !important; bottom: 90px; } .promo-banner-group.banner-group-right.banner-group-smaller { margin-top: 44px !important; } .promo-banner-group.banner-group-left { margin-right: 0px !important; } .promo-banner-group.banner-group-left.banner-group-smaller { margin-top: 5px !important; margin-bottom: -220px !important; bottom: 90px; } .promo-banner-group.banner-group-bigger p { top: 63%; font-size: 30px; } .promo-banner-group.banner-group-smaller p { top: 72% !important; font-size: 30px; } } @media only screen and (min-width: 1024px) and (max-width: 1200px) { .SliderTutorial .widget-inner { margin-bottom: 0px; } .SliderTutorial .slider .slick-list { height: 33vw; } .SliderTutorial .slide .inner { top: 50px; } .SliderTutorial .slick-dots { margin-bottom: -5px; } } @media only screen and (min-width: 1001px) and (max-width: 1024px) { .SliderTutorial .widget-inner { margin-bottom: -70px; } .SliderTutorial .slider .slick-list { height: 34vw; } .SliderTutorial .slide .inner { bottom: 25px; max-width: 400px; } .SliderTutorial .slide .inner p { font-size: 30px; } .SliderTutorial .slide .inner .text { margin-bottom: 30px; } .SliderTutorial .slick-dots { margin-bottom: 50px; } } @media only screen and (min-width: 861px) and (max-width: 1000px) { .SliderTutorial .widget-inner { margin-bottom: -90px; } .SliderTutorial .slider .slick-list { height: 32vw; } .SliderTutorial .slide .inner { bottom: 0px; margin-top: 15px; } .SliderTutorial .slick-dots { margin-bottom: -25px; } } /* @media only screen and (min-width: 950px) { .SliderTutorial { .slick { &-dots { margin-bottom: 10px; } } } }*/ @media only screen and (max-width: 660px) { .AccountSlider .highcharts-container { width: 100%; } .AccountSlider .highcharts-series-group { transform: translateX(-63px); } .slider-wrapper { width: 100% !important; right: 10px; } .support-dialog .support-grid { display: block; } .support-dialog .support-grid .support-block { width: 75%; margin-bottom: 20px; } .support-dialog .support-grid .support-block .cta { text-align: center; } .support-dialog .support-grid .support-block .btn-1 { width: auto; min-width: 200px; } .FXTrading .user-account-card-outer .user-account-card { border-radius: 16px; padding-top: 20px; padding-bottom: 20px; } .FXTrading .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title { padding-left: 0; } .FXTrading .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title .account-card-text { width: 100%; padding-left: 0px; } .FXTrading .user-account-card-outer .user-account-card .account-detail-menu { position: inherit; left: 0px; width: 100%; } .FXTrading .transaction-filter-inner .input-amount { width: 95%; } .CardTurnoverCorporate .user-account-card-outer .user-account-card { border-radius: 16px; padding-top: 20px; padding-bottom: 20px; } .CardTurnoverCorporate .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title { padding-left: 0; } .CardTurnoverCorporate .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title .account-card-text { width: 100%; padding-left: 0px; } .CardTurnoverCorporate .user-account-card-outer .user-account-card .account-detail-menu { position: inherit; left: 0px; width: 100%; } .CardTurnoverCorporate .transaction-filter-inner .input-amount { width: 95%; } .CardTurnoverCorporate .account-statement-pdf-download { margin-left: 82px; } .AccountStatements .account-statement-pdf-download { margin-left: 82px; } .DepositStatementsCorporate .form-error-message-block { top: 190px; } .CardStatementsCorporate .account-statement-pdf-download { margin-left: 82px; } .AccountBalancePreviewSlider .wrapper.account-card-img .account-intro-inner, .DepositBalancePreviewCorporate .wrapper.account-card-img .account-intro-inner, .AuthorizedAccounts .wrapper.account-card-img .account-intro-inner { padding: 15px 58px 15px 20px; } .AccountBalancePreviewSlider .account-detail-menu .activity-popup-filter .dot-decoration, .DepositBalancePreviewCorporate .account-detail-menu .activity-popup-filter .dot-decoration, .AuthorizedAccounts .account-detail-menu .activity-popup-filter .dot-decoration { left: 40px; } .activity-popup-filter { left: -22px; } .rateData .accountDetailsPopup .popup-btn-wrapper { display: block; } .rateData .accountDetailsPopup .popup-btn-wrapper a { width: 100%; margin-left: -30px; } .rateData .accountDetailsPopup .popup-btn-wrapper a:nth-child(2) { margin-top: 5px; } .CardBalancePreviewCorporate .account-detail-menu .activity-popup-filter .dot-decoration { left: 40px; } .dashboard.CurrencyCalculator .activity-popup-filter { left: unset; } } @media only screen and (min-width: 601px) and (max-width: 1200px) { #content_wrap { padding-top: 70px !important; } #content_wrap .exchage_list-header:after { height: 115px !important; } .LoanBalancePreviewSlider .account-detail-menu .activity-popup-filter .dot-decoration, .AccountBalancePreviewSlider .CardBalancePreviewCorporate .account-detail-menu .activity-popup-filter .dot-decoration, .DepositBalancePreviewCorporate .account-detail-menu .activity-popup-filter .dot-decoration, .AuthorizedAccounts .account-detail-menu .activity-popup-filter .dot-decoration { left: 180px !important; } } @media only screen and (min-width: 601px) and (max-width: 660px) { .CardBalancePreviewCorporate .account-detail-menu .activity-popup-filter { left: unset !important; } } @media only screen and (min-width: 601px) and (max-width: 650px) { .slider-wrapper { left: 292px !important; } .CreditorTemplateManaging .widget-tabs { top: -86px !important; width: 75% !important; z-index: 1; } .CreditorTemplateManaging .widget-tabs li a { padding: 4px 0px !important; } .CreditorTemplateManaging .dot-menu-text-wrapper { width: unset !important; } .CreditorTemplateManaging .addNew { transform: translateY(0px); } .CreditorTemplateManaging .beneficiaries-filter-menu-wrapper-inner { display: block; } .CreditorTemplateManaging .paymentTemplates .beneficiaries-filter-menu-wrapper-inner .dot-menu { margin-left: 0px !important; } .CreditorTemplateManaging .paymentTemplates .beneficiaries-filter-menu-wrapper-inner .transaction-filter-box { width: calc(50% - 8px) !important; min-width: 300px; margin-bottom: 10px !important; } .CreditorTemplateManaging .account-statement-pdf-download { width: 53%; } .CreditorTemplateManaging .payments-ico { margin-right: 30px; } } @media only screen and (max-width: 650px) { .LoginBackground .login-promo-col .login-promo-main { height: auto; padding-top: 150px; } .LoginBackground .login-promo-col .login-promo-main .content-inner { padding: 0 20px 300px; } .NoticesSlider { right: 65px; } .NoticesSlider .slider-wrapper { width: 100%; } .NoticesSlider .slider-wrapper .slider-wrapper_middle { height: 240px; } .NoticesSlider .slider-wrapper .slider-wrapper_bottom .social ul li:first-child a { margin-left: 0; } .NoticesSlider .slider-wrapper .slider-wrapper_bottom .social a { width: 34px; height: 34px; margin-left: 8px; } .NoticesSlider .slider-wrapper .slider-wrapper_bottom .social a svg { width: 16px; height: 16px; } .NoticesSlider .slider-wrapper .slider-wrapper_bottom .social .icon { display: flex; width: 36px; height: 36px; border-radius: 12px; margin-left: 15px; align-items: center; justify-content: center; cursor: pointer; transition: border-color 0.3s; } .NoticesSlider .slider-wrapper .slider-wrapper_bottom .widget-options li i { width: 40px; height: 40px; background: #72808c; border-radius: 12px; margin-right: 15px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; display: flex !important; text-align: center; margin-bottom: 24px; } .NoticesSlider .support-dialog .support-grid .support-block { width: 100%; } .NoticesSlider .support-dialog .support-grid .support-block .cta { text-align: center; } .NoticesSlider .support-dialog .support-grid .support-block .btn-1 { width: auto; min-width: 200px; } } @media only screen and (max-width: 576px) { .mCSB_container { overflow-x: scroll !important; } } @media only screen and (min-width: 1201px) and (max-height: 801px) { .LoginRetail .login-form-col .inner .login-form .login-download-wrap { position: absolute; top: -150px; right: -25px; z-index: 1; } } @media only screen and (min-width: 1201px) and (max-height: 699px) { .NoticesSlider .slider-wrapper { margin-bottom: -12px; position: sticky; } } @media only screen and (max-width: 600px) { .Forms_ActiveWorkflowListSOG .transaction-filter-inner { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .Forms_ActiveWorkflowListSOG .transaction-filter-inner .transaction-filter-box { max-width: 100% !important; width: calc(100%) !important; } .Forms_ActiveWorkflowListSOG .transaction-filter-inner .filterButton { bottom: auto; } .Forms_ActiveWorkflowListSOG .transaction-filter-inner .transaction-filter-submit-statements { width: calc(100%) !important; } .separator-line { height: 1px; width: 100%; margin: 10px 0 18px; top: unset; } .dot-menu-text-wrapper { width: 100%; } .login-downloads-main .login-downloads-col-left, .login-downloads-main .login-downloads-col-right { width: 90%; } .promo-banner-group.banner-group-bigger .commercial-img, .promo-banner-group.banner-group-smaller .commercial-img { min-height: 70%; height: 70%; } .promo-banner-group.banner-group-right { margin-left: 0px !important; } .promo-banner-group.banner-group-right.banner-group-bigger { margin-bottom: -40px !important; bottom: 34px; } .promo-banner-group.banner-group-left { margin-right: 0px !important; } .promo-banner-group.banner-group-left.banner-group-smaller { margin-bottom: -163px !important; } .promo-banner-group.banner-group-left.banner-group-bigger { margin-top: 60px !important; margin-bottom: 60px !important; } .promo-banner-group.banner-group-bigger p, .promo-banner-group.banner-group-smaller p { top: 50% !important; } .accountDetailsPopup .transaction-popup-option .page-text { width: 77% !important; } .acc-details { width: 95%; } .s-widget.MessageHubNotificationList .notificationMsgList .widget-tabs { top: -640px; } .user-intro-select-wrapper.my_profile { margin: 85px auto 50px !important; } #content_wrap .exchage_list-header:after { height: 180px !important; } .token-list .column-date p { margin-left: 150px !important; white-space: nowrap; } .token-list .column-digipass p { margin-left: 150px !important; } .SliderTutorial .widget-inner { margin-bottom: -180px; } .SliderTutorial .slide .inner { max-width: unset; bottom: 20px; } .SliderTutorial .slide .inner .text { font-size: 14px; } .SliderTutorial .slick-dots { margin-bottom: 180px; } .SliderTutorial .btn-slider-show { min-height: unset; padding: 10px 22px 7px; } .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img { display: block; } .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner { display: block; width: unset !important; } .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title { flex-wrap: nowrap !important; display: block; margin-bottom: 20px; } .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .account-card-text h2 { margin-bottom: 0px !important; } .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .user-accout-card-img { margin-bottom: 10px; } .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-balance { margin-left: 20px !important; margin-bottom: -15px !important; } .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-balance .account-balance-amount-text { text-align-last: left; width: 100% !important; } .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-balance .profile-text-arrow { right: -175px; position: relative; top: -35px; } .PaymentOrderV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner { margin-left: -20px; } .PaymentOrderV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-title { width: 90%; } .PaymentOrderV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-title .account-card-text { margin-left: -20px; } .PaymentOrderV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-title .user-accout-card-img { margin-bottom: 20px; } .PaymentOrderV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .flex { display: block; } .CardPayment .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-balance, .PaymentTransfer .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-balance { margin-left: 0px !important; } .CardPayment .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner, .PaymentTransfer .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner { width: calc(100% - 117px) !important; } .CardPayment .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-title .user-account-card-img, .PaymentTransfer .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-title .user-account-card-img { margin-bottom: 10px; } .CardPayment .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-title .account-card-text h2, .PaymentTransfer .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-title .account-card-text h2 { margin-bottom: 0px; } .CardPayment .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-balance, .PaymentTransfer .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-balance { margin-bottom: -15px !important; } .CardPayment .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-balance .profile-text-arrow, .PaymentTransfer .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-balance .profile-text-arrow { right: -240px; top: -35px; } .CardPayment .amount-wrap, .CardPayment .payment-wrapper, .PaymentTransfer .amount-wrap, .PaymentTransfer .payment-wrapper { width: 97% !important; } .AccountStatements .account-statements-info-wrapper { padding-top: 5px; } .languagesContainer { top: 1035px !important; right: 40px; } .LoginBackground .login-promo-col { min-height: 965px; } .LoginBackground .login-promo-col .login-promo-main .content-inner { padding: 0 20px 440px; } .LoginRetail .login-form-col .inner { width: 300px; } .slider-wrapper { height: 365px; right: 50%; transform: translate(50%); width: calc(100% - 19px) !important; } .slider-wrapper_middle { height: 180px !important; } .NoticesSlider .slider-wrapper { height: 500px; } .NoticesSlider .slider-wrapper .slider-wrapper_bottom { padding-top: 190px !important; } .NoticesSlider .slider-wrapper .slider-wrapper_bottom .social { float: left; position: absolute; margin-top: 60px; } .NoticesSlider .slider-wrapper .slider-wrapper_bottom .social .icon { width: 36px; height: 36px; } body.mobile-open #page-header .mobile-btn { padding: 15px 15px 15px 115px; } body.mobile-open #page-header .mobile-btn .first, body.mobile-open #page-header .mobile-btn .second, body.mobile-open #page-header .mobile-btn .third { -webkit-transition: opacity .5s,-webkit-transform .5s; transition: opacity .5s,-webkit-transform .5s; transition: transform .5s,opacity .5s; transition: transform .5s,opacity .5s,-webkit-transform .5s; } body.mobile-open #page-header .mobile-btn.active li { left: unset; } body.mobile-open #page-header .mobile-btn.active .first { top: 35px; position: absolute; transform: translate3d(0, 0, 0) rotate(45deg); -ms-transform: translate3d(0, 0, 0) rotate(45deg); -moz-transform: translate3d(0, 0, 0) rotate(45deg); -o-transform: translate3d(0, 0, 0) rotate(45deg); -webkit-transform: translate3d(0, 0, 0) rotate(45deg); transform-origin: 50% 50%; } body.mobile-open #page-header .mobile-btn.active .second { opacity: 0; } body.mobile-open #page-header .mobile-btn.active .third { top: 35px; position: absolute; transform: translate3d(0, 0, 0) rotate(-45deg); -ms-transform: translate3d(0, 0, 0) rotate(-45deg); -moz-transform: translate3d(0, 0, 0) rotate(-45deg); -o-transform: translate3d(0, 0, 0) rotate(-45deg); -webkit-transform: translate3d(0, 0, 0) rotate(-45deg); transform-origin: 50% 50%; } #content_wrap { margin-bottom: -130px; } #content_wrap #page-header:after { height: 1012px; } #content_wrap #page-header.dashboard-header .UserInfo .UserInfoHeader { padding-bottom: 90px; padding-top: 110px; } #content_wrap #page-header:not(.dashboard-header):after { height: 397px; } #content_wrap #page-header.buy_sell_currency-header:after, #content_wrap #page-header.internal_transfer-header:after, #content_wrap #page-header.intrabank_transfer-header:after, #content_wrap #page-header.third_party_transfer-header:after { height: 439px; } #content_wrap #page-header.view_payment_orders-header .UserInfo .UserInfoHeader, #content_wrap #page-header.beneficiaries-header .UserInfo .UserInfoHeader { padding-bottom: 70px; } #content_wrap #page-header.view_payment_orders-header:after { height: 192px; } #content_wrap #page-header.beneficiaries-header:after, #content_wrap #page-header.messageHub-header:after { height: 224px; } #content_wrap #page-header.my_profile-header:after { height: 386px; } #content_wrap #page-header .UserInfo .UserInfoHeader { padding-top: 110px; justify-content: center; } #content_wrap #page-header .UserInfo .UserInfoHeader .user-heading { text-align: center; } #content_wrap .push { height: 130px; } .side-menu { height: 60px; padding: 10px 20px; } .side-menu .main-menu { top: 48px; height: calc(100vh - 48px); } .side-menu .hamburger-menu-close { display: block; position: absolute; width: 30px; height: 25px; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; user-select: none; right: 20px; top: 5%; z-index: 2; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; } .side-menu .hamburger-menu-close .hamburger-menu-line { display: block; width: 100%; height: 3px; position: absolute; left: 0; background-color: #272a94; -webkit-transition: opacity .5s,-webkit-transform .5s; transition: opacity .5s,-webkit-transform .5s; transition: transform .5s,opacity .5s; transition: transform .5s,opacity .5s,-webkit-transform .5s; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } .side-menu .hamburger-menu-close .hamburger-menu-line:first-child { top: 0; -webkit-transform: rotate(45deg) scaleX(1.04); transform: rotate(45deg) scaleX(1.04); } .side-menu .hamburger-menu-close .hamburger-menu-line:nth-child(2) { -webkit-transform: rotate(-45deg) scaleX(1.04); transform: rotate(-45deg) scaleX(1.04); bottom: 0; } .user-intro-section-name { width: 100%; text-align: center; } .user-intro-section-name .user-intro-select-wrapper { margin-left: 0; margin-top: 10px; } .user-intro-section-profile { top: 30px; left: 0; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .user-intro-select-wrapper.myProfile { padding: 0 3px; margin: 60px 15px 50px; } .user-intro-select-wrapper.myProfile .k-tabstrip-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px; } .user-intro-select-wrapper.myProfile .k-tabstrip-items .k-item { flex: 0 0 50%; } .user-intro-select-wrapper.myProfile .k-tabstrip-items .k-item .k-link { display: block; padding: 6px 5px 4px; } .user-intro-select-wrapper.myProfile .k-tabstrip-items .k-state-active { background-color: #FFFFFF; } .user-intro-select-wrapper .user-intro-select-indicator { display: none; } .user-account-card { display: block; } .userinfo .s-widget-body .heading { font-size: 25px; } .s-widget-title { margin-bottom: 20px; } .AccountSlider .tabslider { position: absolute; z-index: 26; top: 220px; width: 280px; } .AccountSlider .user-account-card { display: block; } .AccountSlider .account-nav-inner, .AccountSlider .account-card-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .AccountSlider .account-nav-inner .account-nav-inner, .AccountSlider .account-card-nav .account-nav-inner { width: 60%; } .AccountSlider .account-nav-inner .account-nav-inner .account-card-btn, .AccountSlider .account-card-nav .account-nav-inner .account-card-btn { margin: 0 10px 0 0; } .AccountSlider .account-card-nav { top: 0; right: 0; position: relative; -webkit-transform: translateY(0); transform: translateY(0); -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; } .AccountSlider .user-account-card-left-col, .AccountSlider .user-account-card-right-col { width: 100%; padding: 0; border: none; } .AccountSlider .user-account-card-left-col { margin-bottom: 40px; } .AccountSlider .user-chart-info-wrapper { text-align: center; } .AccountSlider .highcharts-series-group { transform: translateX(0px); } .AccountSlider .highcharts-container { width: 100%; transform: translateX(0px); } .LoanRepayments .loans-wrapper { margin-top: 70px; } .ui-dialog .ui-dialog-titlebar { width: auto !important; } .group-inner, .account-statement-pdf-download, .profile-text-arrow { margin-bottom: 15px !important; } .account-inter-inner-scroll { overflow-x: hidden; } .loanRepaymentsNoErrorView { overflow-x: scroll !important; } .LoanAnnuityPlan #gvLoanAnnuityPlan { margin-top: 70px; overflow-x: scroll !important; } .LoanAnnuityPlan .payment-filter-wrapper.loan-filter-wrapper .payment-filter { white-space: normal; } .LoanAnnuityPlan .filter-wrapper-list-7-outher-wrapper { overflow-x: scroll; margin-top: 30px; } .LoanBalancePreviewSlider .account-intro-inner, .AccountBalancePreviewSlider .DepositBalancePreviewCorporate .account-intro-inner, .AuthorizedAccounts .account-intro-inner { width: 100%; margin-bottom: 20px; } .AccountBalancePreviewSlider .relative .title-1.font-2, .CardBalancePreviewCorporate .relative .title-1.font-2, .LoanBalancePreviewSlider .relative .title-1.font-2, .DepositBalancePreviewCorporate .relative .title-1.font-2, .AuthorizedAccounts .relative .title-1.font-2 { white-space: normal !important; } .AccountBalancePreviewSlider .wrapper-border-radius .title-1.font-3, .CardBalancePreviewCorporate .wrapper-border-radius .title-1.font-3, .LoanBalancePreviewSlider .wrapper-border-radius .title-1.font-3, .DepositBalancePreviewCorporate .wrapper-border-radius .title-1.font-3, .AuthorizedAccounts .wrapper-border-radius .title-1.font-3 { white-space: normal !important; } .promotions-header:after { height: 225px !important; } .user-intro-select-wrapper.promotions { display: flex; justify-content: center; align-content: center; align-items: center; } .user-intro-select-wrapper.promotions ul { margin-left: 0 !important; } .user-intro-select-wrapper.promotions .k-tabstrip-items { left: unset; top: -35px !important; z-index: 10 !important; } .user-intro-select-wrapper.promotions .k-tabstrip-items .user-intro-select-indicator { display: block !important; } .user-intro-select-wrapper.promotions .k-tabstrip-items .k-state-default { padding: 6px 10px 6px !important; } .Forms_ActiveWorkflowListSOG .tableFilter, .CardInstallmentsV2 .tableFilter, .AccountTurnover .tableFilter, .AccountStatements .tableFilter, .AccountPosTrasactionCorporate .tableFilter, .CardTurnoverCorporate .tableFilter, .PaymentOverviewV2 .tableFilter, .DepositeStatementsCorporate .tableFilter, .DepositTurnoverCorporate .tableFilter, .CardSpendingCorporate .tableFilter, .CardStatementsCorporate .tableFilter { margin-right: 0; margin-left: 0; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner, .CardInstallmentsV2 .tableFilter .transaction-filter-inner, .AccountTurnover .tableFilter .transaction-filter-inner, .AccountStatements .tableFilter .transaction-filter-inner, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner, .CardTurnoverCorporate .tableFilter .transaction-filter-inner, .PaymentOverviewV2 .tableFilter .transaction-filter-inner, .DepositeStatementsCorporate .tableFilter .transaction-filter-inner, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner, .CardSpendingCorporate .tableFilter .transaction-filter-inner, .CardStatementsCorporate .tableFilter .transaction-filter-inner { width: 100%; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .filterButton, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .filterButton, .AccountTurnover .tableFilter .transaction-filter-inner .filterButton, .AccountStatements .tableFilter .transaction-filter-inner .filterButton, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .filterButton, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .filterButton, .DepositeStatementsCorporate .tableFilter .transaction-filter-inner .filterButton, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton, .CardSpendingCorporate .tableFilter .transaction-filter-inner .filterButton, .CardStatementsCorporate .tableFilter .transaction-filter-inner .filterButton { position: static; transform: translate(0, 0); width: 100%; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .filterButton button, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .filterButton button, .AccountTurnover .tableFilter .transaction-filter-inner .filterButton button, .AccountStatements .tableFilter .transaction-filter-inner .filterButton button, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .filterButton button, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton button, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .filterButton button, .DepositeStatementsCorporate .tableFilter .transaction-filter-inner .filterButton button, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton button, .CardSpendingCorporate .tableFilter .transaction-filter-inner .filterButton button, .CardStatementsCorporate .tableFilter .transaction-filter-inner .filterButton button { width: 100%; margin-left: 0; margin-right: 0; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .AccountTurnover .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .AccountStatements .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .DepositeStatementsCorporate .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .CardSpendingCorporate .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .CardStatementsCorporate .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow { left: 50%; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .AccountTurnover .tableFilter .transaction-filter-inner .transaction-filter-box, .AccountStatements .tableFilter .transaction-filter-inner .transaction-filter-box, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .DepositeStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .CardSpendingCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .CardStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box { width: 100% !important; margin: 0 0 10px; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .dk-select-options, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box .dk-select-options, .AccountTurnover .tableFilter .transaction-filter-inner .transaction-filter-box .dk-select-options, .AccountStatements .tableFilter .transaction-filter-inner .transaction-filter-box .dk-select-options, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .dk-select-options, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .dk-select-options, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .dk-select-options, .DepositeStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .dk-select-options, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .dk-select-options, .CardSpendingCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .dk-select-options, .CardStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .dk-select-options { width: 100%; } .AccountStatements .form-error-message-block { top: 290px; } .DepositStatementsCorporate .form-error-message-block { top: 335px; } .Forms_ActiveWorkflowListSOG .s-widget-header, .CardTurnoverCorporate .s-widget-header, .AccountTurnoverV2 .s-widget-header { padding-bottom: 98px; padding-left: 0; } .Forms_ActiveWorkflowListSOG .s-widget-header table, .CardTurnoverCorporate .s-widget-header table, .AccountTurnoverV2 .s-widget-header table { margin-bottom: 0; } .Forms_ActiveWorkflowListSOG .s-widget-title, .CardTurnoverCorporate .s-widget-title, .AccountTurnoverV2 .s-widget-title { margin-bottom: 0; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .filterButton button, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton button, .AccountTurnoverV2 .tableFilter .transaction-filter-inner .filterButton button { margin-left: 0px !important; } .Forms_ActiveWorkflowListSOG .dot-menu-text-wrapper, .CardTurnoverCorporate .dot-menu-text-wrapper, .AccountTurnoverV2 .dot-menu-text-wrapper { width: 100%; justify-content: center; top: -78px; } .Forms_ActiveWorkflowListSOG .dot-menu-text-wrapper .pdf-download, .CardTurnoverCorporate .dot-menu-text-wrapper .pdf-download, .AccountTurnoverV2 .dot-menu-text-wrapper .pdf-download { margin: 0 8px; } .CardTurnoverCorporate .s-widget-header, .CardStatementsCorporate .s-widget-header { padding-bottom: 98px; padding-left: 0; } .CardTurnoverCorporate .s-widget-header table, .CardStatementsCorporate .s-widget-header table { margin-bottom: 0; } .CardTurnoverCorporate .s-widget-title, .CardStatementsCorporate .s-widget-title { margin-bottom: 20px; text-align: center; } .CardTurnoverCorporate .dot-menu-text-wrapper, .CardStatementsCorporate .dot-menu-text-wrapper { width: 100%; justify-content: center; top: -120px; flex-wrap: wrap; } .CardTurnoverCorporate .dot-menu-text-wrapper .pdf-download, .CardStatementsCorporate .dot-menu-text-wrapper .pdf-download { margin: 0 0 8px; width: 100%; } .CardTurnoverCorporate .cardTurnover, .CardStatementsCorporate .cardTurnover { margin-top: 30px; } .AccountTurnover .dot-menu-text-wrapper { width: 100%; justify-content: center; top: -70px; flex-wrap: wrap; } .AccountTurnover .dot-menu-text-wrapper .pdf-download { margin: 0 0 8px; width: 100%; } .AccountTurnover .tableHeader { overflow-x: scroll; } .AccountTurnover .tableHeader .domesticData { width: 600px; } .AccountTurnover .tableHeader table tbody tr td:nth-child(1) { width: 30% !important; } .AccountTurnover .accountTurnover { margin-top: 100px; } .AccountTurnover .form-error-message-block { top: 755px; } .AccountTurnover .clientGridPager .pagerButton .profile-text-arrow { margin-bottom: unset !important; } .AccountPosTrasactionCorporate .dot-menu-text-wrapper { width: 100%; justify-content: center; top: -70px; flex-wrap: wrap; } .AccountPosTrasactionCorporate .dot-menu-text-wrapper .pdf-download { margin: 0 0 8px; width: 100%; } .AccountPosTrasactionCorporate .tableFilter { top: 100px; } .AccountPosTrasactionCorporate .accountTurnover { margin-top: 100px; } .AccountPosTrasactionCorporate .form-error-message-block { top: 520px; } .AccountStatements .dot-menu-text-wrapper { width: 100%; justify-content: center; top: -70px; flex-wrap: wrap; } .AccountStatements .dot-menu-text-wrapper .pdf-download { margin: 0 0 8px; width: 100%; } .AccountStatements .noStatements { margin-top: 60px; } .AccountStatements .noStatements .account-statement-info-inner .account-statements-info .group-inner { width: unset; } .AccountStatements .noStatements .account-statement-info-inner .account-statements-info svg.profile-text-arrow { padding-left: 50px; } .AccountStatements .form-error-message-block { top: 495px; } .CardSpendingCorporate .dot-menu-text-wrapper { width: 100%; justify-content: center; top: -70px; flex-wrap: wrap; } .CardSpendingCorporate .dot-menu-text-wrapper .pdf-download { margin: 0 0 8px; width: 100%; } .CardSpendingCorporate .tableFilter { top: 100px; } .CardSpendingCorporate .cardSpending { margin-top: 160px; } .CardSpendingCorporate .form-error-message-block { top: 495px; } .CardTurnoverCorporate .form-error-message-block { top: 510px; } .CardSpendingCorporate .form-error-message-block { top: 665px; } .CardStatementsCorporate .form-error-message-block { top: 250px; } .DepositTurnoverCorporate .form-error-message-block { top: 480px; } .DepositStatementsCorporate .dot-menu-text-wrapper { width: 100%; justify-content: center; top: 5px; flex-wrap: wrap; } .DepositStatementsCorporate .dot-menu-text-wrapper .pdf-download { margin: 0 0 8px; width: 100%; } .DepositStatementsCorporate .transaction-filter-inner { width: 100% !important; } .DepositStatementsCorporate .transaction-filter-inner .box { padding-bottom: 20px; } .DepositStatementsCorporate .transaction-filter-box, .DepositStatementsCorporate .filterButton { width: 100% !important; margin-bottom: 20px !important; } .DepositStatementsCorporate .transaction-filter-box button, .DepositStatementsCorporate .filterButton button { width: 97% !important; margin: 21px 6px 0; } .DepositStatementsCorporate .depositStatements { margin-top: 300px; } .PaymentOverviewV2 .gvOrderPreviewList table { width: 900px; } .CardStatements .s-widget-title, .AccountStatements .s-widget-title { text-align: left; } .CardStatements .payment-filter-ico, .AccountStatements .payment-filter-ico { right: 15px; } .CardStatements .statementsFilter .account-statement-filter-wrapper.flex-layout, .AccountStatements .statementsFilter .account-statement-filter-wrapper.flex-layout { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .CardStatements .statementsFilter .pdf-wrapper, .AccountStatements .statementsFilter .pdf-wrapper { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .CardStatements .showPagination, .AccountStatements .showPagination { justify-content: flex-start; padding-bottom: 20px; } .CardStatements .transaction-filter-submit-statements, .AccountStatements .transaction-filter-submit-statements { margin-left: 0px; } .CardStatements .payment-filter-box:first-child, .AccountStatements .payment-filter-box:first-child { width: 14% !important; padding-left: 80px; } .CardStatements .payment-filter-recipient, .AccountStatements .payment-filter-recipient { width: 15%; padding-left: 100px; } .CardStatements .s-widget-title { text-align: left; } .CardStatements .payment-filter-ico { right: 15px; } .CardStatements .statementsFilter .account-statement-filter-wrapper.flex-layout { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .CardStatements .statementsFilter .pdf-wrapper { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .CardStatements .showPagination { justify-content: flex-start; padding-bottom: 20px; } .CardStatements .transaction-filter-submit-statements { margin-left: 0px; } .CardStatements .payment-filter-box:first-child { width: 10%; padding-left: 80px; } .CardStatements .payment-filter-recipient { width: 22%; padding-left: 100px; } .Forms_ActiveWorkflowListSOG .notificationMsgList .dot-menu-text-wrapper .wh-button, .MessageHubNotificationList .notificationMsgList .dot-menu-text-wrapper .wh-button { margin-bottom: 8px; } .Forms_ActiveWorkflowListSOG .notificationMsgList .msgHubThreadList .divTable, .MessageHubNotificationList .notificationMsgList .msgHubThreadList .divTable { width: 100%; overflow-x: scroll; } .Forms_ActiveWorkflowListSOG .notificationMsgList .msgHubThreadList .divTable .listOfThreads, .MessageHubNotificationList .notificationMsgList .msgHubThreadList .divTable .listOfThreads { width: 700px; display: inline-block; position: relative; cursor: pointer; white-space: nowrap; overflow-x: scroll; } .Forms_ActiveWorkflowListSOG .dot-menu-text-wrapper.messages, .MessageHubNotificationList .dot-menu-text-wrapper.messages { transform: translateY(-430px); -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; flex-wrap: wrap; } .Forms_ActiveWorkflowListSOG .tableFilter, .MessageHubNotificationList .tableFilter { position: relative; top: 80px; } .Forms_ActiveWorkflowListSOG .tableFilter .btnExecuteFilter, .MessageHubNotificationList .tableFilter .btnExecuteFilter { bottom: 0; left: 10px; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-wrapper, .MessageHubNotificationList .tableFilter .transaction-filter-wrapper { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: block; width: 100%; margin-left: 0; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-wrapper .transaction-filter-inner, .MessageHubNotificationList .tableFilter .transaction-filter-wrapper .transaction-filter-inner { flex-wrap: wrap; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-wrapper .transaction-filter-inner .transaction-filter-box, .MessageHubNotificationList .tableFilter .transaction-filter-wrapper .transaction-filter-inner .transaction-filter-box { width: 100%; } .PersonalDataV2 .page-text { word-break: break-all; } .PersonalSettingsV3 .inner .btn-wrapper.mt-8 { margin-top: 40px; } .Advertising.Html .advert, .PromoHtml .advert { height: 132px; } .CurrencyCalculator .currency-calculator-table .payment-inner-text { left: 19%; } .CurrencyCalculator .calculator-heading { left: 33.5% !important; } .CurrencyCalculator.dashboard .currency-converter-wrapper { padding: 0px; border-right: none; } .CurrencyExchangeV2.dashboard .tableFilter .transaction-filter-inner, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner { justify-content: start !important; } .CurrencyExchangeV2.dashboard .tableFilter .transaction-filter-inner .transaction-filter-box, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .transaction-filter-box { width: 100% !important; } .CurrencyExchangeV2.dashboard .tableFilter .transaction-filter-inner .filterButton, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .filterButton { width: 100%; margin-left: -27px !important; } .CurrencyExchangeV2.dashboard .tableFilter .transaction-filter-inner .filterButton .transaction-filter-submit, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner .filterButton .transaction-filter-submit { width: 95% !important; } .MessageHubNotificationList .tableFilter { margin-bottom: 40px; } .CreditorTemplateManaging .widget-tabs { top: -65px !important; width: 75% !important; z-index: 1; } .CreditorTemplateManaging .widget-tabs li a { padding: 4px 0px !important; } .CreditorTemplateManaging .paymentTemplates .beneficiaries-filter-menu-wrapper-inner { width: 100%; transform: translateY(110px); } .CreditorTemplateManaging .paymentTemplates .beneficiaries-filter-menu-wrapper-inner .transaction-filter-box { width: calc(100% - 96px) !important; } .CreditorTemplateManaging .dot-menu-text-wrapper .pdf-download { margin-left: 70px; } .CreditorTemplateManaging .fast-pay-menu-wrapper { text-align: center; display: block; top: 50px; position: relative; } .CreditorTemplateManaging .fast-pay-menu-wrapper .title-2 { margin-bottom: 40px; } .CreditorTemplateManaging .addNew { transform: translateY(40px); top: unset; position: absolute; } .CreditorTemplateManaging .account-statements-info-wrapper { margin-top: 155px; overflow-x: hidden; } .CreditorTemplateManaging .pager { display: block; } .CreditorTemplateManaging .pager .show-per-page { margin-bottom: 20px; } .CreditorTemplateManaging .pager .showPagination { justify-content: flex-start; } .CreditorTemplateManaging .account-statement-pdf-download { width: 38%; } .CreditorTemplateManaging .account-statement-info-inner { width: 100%; overflow-x: hidden; overflow-y: hidden; } .CreditorTemplateManaging .account-statement-info-inner .account-statements-info { width: 700px; position: relative; cursor: pointer; white-space: nowrap; } .PaymentTransfer .accounts-intro-balance, .CardPayment .accounts-intro-balance, .PaymentOrderV2 .accounts-intro-balance, .PaymentOrderV4 .accounts-intro-balance { margin-bottom: 20px; } .FastPayment { margin-right: -15px; margin-left: -15px; } .FastPayment .dot-menu-text-wrapper { top: -60px; right: 15px; } .FastPayment .fast-pay-horizontal-scroll { margin-top: 80px; } .FastPayment .fast-pay-account { min-width: 100%; } .FastPayment .mCSB_inside > .mCSB_container { margin-right: 0; } .profile-zone .my-account-detail-intro { margin-top: -10px; } .profile-zone .tabs-dropdown { display: none; } .clientGridPager { justify-content: flex-start; padding-bottom: 60px !important; } .clientGridPager .pagerButton, .clientGridPager .pageIndicator { position: relative !important; top: 55px; } .accountsFavorites { width: auto !important; } .ui-dialog.right-dialog.details-dialog { width: auto; } .ui-dialog.right-dialog.visible { right: 13px !important; width: 90% !important; } .ui-dialog.right-dialog.accountsFavorites { width: auto !important; top: 20px !important; bottom: 20px !important; left: 20px !important; padding: 0 !important; } .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .all-account-popup-title { padding: 0 20px; } .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .all-account-popup-title .all-account-close { right: 20px; } .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .all-account-popup-title .title-2 { margin: 0; text-align: left; width: -webkit-calc(100% - 60px); width: calc(100% - 60px); } .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .account-inter-inner-scroll { padding: 0 3px 0 20px; } .footer-content.flex-layout { flex-direction: column; } .footer-text { margin-bottom: 20px; } .account-statements-info-wrapper { overflow-x: auto; margin-top: 10px; white-space: nowrap; width: inherit; } .account-statements-info-inner { width: fit-content; } .account-statements-filter-inner { width: fit-content; } .fast-pay-menu-wrapper .title-2 { width: 100%; margin-bottom: 20px; text-align: center; } .account-inter-inner-scroll, .all-account-popup-title { padding: 0 20px !important; } .mCSB_inside > .mCSB_container { margin-right: 0 !important; } .all-account-close { width: 40px !important; height: 40px !important; cursor: pointer !important; position: relative !important; right: unset !important; } .CardStatementsCorporate .account-statements-info-wrapper { margin-top: 80px; } .CardPayment .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-balance, .AccountBalancePreviewSlider .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-balance, .LoanBalancePreviewSlider .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-balance, .DepositBalancePreviewCorporate .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-balance, .AuthorizedAccounts .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-balance { text-align: left !important; margin-top: -10px; margin-left: 20px; width: 50% !important; } .CardPayment .wrapper.account-card-img .account-intro-inner .accounts-intro-title, .AccountBalancePreviewSlider .wrapper.account-card-img .account-intro-inner .accounts-intro-title, .LoanBalancePreviewSlider .wrapper.account-card-img .account-intro-inner .accounts-intro-title, .DepositBalancePreviewCorporate .wrapper.account-card-img .account-intro-inner .accounts-intro-title, .AuthorizedAccounts .wrapper.account-card-img .account-intro-inner .accounts-intro-title { width: 100%; padding-left: 20px; } .CardPayment .wrapper.account-card-img .account-intro-inner .accounts-intro-balance .profile-text-arrow, .AccountBalancePreviewSlider .wrapper.account-card-img .account-intro-inner .accounts-intro-balance .profile-text-arrow, .LoanBalancePreviewSlider .wrapper.account-card-img .account-intro-inner .accounts-intro-balance .profile-text-arrow, .DepositBalancePreviewCorporate .wrapper.account-card-img .account-intro-inner .accounts-intro-balance .profile-text-arrow, .AuthorizedAccounts .wrapper.account-card-img .account-intro-inner .accounts-intro-balance .profile-text-arrow { right: -35px; } .AccountBalancePreviewSlider .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-balance, .DepositBalancePreviewCorporate .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-balance, .PaymentTransfer .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-balance { text-align: left !important; margin-top: -10px; margin-left: 0px; } .AccountBalancePreviewSlider .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-balance .account-balance-amount-text .page-text, .DepositBalancePreviewCorporate .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-balance .account-balance-amount-text .page-text, .PaymentTransfer .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-balance .account-balance-amount-text .page-text { margin-top: -5px; } .AccountBalancePreviewSlider .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title, .DepositBalancePreviewCorporate .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title, .PaymentTransfer .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title { width: 100%; padding-left: 0px; } .AccountBalancePreviewSlider .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .user-accout-card-img, .DepositBalancePreviewCorporate .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .user-accout-card-img, .PaymentTransfer .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .user-accout-card-img { margin-bottom: 10px; } .AccountBalancePreviewSlider .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-balance .profile-text-arrow, .DepositBalancePreviewCorporate .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-balance .profile-text-arrow, .PaymentTransfer .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-balance .profile-text-arrow { right: -300px; } .AccountBalancePreviewSlider .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner div .textAccountDetails, .DepositBalancePreviewCorporate .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner div .textAccountDetails, .PaymentTransfer .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner div .textAccountDetails { margin-bottom: 20px; } .CardBalancePreviewCorporate .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-balance { text-align: left !important; margin-top: -10px; margin-left: 20px; } .CardBalancePreviewCorporate .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title { width: 100%; } .CardBalancePreviewCorporate .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .user-account-card-img { margin-bottom: 10px; } .CardBalancePreviewCorporate .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-balance .profile-text-arrow { right: -300px; } .CardBalancePreviewCorporate .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-title .user-account-card-img { margin-bottom: 20px; } .CardBalancePreviewCorporate .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-balance div .textAccountDetails { margin-bottom: 20px; } .CurrencyExchangeV2 .s-widget-title { top: 10px; width: 100% !important; } .CurrencyExchangeV2 table { width: 100%; } .CurrencyExchangeV2 table tbody { width: 100%; } .CurrencyExchangeV2 table tbody tr td .currency-exchange-filter { width: 100%; } .CurrencyExchangeV2 table tbody tr td .currency-exchange-filter .transaction-filter-inner { width: 100%; } .CurrencyExchangeV2 table tbody tr td .currency-exchange-filter .transaction-filter-inner .transaction-filter-box { width: 100%; } .CurrencyExchangeV2 table tbody tr td .currency-exchange-filter .transaction-filter-inner .transaction-filter-box .transaction-calendar { width: unset !important; } .dashboard.CurrencyExchangeV2 .tableFilter .transaction-filter-inner, .CurrencyExchangeV2 .tableFilter .transaction-filter-inner { display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100% !important; } .dashboard.CurrencyExchangeV2 .clientGridPager, .CurrencyExchangeV2 .clientGridPager { justify-content: flex-start; } .dashboard.CurrencyExchangeV2 .clientGridPager .pageIndicator, .dashboard.CurrencyExchangeV2 .clientGridPager .pagerButton, .CurrencyExchangeV2 .clientGridPager .pageIndicator, .CurrencyExchangeV2 .clientGridPager .pagerButton { top: 0px; } .dashboard.CurrencyExchangeV2 .clientGridPager .pagerButton .profile-text-arrow, .CurrencyExchangeV2 .clientGridPager .pagerButton .profile-text-arrow { margin-bottom: unset !important; } .s-widget:not(.CreditorTemplateManagingV3, .CreditorTemplateManagingV3Public, .CreditorTemplateManagingForeignV2, .ForeignPaymentOrderV2, .AccountStatements) .group-inner, .s-widget:not(.CreditorTemplateManagingV3, .CreditorTemplateManagingV3Public, .CreditorTemplateManagingForeignV2, .ForeignPaymentOrderV2, .AccountStatements) .account-statement-pdf-download, .s-widget:not(.CreditorTemplateManagingV3, .CreditorTemplateManagingV3Public, .CreditorTemplateManagingForeignV2, .ForeignPaymentOrderV2, .AccountStatements) .profile-text-arrow { margin-bottom: 15px !important; } .PaymentOverviewV3 .tableFilter { width: 100% !important; } .PaymentOverviewV3 .gvOrderPreviewList .clientGridPager { justify-content: flex-start; } .PaymentOverviewV3 .gvOrderPreviewList .clientGridPager .profile-text-arrow { margin-bottom: 0px !important; } .PaymentOverviewV3 .transaction-filter-inner { flex-wrap: wrap; width: 100% !important; } .PaymentOverviewV3 .transaction-filter-inner .transaction-filter-box, .PaymentOverviewV3 .transaction-filter-inner .filterButton { min-width: 100% !important; } .PaymentOverviewV3 .transaction-filter-inner .transaction-filter-box button, .PaymentOverviewV3 .transaction-filter-inner .filterButton button { width: 100% !important; } .PaymentOverviewV3 .transaction-filter-inner .group-inner.filter { min-width: 100%; } .PaymentOverviewV3 .transaction-filter-inner .transaction-filter-box, .PaymentOverviewV3 .transaction-filter-inner .regularPayment-mode, .PaymentOverviewV3 .transaction-filter-inner .regularPayment-code { margin: 0 0 10px !important; } .OrderPackageListV2 .paymentTemplates div { flex-wrap: wrap; } .OrderPackageListV2 .paymentTemplates .button-wrapper .login-download-wrap, .OrderPackageListV2 .paymentTemplates .button-wrapper .pdf-wrapper { width: 100%; } .OrderPackageListV2 .paymentTemplates .button-wrapper .pdf-wrapper .btn-1.logout.table { margin: 0; } .PaymentOrderV4Mk .domestic-payment-form .form-button-footer .pdf-wrapper, .PaymentOrderV4Public .domestic-payment-form .form-button-footer .pdf-wrapper { width: 100%; } .PaymentOrderV4Mk .domestic-payment-form .form-button-footer .pdf-wrapper .btn-1.logout.table, .PaymentOrderV4Public .domestic-payment-form .form-button-footer .pdf-wrapper .btn-1.logout.table { margin: 0; } } @media only screen and (max-width: 539px) { .AccountSlider .tabslider { position: absolute; z-index: 26; top: 220px; width: 280px; } } @media only screen and (max-width: 400px) { .AccountSlider .tabslider { position: relative; z-index: 26; top: -40px; width: 280px; left: 8%; } .AccountSlider .highcharts-container { width: 100%; } #render-wrapper { height: 100%; overflow-y: scroll; } .iosxRspButton { position: relative; bottom: -8px !important; margin-bottom: 50px !important; } .MessageHubNotificationList .dot-menu-text-wrapper.messages { transform: translateY(-485px); } .MessageHubNotificationList .notificationMsgList .widget-tabs { top: -685px !important; } .domestic-payment-form .right-side .transaction-filter-inner .pdf-wrapper, .domesticPublicDialog .right-side .transaction-filter-inner .pdf-wrapper { margin-top: 36px; } } @media only screen and (max-width: 389px) { .languagesContainer { top: 1035px !important; right: 40px; } } @media only screen and (max-width: 350px) { .CreditorTemplateManaging .payment-filter-box .sort-indicator-name, .CreditorTemplateManaging .payment-filter-box .sort-indicator-name-2 { right: -35px; } .CreditorTemplateManaging .widget-tabs li a { padding: 0 40px; padding-bottom: 4px; padding-top: 5px; } } @media only screen and (min-width: 1401px) { .transaction-filter-box:not(.creditorTemp):nth-child(2), .transaction-filter-box:not(.creditorTemp):nth-child(4), .transaction-filter-box:not(.creditorTemp):nth-child(6), .transaction-filter-box:not(.creditorTemp):nth-child(8) { margin-right: 14px !important; } .foreignDialog .foreign-payment-order-wrapper .transaction-filter-box:not(.creditorTemp):nth-child(5) { margin-right: 14px !important; } .foreignDialog .foreign-payment-order-wrapper .transaction-filter-box:not(.creditorTemp):nth-child(4) { margin-right: 0px !important; } } @media only screen and (max-width: 600px) { #page-header.categories-header:not(.dashboard-header):after { height: 1310px !important; } .DateRangeV2 { width: 100% !important; } .pfm-ctg .date-wrapper .ctg-date .pfm-calendar, .pfm-rules .date-wrapper .ctg-date .pfm-calendar { width: 19px !important; height: 19px !important; position: absolute !important; stroke: #fff !important; right: 10px !important; top: calc(50% - 10px) !important; z-index: -1 !important; } .pfm-ctg .date-wrapper .ctg-date, .pfm-rules .date-wrapper .ctg-date { display: inline !important; position: relative !important; width: 40% !important; z-index: 0 !important; } .pfm-ctg .date-wrapper .ctg-date input, .pfm-rules .date-wrapper .ctg-date input { padding: 9px 16px !important; border-radius: 8px !important; cursor: pointer !important; background-color: transparent !important; color: #fff !important; width: 97% !important; font-size: 15px !important; } .pfm-ctg { margin: auto !important; width: 90% !important; } .pfm-categories-top-info-form-wrapper { width: 80% !important; margin-bottom: 20px !important; } .Chart { width: 100% !important; height: 725px !important; } .Chart .pfm-top-expences-total-wrapper { width: 30% !important; margin-left: 34% !important; position: relative !important; top: -25px !important; } .chartMain { height: 400px !important; margin: auto !important; width: 90% !important; } .pfm-top-expences-chart-deselect-btn { position: absolute !important; width: 40px !important; height: 40px !important; top: 16px !important; left: 100px !important; border-radius: 12px !important; opacity: 0 !important; visibility: hidden !important; -webkit-transition: opacity .3s,visibility .3s !important; transition: opacity .3s,visibility .3s !important; } .chartView { margin-left: 0px !important; } .pfm-ftc { overflow-x: auto !important; } .payment-filter-wrapper { overflow-x: hidden !important; } .CurrencyCalculator { width: 95% !important; padding: 0px; } .ExchangeOffice { width: 100% !important; padding: 0; } .LoginRetail .login-form-col .inner .login-form .form-group .group-inner { width: 100% !important; } } @media only screen and (min-width: 600px) and (max-width: 900px) { #page-header.categories-header:not(.dashboard-header):after { height: 1225px !important; } .DateRangeV2 { width: 100% !important; } .pfm-ctg .date-wrapper .ctg-date .pfm-calendar, .pfm-rules .date-wrapper .ctg-date .pfm-calendar { width: 19px !important; height: 19px !important; position: absolute !important; stroke: #fff !important; right: 10px !important; top: calc(50% - 10px) !important; z-index: -1 !important; } .pfm-ctg .date-wrapper .ctg-date, .pfm-rules .date-wrapper .ctg-date { display: inline !important; position: relative !important; width: 40% !important; z-index: 0 !important; } .pfm-ctg .date-wrapper .ctg-date input, .pfm-rules .date-wrapper .ctg-date input { padding: 9px 16px !important; border-radius: 8px !important; cursor: pointer !important; background-color: transparent !important; color: #fff !important; width: 97% !important; font-size: 15px !important; } .pfm-ctg { margin: auto !important; width: 90% !important; } .pfm-categories-top-info-form-wrapper { width: 80% !important; margin-bottom: 20px !important; } .Chart { width: 100% !important; height: 725px !important; } .Chart .pfm-top-expences-total-wrapper { width: 30% !important; margin-left: 40% !important; position: relative !important; top: -25px !important; } .chartMain { height: 400px !important; margin: auto !important; width: 90% !important; } .pfm-top-expences-chart-deselect-btn { position: absolute !important; width: 40px !important; height: 40px !important; top: 16px !important; left: 150px !important; border-radius: 12px !important; opacity: 0 !important; visibility: hidden !important; -webkit-transition: opacity .3s,visibility .3s !important; transition: opacity .3s,visibility .3s !important; } .chartView { margin-left: 15px !important; } .pfm-ftc { overflow-x: auto; } .payment-filter-wrapper { overflow-x: hidden !important; } } @media only screen and (min-width: 900px) and (max-width: 1000px) { #page-header.categories-header:not(.dashboard-header):after { height: 1200px !important; } .DateRangeV2 { width: 100% !important; } .pfm-ctg .date-wrapper .ctg-date .pfm-calendar, .pfm-rules .date-wrapper .ctg-date .pfm-calendar { width: 19px !important; height: 19px !important; position: absolute !important; stroke: #fff !important; right: 10px !important; top: calc(50% - 10px) !important; z-index: -1 !important; } .pfm-ctg .date-wrapper .ctg-date, .pfm-rules .date-wrapper .ctg-date { display: inline !important; position: relative !important; width: 46% !important; z-index: 0 !important; } .pfm-ctg .date-wrapper .ctg-date input, .pfm-rules .date-wrapper .ctg-date input { padding: 9px 16px !important; border-radius: 8px !important; cursor: pointer !important; background-color: transparent !important; color: #fff !important; width: 97% !important; font-size: 15px !important; } .pfm-ctg { margin: auto !important; width: 90% !important; } .pfm-categories-top-info-form-wrapper { width: 80% !important; margin-bottom: 20px !important; } .Chart { width: 100% !important; height: 725px !important; } .Chart .pfm-top-expences-total-wrapper { width: 30% !important; margin-left: 34% !important; position: relative !important; top: -62px !important; } .chartMain { height: 400px !important; margin: auto !important; width: 90% !important; } .pfm-top-expences-chart-deselect-btn { position: absolute !important; width: 40px !important; height: 40px !important; top: 16px !important; left: 275px !important; border-radius: 12px !important; opacity: 0 !important; visibility: hidden !important; -webkit-transition: opacity .3s,visibility .3s !important; transition: opacity .3s,visibility .3s !important; } .chartView { margin-left: 10px !important; } .pfm-ftc { overflow-x: auto !important; } .payment-filter-wrapper { overflow-x: hidden !important; } } @media only screen and (min-width: 1200.5px) and (max-width: 1455px) { .chartcategories { margin-left: 0px !important; } .Chart .pfm-top-expences-total-wrapper { width: 30% !important; margin-left: 21% !important; position: relative !important; top: -42px !important; } } @media only screen and (min-width: 900px) and (max-width: 1150px) { .chartcategories { margin-left: 0px !important; } .Chart .pfm-top-expences-total-wrapper { width: 30% !important; margin-left: 21% !important; position: relative !important; top: -42px !important; } } @media only screen and (min-width: 1301px) and (max-width: 1499px) { .s-widget.MessageHubNotificationList .notificationMsgList .widget-tabs li a { padding: 6px 47px; } } @media only screen and (min-width: 1500px) and (max-width: 1700px) { .s-widget.MessageHubNotificationList .notificationMsgList .widget-tabs li a { padding: 6px 60px; } } @media only screen and (min-width: 1201px) and (max-width: 1300px) { .s-widget.MessageHubNotificationList .notificationMsgList .widget-tabs li a { padding: 6px 39px; } } @media only screen and (max-height: 1200px) { .ui-dialog.right-dialog.details-dialog.creditorTemplateDialogList .account-item-inner, .ui-dialog.right-dialog.details-dialog.templateDialog .account-item-inner { height: 80vh !important; } .details-dialog.accountBalance .account-item-inner, .details-dialog.accountTurnoverDetail .account-item-inner, .ui-dialog.right-dialog.loanDetails .account-item-inner { height: 75vh !important; } .ui-dialog.right-dialog.loanDetails .account-item-inner { height: 70vh !important; } .details-dialog.exchangeCommissionDialog .account-item-inner { height: 70vh !important; } .details-dialog.loanAnnuityDetail .account-item-inner { height: 78vh !important; } } @media only screen and (max-height: 950px) { .details-dialog.exchangeResultView .account-item-inner { height: 70vh; } .details-dialog.exchangeResultView .popup-buttons-wrapper { margin-top: 20px; } } @media only screen and (max-height: 900px) { .details-dialog.regularPaymentCommissionDialog .account-item-inner, .details-dialog.publicPaymentCommissionDialog .account-item-inner, .details-dialog.foreignPaymentCommissionDialog .account-item-inner { height: 70vh; } .details-dialog.regularPaymentCommissionDialog .popup-buttons-wrapper, .details-dialog.publicPaymentCommissionDialog .popup-buttons-wrapper, .details-dialog.foreignPaymentCommissionDialog .popup-buttons-wrapper { margin-top: 20px; } /* .details-dialog.exchangeCommissionDialog { .account-item-inner { height: 65vh !important; } }*/ } @media only screen and (max-height: 850px) { .details-dialog.exchangeResultView .account-item-inner { height: 65vh; } .details-dialog.exchangeCommissionDialog .account-item-inner { height: 65vh !important; } } @media only screen and (max-height: 800px) { .details-dialog.regularPaymentCommissionDialog .account-item-inner, .details-dialog.publicPaymentCommissionDialog .account-item-inner, .details-dialog.foreignPaymentCommissionDialog .account-item-inner, .details-dialog.exchangeCommissionDialog .account-item-inner { height: 65vh; } /*.details-dialog.publicPaymentCommissionDialog { .account-item-inner { height: 62vh; } }*/ .details-dialog.accountTurnoverDetail .account-item-inner { height: 70vh !important; } .details-dialog.loanAnnuityDetail .account-item-inner { height: 71vh !important; } } @media only screen and (max-height: 700px) { .details-dialog.exchangeResultView .account-item-inner, .details-dialog.foreignPaymentCommissionDialog .account-item-inner, .details-dialog.exchangeCommissionDialog .account-item-inner { height: 60vh !important; } .details-dialog.foreignPaymentCommissionDialog .account-item-inner { height: 50vh !important; } } @media only screen and (max-height: 600px) { .details-dialog.exchangeResultView .account-item-inner, .details-dialog.publicPaymentCommissionDialog .account-item-inner, .details-dialog.foreignPaymentCommissionDialog .account-item-inner, .details-dialog.accountBalance .account-item-inner, .details-dialog.accountTurnoverDetail .account-item-inner, .details-dialog.exchangeCommissionDialog .account-item-inner, .details-dialog.loanAnnuityDetail .account-item-inner { height: 55vh !important; } .details-dialog.foreignPaymentCommissionDialog .account-item-inner, .details-dialog.publicPaymentCommissionDialog .account-item-inner { height: 45vh !important; } .ui-dialog.right-dialog.details-dialog { height: 90vh !important; } .ui-dialog.right-dialog.loanDetails .account-item-inner { height: 70vh !important; } .ui-dialog.right-dialog.details-dialog.creditorTemplateDialogList .account-item-inner, .ui-dialog.right-dialog.details-dialog.templateDialog .account-item-inner, .details-dialog.loanAnnuityDetail .account-item-inner { height: 60vh !important; } .ui-dialog.right-dialog.exchangeCommissionDialog .account-item-inner { height: 40vh !important; } } @media only screen and (max-height: 550px) { .details-dialog.foreignPaymentCommissionDialog .account-item-inner, .details-dialog.publicPaymentCommissionDialog .account-item-inner { height: 30vh !important; } } @media only screen and (max-height: 400px) { .ui-dialog.right-dialog.exchangeCommissionDialog .account-item-inner { height: 35vh !important; } .details-dialog.loanAnnuityDetail .account-item-inner { height: 55vh !important; } .details-dialog.foreignPaymentCommissionDialog .account-item-inner, .details-dialog.publicPaymentCommissionDialog .account-item-inner { height: 20vh !important; } } @media only screen and (min-width: 941px) and (max-width: 1550px) { .Forms_Form .form-container .OverdraftRequest .col1 { width: 65%; } } @media only screen and (min-width: 941px) and (max-width: 1480px) { .Forms_Form .form-container .OverdraftRequest .col1 { width: 65%; } } @media only screen and (max-width: 941px) { .Forms_Form .form-container .OverdraftRequest .col1 { width: 85%; } } @media only screen and (max-width: 716px) { .Forms_Form .form-container .OverdraftRequest .col1 { width: 100%; } } /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ /*background-color: #fff; background-color: rgba(255,255,255,0.9);*/ filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ /*#region fonts*/ @font-face { font-family: 'Lato'; src: url("fonts/Lato-Regular.eot"); src: url("fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Regular.woff") format("woff"), url("fonts/Lato-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Lato-Semibold'; src: url("fonts/Lato-Semibold.eot"); src: url("fonts/Lato-Semibold.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Semibold.woff") format("woff"), url("fonts/Lato-Semibold.ttf") format("truetype"); font-weight: 600; } @font-face { font-family: 'Lato-Bold'; src: url("fonts/Lato-Bold.eot"); src: url("fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Bold.woff") format("woff"), url("fonts/Lato-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: 'Sarabun'; src: url("fonts/Sarabun-ExtraBold.eot"); src: url("fonts/Sarabun-ExtraBold.eot?#iefix") format("embedded-opentype"), url("fonts/Sarabun-ExtraBold.woff") format("woff"), url("fonts/Sarabun-ExtraBold.ttf") format("truetype"); font-style: normal; } @font-face { font-family: 'Sarabun-Bold'; src: url("fonts/Sarabun-Bold.eot"); src: url("fonts/Sarabun-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Sarabun-Bold.woff") format("woff"), url("fonts/Sarabun-Bold.ttf") format("truetype"); font-style: normal; } @font-face { font-family: 'Sarabun-SemiBold'; src: url("fonts/Sarabun-SemiBold.eot"); src: url("fonts/Sarabun-SemiBold.eot?#iefix") format("embedded-opentype"), url("fonts/Sarabun-SemiBold.woff") format("woff"), url("fonts/Sarabun-SemiBold.ttf") format("truetype"); font-style: normal; } @font-face { font-family: 'Source-Sans-Pro'; src: url("fonts/sourcesanspro-regular.woff2") format("woff2"), url("fonts/sourcesanspro-regular.woff") format("woff"), url("fonts/sourcesanspro-regular.ttf") format("truetype"); font-weight: 400; font-style: normal; /*font-display: swap*/ } @font-face { font-family: 'Source-Sans-Pro-bold'; src: url("fonts/sourcesanspro-bold.woff2") format("woff2"), url("fonts/sourcesanspro-bold.woff") format("woff"), url("fonts/sourcesanspro-bold.ttf") format("truetype"); font-weight: 400; font-style: normal; /*font-display: swap*/ } @font-face { font-family: 'Source-Sans-Pro-semibold'; src: url("fonts/sourcesanspro-semibold.woff2") format("woff2"), url("fonts/sourcesanspro-semibold.woff") format("woff"), url("fonts/sourcesanspro-semibold.ttf") format("truetype"); font-weight: 400; font-style: normal; /*font-display: swap*/ } /*#endregion fonts*/ /* colors */ .ui-dialog.right-dialog.remindersEditDialog .fastPaymentDialog .account-select-item, .ui-dialog.right-dialog.remindersAddDialog .fastPaymentDialog .account-select-item { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ui-dialog.right-dialog.remindersEditDialog .fastPaymentDialog *, .ui-dialog.right-dialog.remindersAddDialog .fastPaymentDialog * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .Reminders { padding: 100px 0px 0 0px !important; } .Reminders #calendar .fc-header { visibility: collapse; margin-top: 10px; } .Reminders #calendar .fc-header .fc-header-title h2 { width: 160px; position: relative; top: 10px; } .Reminders #calendar .fc-content .fc-widget-header { padding: 5px; font-size: 14px; font-weight: 500; color: black; border-top: none; border-right: none; border-left: none; border-bottom: 2px solid #EFEFEF; font-family: "futura", sans-serif; font-weight: bold; } .Reminders #calendar .fc-content .fc-widget-content { border-top: none; border-left: none; border-top: 1px dotted rgba(0, 0, 0, 0.54); border-right: 1px dotted rgba(0, 0, 0, 0.54); border-left: 1px dotted rgba(0, 0, 0, 0.54); border-bottom: 1px dotted rgba(0, 0, 0, 0.54); } .Reminders #calendar .fc-content .fc-widget-content > div { padding: 10px; } .Reminders #calendar .fc-content .fc-widget-content:hover { background-color: #fff; cursor: pointer; border: 2px solid #0a79b8; } .Reminders #calendar .fc-content .fc-widget-content:hover .fc-day-number { color: black; } .Reminders #calendar .fc-content .fc-widget-content.fc-state-highlight { border: 2px solid #0a79b8; } .Reminders #calendar .fc-content .fc-widget-content.fc-state-highlight .fc-day-number { color: black; } .Reminders #calendar .fc-content .fc-widget-content.fc-state-highlight:hover .fc-day-number { color: black; } .Reminders #calendar .fc-content .fc-event { font-size: 16px; border-top: none; border-right: none; border-bottom: none; letter-spacing: .5px; margin: 0; background-color: transparent; cursor: pointer; margin-left: -7px; margin-top: -25px; } .Reminders #calendar .fc-content .fc-event .fc-event-inner { border: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .Reminders #calendar .fc-content .fc-event .fc-event-skin { background-color: transparent; color: #0095c9; } .Reminders #calendar .fc-button { background: white; width: 40px; height: 40px; border: none; background-size: 6px; background-repeat: no-repeat; background-position: center center; } .Reminders #calendar .fc-button.fc-button-prev { background-image: url(images/icons/arrow-blue-l.png); } .Reminders #calendar .fc-button.fc-button-next { background-image: url(images/icons/arrow-blue-r.png); } .Reminders #calendar .fc-button .fc-button-inner { background: transparent; width: 100%; height: 100%; border: solid 1px #d1d1d1; } .Reminders #calendar .fc-button .fc-button-inner .fc-button-content { width: 100%; height: 100%; padding: 0; visibility: hidden; } .Reminders #calendar .fc-button .fc-button-inner .fc-button-effect { display: none; } .Reminders #calendar .fc-grid .fc-day-number { color: black; font-weight: bold; } .Reminders .element-border { border-radius: 50px; } .Reminders .transaction-filter-inner { /* .dk-selected { padding: 11px 12px 11px 18px; white-space: nowrap; overflow: hidden; background-color: white; border-radius: 25px; height: 18px; -o-text-overflow: ellipsis; text-overflow: ellipsis; position: relative; z-index: 2; transform: translate(0px, 0px); }*/ /* .short45.active { border-radius: 25px 25px 0 0; } .short46.active { border-radius: 25px 25px 0 0; }*/ } .Reminders .transaction-filter-inner .dk-select-options { width: 100% !important; padding-top: 0px; top: 36px; } .Reminders .transaction-filter-inner .dk-select-options::-webkit-scrollbar { background: transparent; width: 5px; } .Reminders .transaction-filter-inner .dk-select-options::-webkit-scrollbar-track { top: 20px; background: transparent; height: 3px; margin-top: 20px; margin-bottom: 20px; transform: translate(0%, 0%); } .Reminders .transaction-filter-inner .dk-select-options::-webkit-scrollbar-thumb { background-color: #52ae30; border-radius: 5px; width: 4px; height: 3px; transform: translate(0%, 0%); } .Reminders .transaction-filter-inner .dk-select-options li.dk-option-selected { background: transparent; } .Reminders .transaction-filter-inner .dk-select-options.active { border-radius: 0 0 25px 25px; border-top: 2px solid #52ae30; left: 1px; } .calendar-reminder .widget-tabs label { cursor: pointer; font-size: 16px; text-transform: uppercase; color: #333333; } .calendar-reminder .widget-tabs li { padding-left: 0; padding-right: 0; width: 49%; margin-right: 0; text-align: center; } .calendar-reminder .widget-tabs li:not(.active) label { color: #9b9b9c; } .calendar-reminder .widget-tabs li:hover label { color: #333333; } .calendar-reminder .select-1 { padding-left: 0; } .calendar-reminder .tab { display: inherit; } .isEmptyGrid { padding: 0px 10px !important; } .isEmptyGriError { margin-top: 10px !important; padding: 0px !important; } .isEmptyGriErrorbetween { width: 100% !important; } .BudgetList { max-width: 800px; padding: 50px 20px 0 20px; margin: 0 auto; padding-bottom: 1px; } .BudgetList .transaction-filter-inner { margin-left: -8px; width: calc(100%); webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; padding-bottom: 14px; margin-bottom: 24px; border-bottom: 1px dotted rgba(0, 0, 0, 0.54); } .BudgetList .transaction-filter-box { width: calc(50% - 17px); margin: 0 8px 10px; position: relative; } .BudgetList .filterButton { margin-bottom: 10px; } .BudgetList .filterButton .btn-2 { border-radius: 8px; width: unset; background: linear-gradient(90deg, #0079ff, #00c6ff) !important; color: #fff; font-family: "Source-Sans-Pro-semibold", sans-serif; } .BudgetList .filterButton .btn-2:hover { background: linear-gradient(90deg, #006de6, #00b2e6) !important; } .BudgetList .dk-select-options { padding: 0 0 0 0; } .pfm-budgeting-box { padding: 16px; margin-bottom: 16px; background-color: #fff; border-radius: 12px; } .pfm-budgeting-box .payments-ico { background-color: #EFEFEF; } .pfm-budgeting-box .right .text-color-8 { color: black !important; font-weight: bold !important; } .pfm-budgeting-box-top-wrapper { margin-bottom: 16px; } .pfm-budgeting-box-title-wrapper { width: -webkit-calc(100% - 80px); width: calc(100% - 80px); padding: 0 16px; } .pfm-budgeting-box-title-wrapper p { font-family: "pt_sansregular", sans-serif !important; } .pfm-budgeting-box .percentage-bar { margin-bottom: 16px; width: 100%; height: 8px; border-radius: 4px; overflow: hidden; } .pfm-budgeting-box .pfm-budgeting-box-info:first-child { border-right: 1px dotted rgba(0, 0, 0, 0.54); } .pfm-budgeting-box .pfm-budgeting-box-info { width: 50%; } .pfm-budgeting-box .pfm-budgeting-box-info p { font-family: "pt_sansregular", sans-serif !important; } .pfm-budgeting-box .pfm-budgeting-box-info p span { font-weight: bold; } .pfm-budgeting-box .percentage-bar-bcg { width: 100%; fill: #dfe7ef; } .pfm-budgeting-box .percentage-bar-progress { max-width: 100%; fill: #0a79b8; } .pfm-budgeting-box .budget-details { margin-bottom: 0px !important; } .pfm-budgeting-box .dot-menu { border-radius: 20%; } .pfm-budgeting-box .dot-menu .dot-menu-dot { background-color: rgba(0, 0, 0, 0.87); } .popup-goals, .popup-budget { width: 160px; margin-right: -30px; } .budgetViewTransactions-all-account-popup-title { padding: 0 30px !important; } .goalsViewTransactions, .budgetViewTransactions { padding: 0 25px 0 15px !important; } .goalsViewTransactions-all-account-popup-title, .budgetViewTransactions-all-account-popup-title { position: relative; padding: 0 90px; text-align: center; } .goalsViewTransactions-all-account-popup-title .all-account-close, .budgetViewTransactions-all-account-popup-title .all-account-close { position: absolute; border-radius: 6px; top: 50%; right: 0px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 40px; height: 40px; cursor: pointer; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); } .goalsViewTransactions .payment-ico-border-svg, .budgetViewTransactions .payment-ico-border-svg { top: -10px; left: -27px; width: 125px; height: 79px; position: absolute; } .goalsViewTransactions .account-item-inner, .budgetViewTransactions .account-item-inner { height: 75vh !important; overflow-y: hidden !important; padding-right: 10px; } .goalsViewTransactions .limittext, .budgetViewTransactions .limittext { width: 100%; /* text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block;*/ } .goalsViewTransactions .detailstext, .budgetViewTransactions .detailstext { font-family: Source Sans Pro bold,sans-serif; font-weight: bold; } .goalsViewTransactions .pending-expenses-ico-col, .budgetViewTransactions .pending-expenses-ico-col { width: 80%; } .goalsViewTransactions .filter-error-text, .budgetViewTransactions .filter-error-text { margin-top: 54px; } .goalsEditDetailsDialog-all-account-popup-title, .budgeEditDetailsDialog-all-account-popup-title { position: relative; padding: 0 100px; text-align: center; } .goalsEditDetailsDialog-all-account-popup-title .all-account-close, .budgeEditDetailsDialog-all-account-popup-title .all-account-close { position: absolute; top: 50%; right: 40px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 40px; height: 40px; cursor: pointer; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); } .goalsEditDetailsDialog .payment-ico-border-svg, .budgeEditDetailsDialog .payment-ico-border-svg { top: -10px; left: -27px; width: 125px; height: 79px; position: absolute; } .goalsEditDetailsDialog .account-item-inner, .budgeEditDetailsDialog .account-item-inner { height: 70vh !important; overflow-y: hidden !important; } .goalsEditDetailsDialog .popup-btn-wrapper, .budgeEditDetailsDialog .popup-btn-wrapper { position: fixed; bottom: 36px; left: 0; right: 0; height: 50px; } .spliteEditTransactionDialog, .tagTransactionDialog, .spliteTransactionDialog, .accountTurnoverSplitTransaction, .remindersEditDialog, .remindersAddDialog { max-height: 100% !important; } .spliteEditTransactionDialog-all-account-popup-title, .tagTransactionDialog-all-account-popup-title, .spliteTransactionDialog-all-account-popup-title, .accountTurnoverSplitTransaction-all-account-popup-title, .remindersEditDialog-all-account-popup-title, .remindersAddDialog-all-account-popup-title { position: relative; padding: 0 100px; text-align: center; } .spliteEditTransactionDialog-all-account-popup-title .all-account-close, .tagTransactionDialog-all-account-popup-title .all-account-close, .spliteTransactionDialog-all-account-popup-title .all-account-close, .accountTurnoverSplitTransaction-all-account-popup-title .all-account-close, .remindersEditDialog-all-account-popup-title .all-account-close, .remindersAddDialog-all-account-popup-title .all-account-close { position: absolute; top: 50%; right: 40px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 40px; height: 40px; cursor: pointer; } .spliteEditTransactionDialog .payment-ico-border-svg, .tagTransactionDialog .payment-ico-border-svg, .spliteTransactionDialog .payment-ico-border-svg, .accountTurnoverSplitTransaction .payment-ico-border-svg, .remindersEditDialog .payment-ico-border-svg, .remindersAddDialog .payment-ico-border-svg { top: -10px; left: -27px; width: 125px; height: 79px; position: absolute; } .spliteEditTransactionDialog .account-item-inner, .tagTransactionDialog .account-item-inner, .spliteTransactionDialog .account-item-inner, .accountTurnoverSplitTransaction .account-item-inner, .remindersEditDialog .account-item-inner, .remindersAddDialog .account-item-inner { height: 75vh !important; overflow-y: hidden !important; } .spliteEditTransactionDialog .btn-2.gradient, .tagTransactionDialog .btn-2.gradient, .spliteTransactionDialog .btn-2.gradient, .accountTurnoverSplitTransaction .btn-2.gradient, .remindersEditDialog .btn-2.gradient, .remindersAddDialog .btn-2.gradient { background: linear-gradient(45deg, #006de6, #00b2e6); } .remindersEditDialog, .remindersAddDialog .ui-dialog-content .ui-widget-content { max-height: 100% !important; } .goalsAddDialog-all-account-popup-title, .goalsEditDetailsDialog-all-account-popup-title, .budgeAddDialog-all-account-popup-title { position: relative; padding: 0 100px 0 100px; text-align: center; } .goalsAddDialog-all-account-popup-title .all-account-close, .goalsEditDetailsDialog-all-account-popup-title .all-account-close, .budgeAddDialog-all-account-popup-title .all-account-close { position: absolute; top: 50%; right: 40px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 40px; height: 40px; cursor: pointer; border-radius: 6px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); } .goalsAddDialog .payment-ico-border-svg, .goalsEditDetailsDialog .payment-ico-border-svg, .budgeAddDialog .payment-ico-border-svg { top: -10px; left: -27px; width: 125px; height: 79px; position: absolute; } .goalsAddDialog .account-item-inner, .goalsEditDetailsDialog .account-item-inner, .budgeAddDialog .account-item-inner { height: 70vh; overflow-y: hidden !important; } .goalsAddDialog .account-inter-inner-scroll, .goalsEditDetailsDialog .account-inter-inner-scroll, .budgeAddDialog .account-inter-inner-scroll { padding: 0 25px; } .goalsAddDialog .popup-btn-wrapper, .goalsEditDetailsDialog .popup-btn-wrapper, .budgeAddDialog .popup-btn-wrapper { position: fixed; bottom: 36px; left: 0; right: 0; height: 50px; } .goalsAddDialog .border-dotted, .goalsEditDetailsDialog .border-dotted, .budgeAddDialog .border-dotted { width: 90%; padding: 0 0 0 40px; margin-left: 23px; } .goalsAddDialog .line-height-1, .goalsEditDetailsDialog .line-height-1, .budgeAddDialog .line-height-1 { padding-top: 10px; } .goalsAddDialog .popup-ammount-wrapper, .goalsEditDetailsDialog .popup-ammount-wrapper, .budgeAddDialog .popup-ammount-wrapper { margin-right: 0% !important; margin-left: 30px; } .goalsAddDialog .transaction-popup-list p, .goalsEditDetailsDialog .transaction-popup-list p, .budgeAddDialog .transaction-popup-list p { margin-left: 30px; } .goalsAddDialog .budget-popup-bottom-info, .goalsEditDetailsDialog .budget-popup-bottom-info, .budgeAddDialog .budget-popup-bottom-info { margin-left: 30px; } .goalsAddDialog .transaction-popup-list .input-wrapper .account-input .input-amount, .goalsEditDetailsDialog .transaction-popup-list .input-wrapper .account-input .input-amount, .budgeAddDialog .transaction-popup-list .input-wrapper .account-input .input-amount { padding: 15px 0px 15px 11px !important; width: 95%; } .goalsListDetailsDialog .details-top { display: flex; align-items: center; justify-content: center; } .goalsListDetailsDialog .details-top .popup-ammount-ico-wrapper { margin-left: 0px !important; margin-right: 25px !important; margin-bottom: 0px !important; border-radius: 50%; } .goalsListDetailsDialog .details-top .details-inside-right { display: block; text-align: initial; } .goalsListDetailsDialog .details-top .details-inside-right p { margin-bottom: 0px !important; } .goalsListDetailsDialog .standingOrdersButtonInvisible { opacity: 0 !important; pointer-events: none !important; } .goalsListDetailsDialog .pfm-budgeting-popup-buttons a { transition: all .5s; align-self: center; } .goalsListDetailsDialog .pfm-budgeting-popup-buttons a:hover { background-color: #0a79b8 !important; color: #FFFFFF !important; } .goalsListDetailsDialog .popup-ammount-ico-wrapper, .budgeListDetailsDialog .popup-ammount-ico-wrapper { width: 70px; height: 70px; border-radius: 6px; box-shadow: none; margin: auto; margin-bottom: 19px; stroke: currentColor; background-color: #fff; } .goalsListDetailsDialog-all-account-popup-title, .budgeListDetailsDialog-all-account-popup-title { position: relative; text-align: center; padding: 0; } .goalsListDetailsDialog-all-account-popup-title .all-account-close, .budgeListDetailsDialog-all-account-popup-title .all-account-close { position: absolute; top: 50%; right: 40px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 40px; height: 40px; cursor: pointer; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); } .goalsListDetailsDialog .payment-ico-border-svg, .budgeListDetailsDialog .payment-ico-border-svg { top: -17px; left: -33px; width: 150px; height: 106px; position: absolute; } .goalsListDetailsDialog .payment-ico-border-svg rect, .budgeListDetailsDialog .payment-ico-border-svg rect { stroke: #0a79b8; stroke-dasharray: 374; stroke-dashoffset: 0; } .goalsListDetailsDialog .account-item-inner, .budgeListDetailsDialog .account-item-inner { height: 75vh !important; overflow-y: hidden !important; padding: 0 3px 0 10px; } .goalsListDetailsDialog .btn-2, .budgeListDetailsDialog .btn-2 { background-color: #fff; } .account-close-ico { position: absolute; width: 12px; height: 12px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .all-accounts-small-sum { display: block; margin: 5px 0; } .optiscroll { position: relative; } .account-item-inner { height: 100%; } .optiscroll.is-enabled { overflow: hidden; } .goalsAddDialog .popup-ammount-ico-wrapper, .goalsEditDetailsDialog .popup-ammount-ico-wrapper, .savingGoalsListView .popup-ammount-ico-wrapper, .goalsListDetailsDialog .popup-ammount-ico-wrapper, .goalsViewTransactions .popup-ammount-ico-wrapper { width: 70px; height: 70px; border-radius: 30px; margin: auto; margin-bottom: 20px; stroke: currentColor; background-color: #fff; } .goalsAddDialog .popup-ammount-ico, .goalsEditDetailsDialog .popup-ammount-ico, .savingGoalsListView .popup-ammount-ico, .goalsListDetailsDialog .popup-ammount-ico, .goalsViewTransactions .popup-ammount-ico { position: absolute; width: 28px; height: 28px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .optiscroll.is-enabled > .optiscroll-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; overflow: scroll; -webkit-overflow-scrolling: touch; } .transaction-popup-details-inner-col { width: 50%; } .border-dotted { width: 100%; height: 1px; border-bottom: 1px dotted rgba(0, 0, 0, 0.54); } .percentage-bar .percentage-bar-progress { max-width: 100%; fill: #0a79b8; } .title-6 { font-size: 40px; } .percentage-bar .percentage-bar-bcg { width: 100%; fill: #dfe7ef; } .pfm-budget-category-slider-container { padding: 0 20px; } .pfm-budget-category-slider-container .swiper-button-disabled { opacity: .5; cursor: auto; } .pfm-budget-category-slider-container .swiper-arrow { position: absolute; width: 100%; height: 100%; top: 0; left: 0; fill: #0a79b8; } .pfm-budget-category-slider-container .swiper-button-next { position: absolute; width: 24px; height: 24px; top: 35%; right: -5px; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); cursor: pointer; } .pfm-budget-category-slider-container .swiper-button-prev { position: absolute; width: 24px; height: 24px; top: 35%; left: -5px; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; } .pfm-budget-category-slider-container .pfm-budget-category-slider { overflow: hidden; } .pfm-budget-category-slider-container .pfm-budget-category-slider-wrapper { display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .pfm-budget-category-slider-container .pfm-budget-category-slide { position: relative; min-width: 78px; cursor: pointer; margin-right: 10px !important; } .pfm-budget-category-slider-container .pfm-budget-category-slide:hover .pfm-budget-category-slide-image-wrapper { background-color: #0a79b8 !important; border-color: transparent; } .pfm-budget-category-slider-container .pfm-budget-category-slide:hover .pfm-budget-category-slide-image-wrapper svg { stroke: #FFFFFF; fill: #FFFFFF; } .pfm-budget-category-slider-container .pfm-budget-category-slide:hover p { color: #0a79b8 !important; } .pfm-budget-category-slider-container .pfm-budget-category-slide p { font-weight: 600; text-overflow: ellipsis; overflow: hidden; } .pfm-budget-category-slider-container .pfm-budget-category-slide p.active { color: #0a79b8 !important; } .pfm-budget-category-slider-container .pfm-budget-category-input { position: absolute; border: none; background-color: transparent; border-radius: 0; width: 100%; height: 100%; top: 0; left: 0; margin: 0; padding: 0; opacity: 0; cursor: pointer; z-index: 1 !important; } .pfm-budget-category-slider-container .pfm-budget-category-slide-image-wrapper { width: 71px; height: 71px; border-radius: 20px; border: 3px dashed #d5e0ec; -webkit-transition: border-color .3s, background-color .3s; transition: border-color .3s, background-color .3s; overflow: hidden; } .pfm-budget-category-slider-container .pfm-budget-category-slide-image-wrapper svg { stroke: rgba(0, 0, 0, 0.54); } .pfm-budget-category-slider-container .pfm-budget-category-slide-image-wrapper.active { background-color: #0a79b8 !important; border-color: transparent; } .pfm-budget-category-slider-container .pfm-budget-category-slide-image-wrapper.active svg { stroke: #FFFFFF; fill: #FFFFFF; } .pfm-budget-category-slider-container .pfm-budget-category-slide-image { position: absolute; width: auto; height: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: stroke .3s; transition: stroke .3s; stroke: currentColor; max-width: 28px; } .goalsEditDetailsDialog .popup-ammount-wrapper { margin-left: 0px !important; } .goalsEditDetailsDialog .pfm-budget-category-slider-container .swiper-button-next, #goalsAddDialog .pfm-budget-category-slider-container .swiper-button-next { right: 10px !important; } .popup-btn-wrapper .btn-2.full-width { width: 100%; } .page-text-4 { font-size: 12px; } .subcategoriesLabel { margin-top: 5px; margin-bottom: 5px; } .transaction-popup-details-inner-col:first-child { border-right: 1px dotted rgba(0, 0, 0, 0.54); } .pfm-budgeting-popup-buttons .btn-2 { width: 33%; border-radius: 6px; color: #0a79b8; border-color: #0a79b8; font-weight: bolder; font-family: Source Sans Pro bold, sans-serif; } .remindersFilter .transaction-filter-inner { width: 56%; max-width: 450px; } .pfm-budgeting-form-filter { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; padding-bottom: 14px; margin-bottom: 24px; border-bottom: 1px dotted rgba(0, 0, 0, 0.54); } .pfm-form-calendar-container .transaction-filter-inner { width: 56%; max-width: 450px; } .pfm-budgeting-form-filter .transaction-filter-box { width: -webkit-calc(50% - 17px); width: calc(50% - 17px); margin: 0 8px 0px; } .pfm-form-calendar-container .pfm-calendar-btn { margin-right: 24px; border-radius: 38px; min-height: unset; padding: 11px 24px 8px; } .payment-filter-page-nav .dot-menu { box-shadow: 0 8px 16px #cfcfcf; margin: 0 4px; } .payment-filter-page-nav .payment-nav-prev .profile-text-arrow { -webkit-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); } .fc-border-separate:hover { -webkit-transform: translateY(0); } .pfm-calendar-day-tooltip { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); left: unset; position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 320px; padding: 16px; background-color: #fff; box-shadow: 0 8px 16pxrgba 0, 0, 0, 0.08; border-radius: 8px; cursor: auto; -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-transition: opacity .3s,visibility .3s,-webkit-transform .3s; transition: opacity .3s,visibility .3s,-webkit-transform .3s; transition: opacity .3s,visibility .3s,transform .3s; transition: opacity .3s,visibility .3s,transform .3s,-webkit-transform .3s; visibility: visible; z-index: 1; } .pfm-calendar-day-tooltip-row-content p { font-family: "pt_sansregular", sans-serif !important; font-weight: bold; } .pfm-calendar-day-tooltip .pfm-calendar-day-tooltip-rows-wrapper { margin-bottom: 16px; } .pfm-calendar-day-tooltip .pfm-calendar-day-tooltip-row { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 11px 9px 5px 17px; margin-bottom: 1px; background-color: #f5f8fb; /*border-left: 3px solid #dcdcdc;*/ height: 40px; } .pfm-calendar-day-tooltip .pfm-calendar-day-info-value-icon { right: unset; left: 10px; } .pfm-calendar-days-wrapper .pfm-calendar-icon-neg { fill: #f30042; -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); } .pfm-calendar-days-wrapper .pfm-calendar-day-info-value-icon { position: absolute; width: 10px; height: 8px; top: 50%; right: 0; } .pfm-calendar-day-tooltip .pfm-calendar-day-tooltip-row-content { width: -webkit-calc(100% - 54px); width: calc(100% - 54px); padding: 5px 0 0 10px; } .pfm-calendar-day-tooltip-reminder-btn-wrapper { margin: 0 auto; text-align: center; cursor: pointer; } .pfm-calendar-day-tooltip-reminder-btn-wrapper .pfm-calendar-day-tooltip-reminder-btn { position: relative; /* padding: 2px 2px 2px 26px; -webkit-transform: translateX(-50%); transform: translateX(-50%);*/ font-weight: bold; display: flex; align-content: center; gap: 5px; justify-content: center; } .pfm-calendar-day-tooltip .pfm-calendar-day-tooltip-row-icon { position: absolute; width: 18px; height: 18px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); stroke: currentColor; } .pfm-calendar-day-tooltip-reminder-btn-wrapper .pfm-calendar-day-tooltip-reminder-icon { /*position: absolute;*/ width: 17px; height: 16px; top: 46%; left: 4px; /* -webkit-transform: translateY(-50%); transform: translateY(-50%);*/ stroke: currentColor; /*color: $color-2 !important;*/ } .pfm-calendar-day-info-name { width: 20%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; } .fc-corner-left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; display: contents; } .fc-event-time { display: inline; font-size: 12px; position: relative; top: -5px; } .pfm-calendar-day-info-value-icon { width: 15px; height: 8px; } .pfm-calendar-day-info-value-icon-main { width: 15px; height: 8px; top: -21px; right: -16px; position: relative; margin-left: 110px; } .pfm-calendar-icon-pos { fill: #36da70; -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); } .pfm-calendar-icon-neg { fill: #ff5858; -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); } #calendar { max-width: 1100px; margin: 40px auto; } .pfm-calendar-day-tooltip:after { position: absolute; content: ""; top: -8px; left: 14px; width: 0; height: 0; border-style: solid; border-width: 0 12px 8px; border-color: transparent transparent #fff; } .pfm-calendar-day-tooltip .pfm-calendar-day-info-value-icon { right: unset; left: 10px; margin-top: 14px; } .pfm-calendar-day-row-icons-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .pfm-calendar-day-tooltip-row-icon-link { position: relative; display: inline-block; width: 25px; height: 25px; } .pfm-calendar-day-tooltip-row-icon-link:first-child { margin-right: 4px; } .pfm-calendar-day-tooltip-row-icon-link { position: relative; display: inline-block; width: 25px; height: 25px; } .fc-widget-content.fc-day-number:hover { color: white; } .fc-event-container { top: 20px !important; pointer-events: none; } .fc-widget-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding: 50px 8px 12px; border-top: 1px dotted rgba(0, 0, 0, 0.54); border-right: 1px dotted rgba(0, 0, 0, 0.54); -webkit-transition: background-color .3s; transition: background-color .3s; cursor: pointer; font-family: "pt_sansregular", sans-serif !important; } .pfm-calendar-day-tooltip.tooltipactive { box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); } .lastweekmonth .pfm-calendar-day-tooltip.tooltipactive { bottom: calc(17% - 27px); } .lastweekmonth .pfm-calendar-day-tooltip:after { position: relative; left: 14px; top: 18px; width: 0; height: 0; border-style: solid; border-width: 0 12px 8px; border-color: transparent transparent #fff; transform: rotate(180deg); } .lastweekmonth .fc-fri .pfm-calendar-day-tooltip.tooltipactive { left: unset; right: -webkit-calc(23% - 24px); right: calc(23% - 24px); } .lastweekmonth .fc-fri .pfm-calendar-day-tooltip:after { position: relative; top: 18px; left: 300px; width: 0; height: 0; border-style: solid; border-width: 0 12px 8px; border-color: transparent transparent #fff; transform: rotate(180deg); } .lastweekmonth .fc-sat .pfm-calendar-day-tooltip.tooltipactive { left: unset; right: -webkit-calc(50% - 24px); right: calc(8% - 24px); } .lastweekmonth .fc-sat .pfm-calendar-day-tooltip:after { position: relative; top: 18px; left: 300px; width: 0; height: 0; border-style: solid; border-width: 0 12px 8px; border-color: transparent transparent #fff; transform: rotate(180deg); } .fc-fri .pfm-calendar-day-tooltip { left: unset; right: -webkit-calc(23% - 24px); right: calc(23% - 24px); } .fc-sat .pfm-calendar-day-tooltip { left: unset; right: -webkit-calc(50% - 24px); right: calc(8% - 24px); } .fc-fri .pfm-calendar-day-tooltip:after, .fc-sat .pfm-calendar-day-tooltip:after { position: absolute; content: ""; top: -8px; left: unset; right: 14px; width: 0; height: 0; border-style: solid; border-width: 0 12px 8px; border-color: transparent transparent #fff; } .fc-border-separate:hover { -webkit-transform: translateY(0); } .td_number { min-height: 60px !important; } .fc-event-inner:hover { color: red; } .goalsAddDialog .wrapperIntra { align-items: center; } .goalsAddDialog .savingGoalsErrorCategorySelect { color: #FF0000; text-align: center; font-size: 14px; margin-top: 10px; white-space: nowrap; overflow: hidden; } .goalsAddDialog .SGcreateAddedPhoto { position: relative; height: 90px; top: 70px; margin-bottom: 35px; left: 50%; transform: translate(-50%, -50%); max-width: 90px; border-radius: 20px; } .goalsAddDialog .goalsBack-button-width { width: 98%; } .goalsAddDialog .goalsBack-button-width:hover { background-color: #EFEFEF; box-shadow: 0 -2px 24px rgba(54, 60, 164, 0.4); transition: all .5s; } .goalsAddDialog .next-step-btn:hover { background-color: #2A7F00; transition: background-color .5s; } .goalsAddDialog .bottom-line-default { border-bottom: 1px dotted rgba(0, 0, 0, 0.54); padding-bottom: 20px; } .goalsAddDialog .svgSavingGoalsCreate { position: relative; height: 50px; top: 70px; margin-bottom: 35px; left: 50%; transform: translate(-50%, -50%); max-width: 50px; background-color: #0a79b8; padding: 20px; border-radius: 50% !important; } .goalsAddDialog .svgSavingGoalsCreate-svg { height: 50px; stroke: #FFFFFF; fill: #FFFFFF; position: absolute; max-width: 50px; } .goalsAddDialog .intrabank-wrapper, .goalsEditDetailsDialog .intrabank-wrapper, .spliteTransactionDialog .intrabank-wrapper, .budgeEditDetailsDialog .intrabank-wrapper, .budgeAddDialog .intrabank-wrapper, .remindersEditDialog .intrabank-wrapper, .remindersAddDialog .intrabank-wrapper { position: relative; width: 100%; padding: 10px 0; } .goalsAddDialog .intrabank-wrapper.recDialog, .goalsEditDetailsDialog .intrabank-wrapper.recDialog, .spliteTransactionDialog .intrabank-wrapper.recDialog, .budgeEditDetailsDialog .intrabank-wrapper.recDialog, .budgeAddDialog .intrabank-wrapper.recDialog, .remindersEditDialog .intrabank-wrapper.recDialog, .remindersAddDialog .intrabank-wrapper.recDialog { width: 339px; } .goalsAddDialog .intrabank-wrapper.with-label-inside .input-1, .goalsEditDetailsDialog .intrabank-wrapper.with-label-inside .input-1, .spliteTransactionDialog .intrabank-wrapper.with-label-inside .input-1, .budgeEditDetailsDialog .intrabank-wrapper.with-label-inside .input-1, .budgeAddDialog .intrabank-wrapper.with-label-inside .input-1, .remindersEditDialog .intrabank-wrapper.with-label-inside .input-1, .remindersAddDialog .intrabank-wrapper.with-label-inside .input-1 { font-size: 15px; line-height: 1.4; height: 16px; padding: 15px 56px 15px 19px !important; } .goalsAddDialog .intrabank-wrapper.with-label-inside .input-1.input-bold, .goalsEditDetailsDialog .intrabank-wrapper.with-label-inside .input-1.input-bold, .spliteTransactionDialog .intrabank-wrapper.with-label-inside .input-1.input-bold, .budgeEditDetailsDialog .intrabank-wrapper.with-label-inside .input-1.input-bold, .budgeAddDialog .intrabank-wrapper.with-label-inside .input-1.input-bold, .remindersEditDialog .intrabank-wrapper.with-label-inside .input-1.input-bold, .remindersAddDialog .intrabank-wrapper.with-label-inside .input-1.input-bold { font-family: "Source-Sans-Pro-bold", sans-serif; } .goalsAddDialog .intrabank-wrapper.with-label-inside .input-1:focus, .goalsEditDetailsDialog .intrabank-wrapper.with-label-inside .input-1:focus, .spliteTransactionDialog .intrabank-wrapper.with-label-inside .input-1:focus, .budgeEditDetailsDialog .intrabank-wrapper.with-label-inside .input-1:focus, .budgeAddDialog .intrabank-wrapper.with-label-inside .input-1:focus, .remindersEditDialog .intrabank-wrapper.with-label-inside .input-1:focus, .remindersAddDialog .intrabank-wrapper.with-label-inside .input-1:focus { border-color: #0a79b8; } .goalsAddDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper, .goalsEditDetailsDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper, .spliteTransactionDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper, .budgeEditDetailsDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper, .budgeAddDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper, .remindersEditDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper, .remindersAddDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper { position: absolute; width: 40px; height: 40px; top: 50%; right: 11px; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 20%; cursor: pointer; } .goalsAddDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper.background-4, .goalsEditDetailsDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper.background-4, .spliteTransactionDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper.background-4, .budgeEditDetailsDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper.background-4, .budgeAddDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper.background-4, .remindersEditDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper.background-4, .remindersAddDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper.background-4 { background-color: #0a79b8; } .goalsAddDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right, .goalsEditDetailsDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right, .spliteTransactionDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right, .budgeEditDetailsDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right, .budgeAddDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right, .remindersEditDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right, .remindersAddDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right { position: absolute; width: 20px; height: 20px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); fill: currentColor; stroke: currentColor; } .goalsAddDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right.text-color-2, .goalsEditDetailsDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right.text-color-2, .spliteTransactionDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right.text-color-2, .budgeEditDetailsDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right.text-color-2, .budgeAddDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right.text-color-2, .remindersEditDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right.text-color-2, .remindersAddDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right.text-color-2 { color: #fff; } .goalsAddDialog .intrabank-wrapper.with-label-inside.val, .goalsEditDetailsDialog .intrabank-wrapper.with-label-inside.val, .spliteTransactionDialog .intrabank-wrapper.with-label-inside.val, .budgeEditDetailsDialog .intrabank-wrapper.with-label-inside.val, .budgeAddDialog .intrabank-wrapper.with-label-inside.val, .remindersEditDialog .intrabank-wrapper.with-label-inside.val, .remindersAddDialog .intrabank-wrapper.with-label-inside.val { width: 50%; margin-right: 80px; } .goalsAddDialog .intrabank-wrapper.with-label-inside.val .input-1, .goalsEditDetailsDialog .intrabank-wrapper.with-label-inside.val .input-1, .spliteTransactionDialog .intrabank-wrapper.with-label-inside.val .input-1, .budgeEditDetailsDialog .intrabank-wrapper.with-label-inside.val .input-1, .budgeAddDialog .intrabank-wrapper.with-label-inside.val .input-1, .remindersEditDialog .intrabank-wrapper.with-label-inside.val .input-1, .remindersAddDialog .intrabank-wrapper.with-label-inside.val .input-1 { width: 100%; } .goalsAddDialog .intrabank-wrapper.with-label-inside.model .input-1, .goalsEditDetailsDialog .intrabank-wrapper.with-label-inside.model .input-1, .spliteTransactionDialog .intrabank-wrapper.with-label-inside.model .input-1, .budgeEditDetailsDialog .intrabank-wrapper.with-label-inside.model .input-1, .budgeAddDialog .intrabank-wrapper.with-label-inside.model .input-1, .remindersEditDialog .intrabank-wrapper.with-label-inside.model .input-1, .remindersAddDialog .intrabank-wrapper.with-label-inside.model .input-1 { width: 58px !important; } .goalsAddDialog .intrabank-wrapper.with-label-inside.refNum .input-1, .goalsEditDetailsDialog .intrabank-wrapper.with-label-inside.refNum .input-1, .spliteTransactionDialog .intrabank-wrapper.with-label-inside.refNum .input-1, .budgeEditDetailsDialog .intrabank-wrapper.with-label-inside.refNum .input-1, .budgeAddDialog .intrabank-wrapper.with-label-inside.refNum .input-1, .remindersEditDialog .intrabank-wrapper.with-label-inside.refNum .input-1, .remindersAddDialog .intrabank-wrapper.with-label-inside.refNum .input-1 { width: 426px; } .goalsAddDialog .intrabank-wrapper.with-label-inside .input-text-right, .goalsEditDetailsDialog .intrabank-wrapper.with-label-inside .input-text-right, .spliteTransactionDialog .intrabank-wrapper.with-label-inside .input-text-right, .budgeEditDetailsDialog .intrabank-wrapper.with-label-inside .input-text-right, .budgeAddDialog .intrabank-wrapper.with-label-inside .input-text-right, .remindersEditDialog .intrabank-wrapper.with-label-inside .input-text-right, .remindersAddDialog .intrabank-wrapper.with-label-inside .input-text-right { position: absolute; top: 50%; right: -60px; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0; } .goalsAddDialog .intrabank-wrapper .dateInput, .goalsEditDetailsDialog .intrabank-wrapper .dateInput, .spliteTransactionDialog .intrabank-wrapper .dateInput, .budgeEditDetailsDialog .intrabank-wrapper .dateInput, .budgeAddDialog .intrabank-wrapper .dateInput, .remindersEditDialog .intrabank-wrapper .dateInput, .remindersAddDialog .intrabank-wrapper .dateInput { padding: 25px 56px 6px 24px !important; height: 25px; border: 1px solid #dcdcdc; border-radius: 30px; width: 100%; } .goalsAddDialog .intrabank-wrapper .template, .goalsEditDetailsDialog .intrabank-wrapper .template, .spliteTransactionDialog .intrabank-wrapper .template, .budgeEditDetailsDialog .intrabank-wrapper .template, .budgeAddDialog .intrabank-wrapper .template, .remindersEditDialog .intrabank-wrapper .template, .remindersAddDialog .intrabank-wrapper .template { padding: 16px 56px 14px 24px !important; border: 1px solid #dcdcdc; border-radius: 30px; color: black; font-weight: 800; background-color: white; cursor: pointer; } .goalsAddDialog .intrabank-wrapper .template.recDialog, .goalsEditDetailsDialog .intrabank-wrapper .template.recDialog, .spliteTransactionDialog .intrabank-wrapper .template.recDialog, .budgeEditDetailsDialog .intrabank-wrapper .template.recDialog, .budgeAddDialog .intrabank-wrapper .template.recDialog, .remindersEditDialog .intrabank-wrapper .template.recDialog, .remindersAddDialog .intrabank-wrapper .template.recDialog { display: inline-block; width: 318px; } .goalsAddDialog .intrabank-wrapper .toggle-btn, .goalsEditDetailsDialog .intrabank-wrapper .toggle-btn, .spliteTransactionDialog .intrabank-wrapper .toggle-btn, .budgeEditDetailsDialog .intrabank-wrapper .toggle-btn, .budgeAddDialog .intrabank-wrapper .toggle-btn, .remindersEditDialog .intrabank-wrapper .toggle-btn, .remindersAddDialog .intrabank-wrapper .toggle-btn { position: absolute; width: 40px; height: 20px; top: 50%; right: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 20px; padding: 5px; -webkit-transition: background-color .5s; transition: background-color .5s; background-color: #e1e1e1; pointer-events: none; } .goalsAddDialog .intrabank-wrapper .toggle-btn.recDialog, .goalsEditDetailsDialog .intrabank-wrapper .toggle-btn.recDialog, .spliteTransactionDialog .intrabank-wrapper .toggle-btn.recDialog, .budgeEditDetailsDialog .intrabank-wrapper .toggle-btn.recDialog, .budgeAddDialog .intrabank-wrapper .toggle-btn.recDialog, .remindersEditDialog .intrabank-wrapper .toggle-btn.recDialog, .remindersAddDialog .intrabank-wrapper .toggle-btn.recDialog { top: 42%; right: -46px; } .goalsAddDialog .intrabank-wrapper .toggle-btn .toggle-btn-switch, .goalsEditDetailsDialog .intrabank-wrapper .toggle-btn .toggle-btn-switch, .spliteTransactionDialog .intrabank-wrapper .toggle-btn .toggle-btn-switch, .budgeEditDetailsDialog .intrabank-wrapper .toggle-btn .toggle-btn-switch, .budgeAddDialog .intrabank-wrapper .toggle-btn .toggle-btn-switch, .remindersEditDialog .intrabank-wrapper .toggle-btn .toggle-btn-switch, .remindersAddDialog .intrabank-wrapper .toggle-btn .toggle-btn-switch { display: block; width: 20px; height: 20px; border-radius: 50%; background-color: #fff; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s,-webkit-transform .5s; } .goalsAddDialog .intrabank-wrapper.active .toggle-btn, .goalsEditDetailsDialog .intrabank-wrapper.active .toggle-btn, .spliteTransactionDialog .intrabank-wrapper.active .toggle-btn, .budgeEditDetailsDialog .intrabank-wrapper.active .toggle-btn, .budgeAddDialog .intrabank-wrapper.active .toggle-btn, .remindersEditDialog .intrabank-wrapper.active .toggle-btn, .remindersAddDialog .intrabank-wrapper.active .toggle-btn { background-color: #0a79b8; } .goalsAddDialog .intrabank-wrapper.active .toggle-btn .toggle-btn-switch, .goalsEditDetailsDialog .intrabank-wrapper.active .toggle-btn .toggle-btn-switch, .spliteTransactionDialog .intrabank-wrapper.active .toggle-btn .toggle-btn-switch, .budgeEditDetailsDialog .intrabank-wrapper.active .toggle-btn .toggle-btn-switch, .budgeAddDialog .intrabank-wrapper.active .toggle-btn .toggle-btn-switch, .remindersEditDialog .intrabank-wrapper.active .toggle-btn .toggle-btn-switch, .remindersAddDialog .intrabank-wrapper.active .toggle-btn .toggle-btn-switch { transform: translateX(100%); } .goalsAddDialog .intrabank-wrapper .animationLabel, .goalsEditDetailsDialog .intrabank-wrapper .animationLabel, .spliteTransactionDialog .intrabank-wrapper .animationLabel, .budgeEditDetailsDialog .intrabank-wrapper .animationLabel, .budgeAddDialog .intrabank-wrapper .animationLabel, .remindersEditDialog .intrabank-wrapper .animationLabel, .remindersAddDialog .intrabank-wrapper .animationLabel { position: absolute; top: 26px; left: 24px; padding: 0 !important; font-family: "Source-Sans-Pro", sans-serif; font-size: 15px; color: rgba(0, 0, 0, 0.54); -webkit-transition: color .2s,top .2s,left .2s,-webkit-transform .2s; transition: color .2s,top .2s,left .2s,-webkit-transform .2s; transition: transform .2s,color .2s,top .2s,left .2s; transition: transform .2s,color .2s,top .2s,left .2s,-webkit-transform .2s; pointer-events: none; will-change: transform; z-index: 1; } .goalsAddDialog .intrabank-wrapper .animationLabel.date, .goalsEditDetailsDialog .intrabank-wrapper .animationLabel.date, .spliteTransactionDialog .intrabank-wrapper .animationLabel.date, .budgeEditDetailsDialog .intrabank-wrapper .animationLabel.date, .budgeAddDialog .intrabank-wrapper .animationLabel.date, .remindersEditDialog .intrabank-wrapper .animationLabel.date, .remindersAddDialog .intrabank-wrapper .animationLabel.date { top: 8px; left: 19px; -webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); color: #0a79b8; font-family: "Source-Sans-Pro-semibold", sans-serif; pointer-events: none; } .goalsAddDialog .intrabank-wrapper.editfocus .animationLabel, .goalsEditDetailsDialog .intrabank-wrapper.editfocus .animationLabel, .spliteTransactionDialog .intrabank-wrapper.editfocus .animationLabel, .budgeEditDetailsDialog .intrabank-wrapper.editfocus .animationLabel, .budgeAddDialog .intrabank-wrapper.editfocus .animationLabel, .remindersEditDialog .intrabank-wrapper.editfocus .animationLabel, .remindersAddDialog .intrabank-wrapper.editfocus .animationLabel { top: 14px; left: 15px; -webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); color: #0a79b8; font-family: "Source-Sans-Pro-semibold", sans-serif; } .goalsAddDialog .intrabank-wrapper.focusin .animationLabel, .goalsEditDetailsDialog .intrabank-wrapper.focusin .animationLabel, .spliteTransactionDialog .intrabank-wrapper.focusin .animationLabel, .budgeEditDetailsDialog .intrabank-wrapper.focusin .animationLabel, .budgeAddDialog .intrabank-wrapper.focusin .animationLabel, .remindersEditDialog .intrabank-wrapper.focusin .animationLabel, .remindersAddDialog .intrabank-wrapper.focusin .animationLabel { top: 14px; left: 15px; -webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); color: #0a79b8; font-family: "Source-Sans-Pro-semibold", sans-serif; } .goalsAddDialog .intrabank-wrapper.label-inside-custom-select .animationLabel, .goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .animationLabel, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .animationLabel, .budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .animationLabel, .budgeAddDialog .intrabank-wrapper.label-inside-custom-select .animationLabel, .remindersEditDialog .intrabank-wrapper.label-inside-custom-select .animationLabel, .remindersAddDialog .intrabank-wrapper.label-inside-custom-select .animationLabel { top: 14px; left: 15px; -webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); color: #0a79b8; font-family: "Source-Sans-Pro-semibold", sans-serif; pointer-events: none; } .goalsAddDialog .intrabank-wrapper.label-inside-custom-select .exhange-form-select, .goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .exhange-form-select, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .exhange-form-select, .budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .exhange-form-select, .budgeAddDialog .intrabank-wrapper.label-inside-custom-select .exhange-form-select, .remindersEditDialog .intrabank-wrapper.label-inside-custom-select .exhange-form-select, .remindersAddDialog .intrabank-wrapper.label-inside-custom-select .exhange-form-select { padding: 23px 30px 6px 24px; cursor: pointer; background-color: white; } .goalsAddDialog .intrabank-wrapper.label-inside-custom-select .element-border-6, .goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .element-border-6, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .element-border-6, .budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .element-border-6, .budgeAddDialog .intrabank-wrapper.label-inside-custom-select .element-border-6, .remindersEditDialog .intrabank-wrapper.label-inside-custom-select .element-border-6, .remindersAddDialog .intrabank-wrapper.label-inside-custom-select .element-border-6 { border-radius: 30px; } .goalsAddDialog .intrabank-wrapper.label-inside-custom-select .relative, .goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .relative, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .relative, .budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .relative, .budgeAddDialog .intrabank-wrapper.label-inside-custom-select .relative, .remindersEditDialog .intrabank-wrapper.label-inside-custom-select .relative, .remindersAddDialog .intrabank-wrapper.label-inside-custom-select .relative { position: relative; } .goalsAddDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico, .goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico, .budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico, .budgeAddDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico, .remindersEditDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico, .remindersAddDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico { width: 6px; height: 10px; right: 20px; top: 50%; -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); fill: #0a79b8; } .goalsAddDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down, .goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down, .budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down, .budgeAddDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down, .remindersEditDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down, .remindersAddDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down { right: 12px; top: 5px; } .goalsAddDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down.pay, .goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down.pay, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down.pay, .budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down.pay, .budgeAddDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down.pay, .remindersEditDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down.pay, .remindersAddDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down.pay { top: 12px; padding: 0 28px 0 0; } .goalsAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode, .goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode, .budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode, .budgeAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode, .remindersEditDialog .intrabank-wrapper.label-inside-custom-select .paymentCode, .remindersAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode { border-radius: 30px; overflow: hidden; border: 1px solid #dcdcdc; background-color: white; } .goalsAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.predefined, .goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.predefined, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.predefined, .budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.predefined, .budgeAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.predefined, .remindersEditDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.predefined, .remindersAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.predefined { background-color: #f1f1f1; pointer-events: none; color: #989898; } .goalsAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .wrapper-options, .goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .wrapper-options, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .wrapper-options, .budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .wrapper-options, .budgeAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .wrapper-options, .remindersEditDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .wrapper-options, .remindersAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .wrapper-options { max-height: 150px; display: none; } .goalsAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item, .goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item, .budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item, .budgeAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item, .remindersEditDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item, .remindersAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item { padding: 15px 16px 15px 24px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-transition: all .3s; transition: all .3s; } .goalsAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item:hover, .goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item:hover, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item:hover, .budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item:hover, .budgeAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item:hover, .remindersEditDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item:hover, .remindersAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item:hover { background-color: #f5f5f5; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; } .goalsAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active, .goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active, .budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active, .budgeAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active, .remindersEditDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active, .remindersAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .goalsAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options, .goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options, .budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options, .budgeAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options, .remindersEditDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options, .remindersAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options { display: block; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; position: absolute; width: 197px; z-index: 2; background-color: white; border: 1px solid #dcdcdc; overflow: hidden; } .goalsAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list, .goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list, .budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list, .budgeAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list, .remindersEditDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list, .remindersAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list { overflow: scroll; max-height: 150px; width: 197px; padding: 0; } .goalsAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar, .goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar, .budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar, .budgeAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar, .remindersEditDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar, .remindersAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar { background: white; width: 3px; } .goalsAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-track, .goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-track, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-track, .budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-track, .budgeAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-track, .remindersEditDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-track, .remindersAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-track { top: 20px; background: white; } .goalsAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-thumb, .goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-thumb, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-thumb, .budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-thumb, .budgeAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-thumb, .remindersEditDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-thumb, .remindersAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-thumb { background-color: #0a79b8; border-radius: 5px; width: 3px; } .goalsAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .exhange-form-select, .goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .exhange-form-select, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .exhange-form-select, .budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .exhange-form-select, .budgeAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .exhange-form-select, .remindersEditDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .exhange-form-select, .remindersAddDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .exhange-form-select { border-bottom: 2px solid #0a79b8; } .goalsAddDialog .intrabank-wrapper.label-inside-custom-select .page-text, .goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .page-text, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .page-text, .budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .page-text, .budgeAddDialog .intrabank-wrapper.label-inside-custom-select .page-text, .remindersEditDialog .intrabank-wrapper.label-inside-custom-select .page-text, .remindersAddDialog .intrabank-wrapper.label-inside-custom-select .page-text { font-size: 15px; pointer-events: none; } .goalsAddDialog .intrabank-wrapper.label-inside-custom-select .margin-0, .goalsEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .margin-0, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .margin-0, .budgeEditDetailsDialog .intrabank-wrapper.label-inside-custom-select .margin-0, .budgeAddDialog .intrabank-wrapper.label-inside-custom-select .margin-0, .remindersEditDialog .intrabank-wrapper.label-inside-custom-select .margin-0, .remindersAddDialog .intrabank-wrapper.label-inside-custom-select .margin-0 { margin: 0; } .goalsAddDialog .intrabank-wrapper > .validationMessage, .goalsEditDetailsDialog .intrabank-wrapper > .validationMessage, .spliteTransactionDialog .intrabank-wrapper > .validationMessage, .budgeEditDetailsDialog .intrabank-wrapper > .validationMessage, .budgeAddDialog .intrabank-wrapper > .validationMessage, .remindersEditDialog .intrabank-wrapper > .validationMessage, .remindersAddDialog .intrabank-wrapper > .validationMessage { color: #FF0000; float: left; font-size: 14px; margin-top: 14px; margin-bottom: 6px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%; padding-left: 19px; position: absolute; display: block; transform: translateY(-10px); } .goalsAddDialog .intrabank-wrapper.dialog, .goalsEditDetailsDialog .intrabank-wrapper.dialog, .spliteTransactionDialog .intrabank-wrapper.dialog, .budgeEditDetailsDialog .intrabank-wrapper.dialog, .budgeAddDialog .intrabank-wrapper.dialog, .remindersEditDialog .intrabank-wrapper.dialog, .remindersAddDialog .intrabank-wrapper.dialog { width: 339px; } .goalsAddDialog .template-date, .goalsEditDetailsDialog .template-date, .spliteTransactionDialog .template-date, .budgeEditDetailsDialog .template-date, .budgeAddDialog .template-date, .remindersEditDialog .template-date, .remindersAddDialog .template-date { background-color: #fff; } .pfm-ctg { width: 90% !important; } .pfm-ctg, .pfm-rules { width: 380px; padding-top: 20px; } .pfm-ctg .date-wrapper, .pfm-rules .date-wrapper { display: flex; justify-content: space-between; width: 100%; } .pfm-ctg .date-wrapper .ctg-date, .pfm-rules .date-wrapper .ctg-date { display: inline; position: relative; width: 42% !important; z-index: 0; } .pfm-ctg .date-wrapper .ctg-date span, .pfm-rules .date-wrapper .ctg-date span { position: absolute; top: -25px; left: 11px; font-size: 12px; color: #fff; font-family: Lato; font-weight: 600; } .pfm-ctg .date-wrapper .ctg-date input, .pfm-rules .date-wrapper .ctg-date input { padding: 9px 16px; border: 1px solid #fff; border-radius: 8px; cursor: pointer; background-color: transparent; color: #fff; width: 90% !important; font-size: 15px; border-radius: 8px; } .pfm-ctg .date-wrapper .ctg-date img, .pfm-rules .date-wrapper .ctg-date img { position: absolute; right: 14px; top: 1px; transform: scale(0.9); display: none; width: 110px; } .pfm-ctg .date-wrapper .ctg-date .pfm-calendar, .pfm-rules .date-wrapper .ctg-date .pfm-calendar { width: 19px; height: 19px; position: absolute; stroke: #fff; right: -8px; top: calc(50% - 10px); z-index: -1; } .pfm-ctg .ctg-apply, .pfm-rules .ctg-apply { margin-left: 0px !important; padding: 0; width: 100% !important; } .pfm-ctg .ctg-apply .btn-apply, .pfm-rules .ctg-apply .btn-apply { width: 100%; background: linear-gradient(90deg, #006de6, #00b2e6); border-radius: 6px; font-family: "Source-Sans-Pro-semibold", sans-serif; cursor: pointer; color: #FFFFFF; border: none; padding: 13px; margin: 0 !important; } .pfm-ctg .ctg-apply .btn-apply.disabled, .pfm-rules .ctg-apply .btn-apply.disabled { pointer-events: none; opacity: 0.35; } .pfm-ctg .select-wrapper, .pfm-rules .select-wrapper { margin: 32px 0; position: relative; } .pfm-ctg .select-wrapper .show-title, .pfm-rules .select-wrapper .show-title { font-size: 12px; color: #fff; font-family: Lato; margin-left: 11px; position: absolute; top: -20px; font-weight: 600; } .pfm-ctg .select-wrapper .selected-product, .pfm-rules .select-wrapper .selected-product { padding: 9px 33px 9px 12px; border: 1px solid #fff; background-color: transparent; color: #fff; border-radius: 8px; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.12); position: relative; margin-top: 3px; cursor: pointer; } .pfm-ctg .select-wrapper .selected-product:after, .pfm-rules .select-wrapper .selected-product:after { background: url(images/icons/arrow-white.png) 50% no-repeat; position: absolute; display: block; content: ""; width: 17px; height: 28px; top: calc(50% - 14px); right: 12px; transform: scale(0.5); } .pfm-ctg .select-wrapper .selected-product span, .pfm-rules .select-wrapper .selected-product span { margin: 0; font-size: 15px; min-width: 25px; margin-left: 4px; } .pfm-ctg .select-wrapper .list-wrapper, .pfm-rules .select-wrapper .list-wrapper { position: absolute; background-color: #fff; display: none; border-radius: 0 0 8px 8px; overflow: hidden; z-index: 1; opacity: 1; width: 100%; max-height: 160px; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.12); } .pfm-ctg .select-wrapper .list-wrapper .products-list, .pfm-rules .select-wrapper .list-wrapper .products-list { overflow: auto; max-height: 161px; overflow: auto; } .pfm-ctg .select-wrapper .list-wrapper .products-list::-webkit-scrollbar, .pfm-rules .select-wrapper .list-wrapper .products-list::-webkit-scrollbar { background: white; width: 5px; } .pfm-ctg .select-wrapper .list-wrapper .products-list::-webkit-scrollbar-track, .pfm-rules .select-wrapper .list-wrapper .products-list::-webkit-scrollbar-track { top: 20px; background: transparent; } .pfm-ctg .select-wrapper .list-wrapper .products-list::-webkit-scrollbar-thumb, .pfm-rules .select-wrapper .list-wrapper .products-list::-webkit-scrollbar-thumb { background-color: #e5e7e8; border-radius: 5px; width: 4px; } .pfm-ctg .select-wrapper .list-wrapper .products-list li, .pfm-rules .select-wrapper .list-wrapper .products-list li { display: flex; padding: 12px 12px 12px 14px; align-items: center; cursor: pointer; font-family: "pt_sansregular", sans-serif !important; } .pfm-ctg .select-wrapper .list-wrapper .products-list li.selectedType, .pfm-ctg .select-wrapper .list-wrapper .products-list li:hover, .pfm-rules .select-wrapper .list-wrapper .products-list li.selectedType, .pfm-rules .select-wrapper .list-wrapper .products-list li:hover { background-color: #f5f7f9; font-weight: bold; } .pfm-ctg .select-wrapper .list-wrapper .products-list li .product-checkbox, .pfm-rules .select-wrapper .list-wrapper .products-list li .product-checkbox { width: 18px; height: 18px; border-radius: 2px; border: 2px solid rgba(0, 0, 0, 0.54); margin-right: 10px; pointer-events: none; } .pfm-ctg .select-wrapper .list-wrapper .products-list li .product-checkbox.fill, .pfm-rules .select-wrapper .list-wrapper .products-list li .product-checkbox.fill { background-image: url("images/icons/checkbox.png"); background-size: 18px; border-color: #FFFFFF !important; } .pfm-ctg .select-wrapper .list-wrapper .products-list li .product-checkbox-ruls, .pfm-rules .select-wrapper .list-wrapper .products-list li .product-checkbox-ruls { width: 18px !important; height: 18px !important; border-radius: 2px; border: 2px solid rgba(0, 0, 0, 0.54); margin-right: 10px; pointer-events: none; } .pfm-ctg .select-wrapper .list-wrapper .products-list li .product-checkbox-ruls.fillCheck, .pfm-rules .select-wrapper .list-wrapper .products-list li .product-checkbox-ruls.fillCheck { background: url(images/icons/checkbox.png) 50% no-repeat; background-size: 20px; border-color: #0a79b8 !important; } .pfm-ctg .select-wrapper .list-wrapper .products-list li .product-details, .pfm-rules .select-wrapper .list-wrapper .products-list li .product-details { pointer-events: none; display: flex; flex-direction: column; font-size: 13px !important; color: #a2b8cf; } .pfm-ctg .select-wrapper .list-wrapper .products-list li .product-details .product-name, .pfm-rules .select-wrapper .list-wrapper .products-list li .product-details .product-name { font-size: 15px; color: black !important; } .pfm-ctg .select-wrapper.active .selected-product:after, .pfm-rules .select-wrapper.active .selected-product:after { background: url(images/icons/arrow-down.png) 50% no-repeat; transform: rotate(178deg) scale(0.5); } .pfm-ctg .select-wrapper.active .selected-product, .pfm-rules .select-wrapper.active .selected-product { border-radius: 8px 8px 0 0; background-color: #fff; color: black; } .pfm-ctg .select-wrapper.active .list-wrapper, .pfm-rules .select-wrapper.active .list-wrapper { display: block; } .center-popup-title .title-2 { width: 100%; text-align: center; } .pending-expenses-box { margin-top: 15px; } .pending-expenses-ico-col { width: 60%; } .payments-ico { stroke: currentColor; } .payments-ico { width: 40px; height: 40px; position: relative; } .pending-expenses-text { width: -webkit-calc(100% - 60px); width: calc(100% - 60px); } .pending-expenses-sum { width: 30%; } .pending-expenses-sum span { margin-left: 10px; } .highcharts-background { fill: transparent !important; } .FinanceCategory .payment-pfm-categories-filter .payment-filter-category { width: 50%; } .FinanceCategory .payment-pfm-categories-filter .payment-info-category { width: 49%; } .FinanceCategory .payment-pfm-categories-filter .payment-info-description { width: 40%; } .FinanceCategory .payment-pfm-categories-filter .page-text .payment-filter-currency { margin-right: 0; } .FinanceCategory .payment-pfm-categories-filter .payment-filter-category .page-text-2 { padding-left: 75px; } .FinanceCategory .payment-pfm-categories-filter.is-filter { min-height: 220px; padding-top: 94px; } .FinanceCategory .payment-filter-payment { -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; user-select: none; font-family: "pt_sansregular", sans-serif !important; } .FinanceCategory .payment-filter-payment .page-text { word-break: break-all; font-family: "pt_sansregular", sans-serif !important; } .FinanceCategory .payment-filter-payment .percentage-text { width: 67px; } .FinanceCategory .percentage-bar-wrapper .percentage-bar { width: -webkit-calc(100% - 42px); width: calc(100% - 42px); } .FinanceCategory .payment-pfm-categories-filter .page-text .payment-filter-currency { margin-right: 0; margin: 0 5px; } .FinanceCategory .pfm-ftc .payment-filter-wrapper .payment-filter.active { display: flex !important; } .highcharts-title { max-width: 100px; font-family: "Source-Sans-Pro-semibold", sans-serif; font-size: 15px; text-align: center; white-space: normal !important; color: #fff !important; fill: #fff !important; transform: translate(-13px, -3px); } .pfm-top-expences-total-wrapper { width: 19%; display: inline-block; } .pfm-total-no-selected.active, .pfm-total-on-selected.active { display: block; } .pfm-total-no-selected, .pfm-total-on-selected { display: none; } .letter-spacing-1 { letter-spacing: -.02em; } .pfm-pie { width: 40px; height: 40px; margin-left: auto; margin-right: auto; } .pfm-pie .pfm-donut { width: 100%; height: 100%; } .pfm-pie .donut-hole { fill: transparent; } .pfm-pie .donut-ring { stroke: #0a79b8; } .pfm-pie .donut-segment { stroke: #00c6ff; } .pfm-pie .page-text-3 { font-size: 16px; } .chartcategories { display: inline-block !important; position: relative !important; width: 265px !important; padding: 0 0 0 0 !important; margin-top: -65px; margin-left: 50px; } .page-text-3 { font-size: 16px; } .Chart .pfm-top-expences-total-wrapper { width: 30%; margin-left: 25%; position: relative; top: -117px; } .side-modal.type-2.ruleForm { background-color: transparent; } .ruleForm .changeText { top: 8px !important; font-size: 12px !important; color: #0a79b8 !important; font-weight: unset; font-family: "Source-Sans-Pro-semibold", sans-serif !important; } .ruleForm .redErrorBorder { border-color: #FF0000 !important; } .ruleForm .validationMessage { padding-left: 16px !important; margin-top: 5px !important; } .ruleForm .disableDelete .wrapper-border .remove-btn { display: none; } .pfmpopup-content { position: absolute; margin-right: 0%; z-index: 300; background-color: #EFEFEF; border-radius: 16px; padding: 24px; box-shadow: 0 0 24px rgba(0, 0, 0, 0.16); opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); visibility: hidden; -webkit-transition: visibility .5s,opacity .5s,-webkit-transform .5s; transition: visibility .5s,opacity .5s,-webkit-transform .5s; transition: visibility .5s,opacity .5s,transform .5s; transition: visibility .5s,opacity .5s,transform .5s,-webkit-transform .5s; margin-left: -41px; } .pfmpopup-content.active { visibility: visible; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: .6s; transition-delay: .6s; z-index: 999999; } .pfmpopup-content .dot-decoration { top: -14px; right: 15px; } .spliteEditTransactionDialog-all-account-popup-title, .spliteTransactionDialog-all-account-popup-title { position: relative; padding: 0 100px; text-align: center; padding: 40px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .spliteEditTransactionDialog-all-account-popup-title p.amount, .spliteTransactionDialog-all-account-popup-title p.amount { font-family: "pt_sansregular", sans-serif !important; font-weight: bold; } .spliteEditTransactionDialog-all-account-popup-title .all-account-close, .spliteTransactionDialog-all-account-popup-title .all-account-close { position: absolute; top: 23%; right: 40px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 40px; height: 40px; cursor: pointer; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); } .spliteEditTransactionDialog .payment-ico-border-svg, .spliteTransactionDialog .payment-ico-border-svg { top: -10px; left: -27px; width: 125px; height: 79px; position: absolute; } .spliteEditTransactionDialog .account-item-inner, .spliteTransactionDialog .account-item-inner { height: 55vh !important; overflow-y: hidden !important; margin-top: -50px; } .spliteEditTransactionDialog .account-inter-inner-scroll, .spliteTransactionDialog .account-inter-inner-scroll { margin-left: 25px !important; margin-right: 20px; } .spliteEditTransactionDialog .turnover-icon, .spliteTransactionDialog .turnover-icon { margin-left: 0 !important; } .spliteEditTransactionDialog .pfm-calendar-day-tooltip-reminder-icon, .spliteTransactionDialog .pfm-calendar-day-tooltip-reminder-icon { top: 43%; left: -60px; } .spliteEditTransactionDialog .split-transaction-remove-btn, .spliteTransactionDialog .split-transaction-remove-btn { cursor: pointer; } .spliteEditTransactionDialog .split-transaction-remove-btn:hover, .spliteTransactionDialog .split-transaction-remove-btn:hover { /* color: #0faaea;*/ } .spliteEditTransactionDialog .popup-btn-wrapper, .spliteTransactionDialog .popup-btn-wrapper { position: fixed; bottom: 25px; left: 0; right: 0; } .spliteEditTransactionDialog .pfm-calendar-day-tooltip-reminder-btn-wrapper, .spliteTransactionDialog .pfm-calendar-day-tooltip-reminder-btn-wrapper { text-align: center; cursor: pointer; } .split-transactions-container { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px dotted rgba(0, 0, 0, 0.54); } .split-transaction-box { margin-bottom: 20px; } .split-transaction-box:not(:last-child) { margin-bottom: 20px; } .split-transaction-number-wrapper { position: relative; margin-bottom: 14px; margin-top: 15px; } .input-grid-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .split-transaction-inputs-wrapper .input-wrapper.col-2 { width: 92px; min-width: unset; margin-right: 16px; } .input-grid-wrapper .col-2 { width: 33%; min-width: 180px; margin-right: 8px; } .split-transaction-inputs-wrapper .input-wrapper.full-minus-col-2 { width: -webkit-calc(100% - 156px); width: calc(100% - 183px); } .input-grid-wrapper .col-last { margin-right: 8px; top: 9px; } .input-grid-wrapper .full-minus-col-2 { width: -webkit-calc(100% - (33% + 8px)); width: calc(100% - (33% + 8px)); margin-right: 8px; } .popup-btn-wrapper { padding: 0 40px; } .tagTransactionDialog { padding: 0 25px 0 25px !important; } .tagTransactionDialog-all-account-popup-title { position: relative; padding: 0 100px; text-align: center; padding: 40px 0 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .tagTransactionDialog-all-account-popup-title .all-account-close { position: absolute; top: 70%; right: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 40px; height: 40px; cursor: pointer; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); } .tagTransactionDialog .payment-ico-border-svg { top: -10px; left: -27px; width: 125px; height: 79px; position: absolute; } .tagTransactionDialog .account-item-inner { height: 70vh !important; overflow-y: hidden !important; } .tagTransactionDialog .input-with-tags-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 95%; min-height: 48px; padding: 10px 5px 0 0px; border-radius: 8px; overflow: hidden; } .tagTransactionDialog .input-with-tags-wrapper .input-inside-tags { font-family: Lato,sans-serif; font-size: 15px; width: 150px; padding: 0; margin-bottom: 10px; margin-right: 5px; margin-left: 5px; border: none; } .tagTransactionDialog .pfm-settings-tags-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .tagTransactionDialog .tag-wrapper { position: relative; padding: 7px 30px 5px 12px; margin: 0 16px 16px 0; background-color: #fff; border: 1px solid #d5e0ec; border-radius: 15px; cursor: pointer; -webkit-transition: background-color .5s,border-color .5s; transition: background-color .5s,border-color .5s; } .tagTransactionDialog .tag-wrapper .tag-add-ico { width: 10px; height: 10px; } .tagTransactionDialog .tag-wrapper .tag-icon-ico { position: absolute; width: 8px; height: 8px; top: 50%; right: 11px; -webkit-transform: translateY(-50%); transform: translateY(-50%); fill: currentColor; -webkit-transition: fill .5s; transition: fill .5s; } .tagTransactionDialog .tag-wrapper:hover { color: white !important; background-color: #0a79b8; } .tagTransactionDialog .tag-wrapper:hover .text-color-8 { color: white !important; } .tagTransactionDialog .border-dotted-tag { width: 75%; height: 1px; border-bottom: 1px dotted rgba(0, 0, 0, 0.54); margin-top: 13px; margin-right: 3%; margin-left: 3%; } .tagTransactionDialog .page-text { padding-right: 10px; } .tagTransactionDialog .split-transaction-number { min-inline-size: max-content; } .tagTransactionDialog .split-transaction-remove-btn:hover { /*color: #0faaea;*/ } .tagTransactionDialog .inputTags-field { padding: 5px 0 0 10px; } .tagTransactionDialog .inputTags-list { border: 1px solid #dcdcdc; border-radius: 8px; height: auto; padding-left: 15px; padding-top: 8px; } div.container { background-color: #fff; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1); display: block; margin: 32px auto; padding: 16px 32px; width: 50%; } div.inputTags-list { background-color: #f9f9f9; border: 1px solid rgba(25, 188, 156, 0.35); border-radius: 4px; box-shadow: 1px 2px 2px rgba(222, 222, 222, 0.2); padding: 6px; width: 100%; } div.inputTags-list, div.inputTags-list span.inputTags-item { -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; display: inline-block; } div.inputTags-list span.inputTags-item { background-color: #0a79b8; border-radius: 10px; color: #fff; margin: 2px; opacity: 1; padding: 3px 22px 4px 8px; position: relative; text-align: center; } div.inputTags-list span.inputTags-item.is-edit { display: none; } div.inputTags-list span.inputTags-item.is-hidden { display: none !important; } div.inputTags-list span.inputTags-item.is-exists { background-color: rgba(231, 76, 60, 0.7); } div.inputTags-list span.inputTags-item span.value { cursor: pointer; } div.inputTags-list span.inputTags-item i { cursor: pointer; font-family: sans-serif; font-size: 20px; font-style: normal; font-weight: 400; line-height: 1; position: absolute; right: 6px; top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transition: color .2s; -khtml-transition: color .2s; -moz-transition: color .2s; -ms-transition: color .2s; -o-transition: color .2s; z-index: 10; } div.inputTags-list span.inputTags-item i:hover { color: #e74c3c; } div.inputTags-list input.inputTags-field { background-color: transparent; border: none; margin-left: 4px; } div.inputTags-list input.inputTags-field:active, div.inputTags-list input.inputTags-field:focus { outline: none; } div.inputTags-list input.inputTags-field.is-edit { -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px dashed #c4c4c4; border-radius: 4px; margin: 0 2px; padding: 4px 8px 3px; } div.inputTags-list ul.inputTags-autocomplete-list { -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; list-style-type: none; margin: 0; max-height: 192px; opacity: 0; overflow-y: auto; padding: 0; position: absolute; -webkit-transform: scaleY(0); -khtml-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); -webkit-transform-origin: 50% 0; -khtml-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; -webkit-transition-duration: .2s; -khtml-transition-duration: .2s; -moz-transition-duration: .2s; -ms-transition-duration: .2s; -o-transition-duration: .2s; z-index: 100; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; padding-right: 0px; padding-bottom: 4px; } div.inputTags-list ul.inputTags-autocomplete-list::-webkit-scrollbar { background: transparent; width: 5px; margin-bottom: 22px !important; } div.inputTags-list ul.inputTags-autocomplete-list::-webkit-scrollbar-track { top: 20px; background: #FFFFFF; margin-bottom: 16px !important; } div.inputTags-list ul.inputTags-autocomplete-list::-webkit-scrollbar-thumb { background-color: #0a79b8; border-radius: 5px; width: 4px; margin-bottom: 16px !important; } div.inputTags-list ul.inputTags-autocomplete-list.is-active { opacity: 1; -webkit-transform: scaleY(1); -khtml-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); } div.inputTags-list ul.inputTags-autocomplete-list li { border-bottom: 1px solid #ddd; cursor: pointer; height: 32px; line-height: 32px; padding: 0 16px; -webkit-transition-duration: .3s; -khtml-transition-duration: .3s; -moz-transition-duration: .3s; -ms-transition-duration: .3s; -o-transition-duration: .3s; -webkit-transition-duration: .2s; -khtml-transition-duration: .2s; -moz-transition-duration: .2s; -ms-transition-duration: .2s; -o-transition-duration: .2s; font-family: "Source-Sans-Pro", sans-serif; } div.inputTags-list ul.inputTags-autocomplete-list li:last-child { border: none; } div.inputTags-list ul.inputTags-autocomplete-list li:hover { background-color: #52AE30; color: #FFFFFF; } div.inputTags-list ul.inputTags-autocomplete-list li.is-disabled { background-color: #FFFFFF; color: #52AE30; font-family: "Source-Sans-Pro-semibold", sans-serif; cursor: default; } p.inputTags-error { -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: rgba(231, 76, 60, 0.7); border-radius: 4px; color: #fff; cursor: pointer; margin: 0; padding: .5em 1em; position: relative; } p.inputTags-error:first-of-type { margin-top: 8px; } p.inputTags-error:after { content: "\000D7"; font-size: 28px; position: absolute; right: .5em; top: 50%; left: 93%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .spliteEditTransactionDialog .input-wrapper.full-minus-col-2, .spliteTransactionDialog .input-wrapper.full-minus-col-2 { width: -webkit-calc(100% - 156px); width: calc(100% - 156px); } .spliteEditTransactionDialog .input-grid-wrapper .full-minus-col-2, .spliteTransactionDialog .input-grid-wrapper .full-minus-col-2 { width: -webkit-calc(100% - (33% + 8px)); width: calc(100% - (33% + 8px)); margin-right: 8px; } .spliteEditTransactionDialog .exhange-form-select, .spliteTransactionDialog .exhange-form-select { padding: 15px 15px 11px 21px; border: 1px solid #dfe7ef; cursor: pointer; border-radius: 8px !important; } .spliteEditTransactionDialog .exhange-form-select .payment-filter-ico, .spliteTransactionDialog .exhange-form-select .payment-filter-ico { right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .spliteEditTransactionDialog .payment-filter-ico, .spliteTransactionDialog .payment-filter-ico { position: absolute; width: 8px; height: 14px; right: 0; top: 0; } .spliteEditTransactionDialog .exhange-form-selected, .spliteTransactionDialog .exhange-form-selected { font-size: 15px; } .spliteEditTransactionDialog .exchangle-form-dropdown, .spliteTransactionDialog .exchangle-form-dropdown { display: none; -webkit-transition: opacity .5s .1s; transition: opacity .5s .1s; padding: 17px 0 17px 16px; border: 1px solid #dfe7ef; border-top: none; border-radius: 0 0 8px 8px; -webkit-transform: translateY(-6px); transform: translateY(-6px); opacity: 0; position: absolute; top: 100%; left: 0; width: 100%; /*box-shadow: 0 8px 16px #cfcfcf;*/ z-index: 30 !important; height: 20vh !important; overflow: scroll; } .spliteEditTransactionDialog .dropdown-accordion, .spliteTransactionDialog .dropdown-accordion { -webkit-transition: background-color .3s; transition: background-color .3s; } .spliteEditTransactionDialog .dropdown-accordion .dropdown-accordion-item, .spliteTransactionDialog .dropdown-accordion .dropdown-accordion-item { padding: 10px 35px 10px 16px; cursor: pointer; } .spliteEditTransactionDialog .dropdown-accordion .page-text, .spliteTransactionDialog .dropdown-accordion .page-text { margin-bottom: 0; } .spliteEditTransactionDialog .account-inter-inner-scroll .page-text, .spliteTransactionDialog .account-inter-inner-scroll .page-text { line-height: 20px; } .spliteEditTransactionDialog .page-text, .spliteTransactionDialog .page-text { font-size: 15px; } .spliteEditTransactionDialog .dropdown-accordion .dropdown-accordion-icon, .spliteTransactionDialog .dropdown-accordion .dropdown-accordion-icon { position: absolute; width: 8px; height: 2px; top: 50%; right: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); stroke: currentColor; } .spliteEditTransactionDialog .dropdown-accordion .dropdown-accordion-icon, .spliteTransactionDialog .dropdown-accordion .dropdown-accordion-icon { position: absolute; width: 8px; height: 2px; top: 50%; right: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); stroke: currentColor; } .spliteEditTransactionDialog .dropdown-accordion .accordion-icon-vertical, .spliteTransactionDialog .dropdown-accordion .accordion-icon-vertical { -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; } .spliteEditTransactionDialog .dropdown-accordion .dropdown-accordion-list, .spliteTransactionDialog .dropdown-accordion .dropdown-accordion-list { padding-bottom: 10px; } .spliteEditTransactionDialog .dropdown-accordion .hidden-content, .spliteTransactionDialog .dropdown-accordion .hidden-content { display: none; } .spliteEditTransactionDialog .dropdown-accordion .dropdown-accordion-subitem, .spliteTransactionDialog .dropdown-accordion .dropdown-accordion-subitem { padding: 5px 5px 5px 16px; -webkit-transition: color .3s; transition: color .3s; cursor: pointer; } .spliteEditTransactionDialog .input-wrapper.with-accordion .exchangle-form-dropdown, .spliteTransactionDialog .input-wrapper.with-accordion .exchangle-form-dropdown { padding-left: 0; } .spliteEditTransactionDialog .exchangle-form-dropdown.active, .spliteTransactionDialog .exchangle-form-dropdown.active { opacity: 1; display: block; } .spliteEditTransactionDialog .input-wrapper.full-minus-col-2, .spliteTransactionDialog .input-wrapper.full-minus-col-2 { width: -webkit-calc(100% - 156px); width: calc(100% - 156px); } .spliteEditTransactionDialog .input-grid-wrapper .col-last, .spliteTransactionDialog .input-grid-wrapper .col-last { margin-right: 0; } .spliteEditTransactionDialog .dropdown-accordion.active, .spliteTransactionDialog .dropdown-accordion.active { background-color: #f5f7f9; } .spliteEditTransactionDialog .popup-btn-wrapper, .spliteTransactionDialog .popup-btn-wrapper { padding: 30px 40px; } .spliteEditTransactionDialog .dk-selected:after, .spliteTransactionDialog .dk-selected:after { content: ""; display: block; width: 9px; height: 100%; position: absolute; top: 0; right: 15px; background: url(images/icons/arrow-down.png) 50% no-repeat; background-size: 9px; } .spliteEditTransactionDialog .messageparagraf, .spliteTransactionDialog .messageparagraf { text-align: center; color: red; position: fixed; bottom: 100px; left: 0; right: 0; padding: 0 10px; } .spliteEditTransactionDialog .border-dotted, .spliteTransactionDialog .border-dotted { width: 80%; padding-top: 7px; } .goalsAddDialog .account-inter-inner-scroll, .goalsEditDetailsDialog .account-inter-inner-scroll, .budgeEditDetailsDialog .account-inter-inner-scroll, .budgeAddDialog .account-inter-inner-scroll, .remindersEditDialog .account-inter-inner-scroll, .remindersAddDialog .account-inter-inner-scroll { padding: 0; } .goalsAddDialog .dk-selected, .goalsEditDetailsDialog .dk-selected, .budgeEditDetailsDialog .dk-selected, .budgeAddDialog .dk-selected, .remindersEditDialog .dk-selected, .remindersAddDialog .dk-selected { padding: 14px 35px 13px 16px; } .goalsAddDialog .transaction-filter-box, .goalsEditDetailsDialog .transaction-filter-box, .budgeEditDetailsDialog .transaction-filter-box, .budgeAddDialog .transaction-filter-box, .remindersEditDialog .transaction-filter-box, .remindersAddDialog .transaction-filter-box { margin: 0 15px 30px; } .goalsAddDialog .transaction-filter-box .toDate, .goalsEditDetailsDialog .transaction-filter-box .toDate, .budgeEditDetailsDialog .transaction-filter-box .toDate, .budgeAddDialog .transaction-filter-box .toDate, .remindersEditDialog .transaction-filter-box .toDate, .remindersAddDialog .transaction-filter-box .toDate { padding: 23px 34px 10px 20px !important; } .goalsAddDialog .transaction-filter-box input.toDate, .goalsEditDetailsDialog .transaction-filter-box input.toDate, .budgeEditDetailsDialog .transaction-filter-box input.toDate, .budgeAddDialog .transaction-filter-box input.toDate, .remindersEditDialog .transaction-filter-box input.toDate, .remindersAddDialog .transaction-filter-box input.toDate { position: relative; z-index: 1; padding: 11px 34px 11px 16px; border-radius: 8px; background-color: transparent; cursor: pointer; } .goalsAddDialog .ui-datepicker-trigger, .goalsEditDetailsDialog .ui-datepicker-trigger, .budgeEditDetailsDialog .ui-datepicker-trigger, .budgeAddDialog .ui-datepicker-trigger, .remindersEditDialog .ui-datepicker-trigger, .remindersAddDialog .ui-datepicker-trigger { margin-right: 15px; position: absolute; } .savingGoals-mainDetails { border-top: 1px dotted rgba(0, 0, 0, 0.54); padding: 25px 0; } .editCategoriesTransactionDialog-all-accounts-popup-wrapper .mCustomScrollBox { padding: 0 !important; } .editCategoriesTransactionDialog .account-inter-inner-scroll { margin-left: 0px !important; } .editCategoriesTransactionDialog-all-account-popup-title { position: relative; padding: 0 100px; text-align: center; } .editCategoriesTransactionDialog-all-account-popup-title .all-account-close { position: absolute; top: 50%; right: 40px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 40px; height: 40px; cursor: pointer; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); } .editCategoriesTransactionDialog .payment-ico-border-svg { top: -10px; left: -27px; width: 125px; height: 79px; position: absolute; } .editCategoriesTransactionDialog .account-item-inner { height: 75vh !important; overflow-y: hidden !important; } .editCategoriesTransactionDialog .subcategory-item { display: flex; justify-content: space-between; padding: 12px 20px 12px 24px; margin-bottom: 8px; border-radius: 12px; color: #1c1f32; cursor: pointer; transition: background 0.5s ease; } .editCategoriesTransactionDialog .subcategories .subcategories-wrapper .subcategory-item.selected .checkbox-wrapper .checkbox-select { opacity: 1; } .editCategoriesTransactionDialog .subcategory-item .name { opacity: 1; } .editCategoriesTransactionDialog .checkbox-wrapper { height: 16px; width: 16px; border-radius: 50%; position: relative; background: #fff; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.16); } .editCategoriesTransactionDialog .checkbox-select { width: 8px; height: 8px; position: absolute; top: 4px; left: 4px; background: #0a79b8; border-radius: 50%; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; } .editCategoriesTransactionDialog.selected .icon { background-color: #3639a4; border-color: #3639a4; } .editCategoriesTransactionDialog.selected .icon .ctg-icon { stroke: #fff; } .FinanceTurnover .activity-popup-filter { color: black; font-weight: bold; } .FinanceTurnover .activity-popup-filter .turnover-icon { width: 40px; height: 40px; border-radius: 12px; background-color: #DFE7EF; position: relative; float: left; margin-left: 0px !important; } .FinanceTurnover .activity-popup-filter .tablesaw-cell-content { display: flex; margin-top: 10px; display: flex; justify-content: start; } .FinanceTurnover .activity-popup-filter .tablesaw-cell-content:hover { color: #0a79b8; } .FinanceTurnover .activity-popup-filter .editcategoris { margin-left: 5px; } .FinanceTurnover .activity-popup-filter .editIcon { margin-left: 5px; } .FinanceTurnover .activity-popup-filter .tagIcon { margin-left: 5px; } .chartMain { height: 400px; } .chartMain .pfm-selected-category { color: #00c6ff; } .chartMain .border-dotted { border-bottom: 1px dotted #0a79b8; } .pfm-rules { width: 84%; } .pfm-rules.modal-inner-content { padding: 0 35px 15px 35px; position: relative; background-color: #f5f8fb; height: 75vh; overflow-y: auto; margin-bottom: 12px; } .pfm-rules.modal-inner-content::-webkit-scrollbar { background: transparent; width: 5px; margin-top: 65px !important; margin-bottom: 45px !important; } .pfm-rules.modal-inner-content::-webkit-scrollbar-track { margin-top: 65px !important; margin-bottom: 45px !important; background: transparent; } .pfm-rules.modal-inner-content::-webkit-scrollbar-thumb { background-color: #DCDCDC; border-radius: 5px; width: 4px; } .pfm-rules.modal-inner-content .title-rule { font-family: "Source-Sans-Pro-bold", sans-serif; font-size: 24px; text-align: center; margin-bottom: 37px; } .pfm-rules.modal-inner-content .all-account-close { position: absolute !important; top: 0; right: 37px !important; width: 40px; height: 40px; cursor: pointer; background-color: #FFFFFF; border-radius: 20px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); } .pfm-rules.modal-inner-content .all-account-close .account-close-ico { position: absolute; width: 12px; height: 12px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .pfm-rules.modal-inner-content .input-wrap { border: none !important; } .pfm-rules.modal-inner-content .input-wrap label { position: absolute; top: 17px; font-size: 15px; font-family: "Source-Sans-Pro", sans-serif; font-weight: normal; transition: transform .2s, color .2s, top .2s, left .2s, font-size .2s, -webkit-transform .2s; pointer-events: none; will-change: transform; color: rgba(0, 0, 0, 0.54); } .pfm-rules.modal-inner-content .input-wrap input { border: 1px solid #b4bfcb; height: unset; cursor: pointer; padding: 19px 15px 10px 15px !important; } .pfm-rules.modal-inner-content .input-wrap input:focus { border-color: #0a79b8; } .pfm-rules.modal-inner-content .focusin label { top: 8px !important; font-size: 12px !important; color: #0a79b8 !important; font-weight: unset; font-family: "Source-Sans-Pro-semibold", sans-serif !important; } .pfm-rules .select-wrapper { margin: 0 0 30px 0; } .pfm-rules .select-wrapper .show-title { color: rgba(0, 0, 0, 0.54) !important; top: -24px; } .pfm-rules .select-wrapper .selected-product { padding: 6px 33px 24px 12px; color: black !important; box-shadow: none; border-color: #fff; background: #fff; min-height: 17px; border: 1px solid #b4bfcb; } .pfm-rules .select-wrapper .list-wrapper { width: 413px !important; border: 1px solid #b4bfcb; } .pfm-rules .select-wrapper .list-wrapper .products-list li .product-checkbox { width: 22px !important; height: 22px !important; } .pfm-rules .conditions-wrapper { border-top: 1px dotted rgba(0, 0, 0, 0.54); border-bottom: 1px dotted rgba(0, 0, 0, 0.54); color: black; padding: 40px 0; } .pfm-rules .conditions-wrapper .group-title { font-family: "Source-Sans-Pro-bold", sans-serif; color: inherit; font-size: 18px; margin-bottom: 20px; } .pfm-rules .conditions-wrapper .modal-text { font-size: 15px; line-height: 20px; margin-bottom: 40 !important; } .pfm-rules .conditions-wrapper .wrapper-border { align-items: center; display: flex; margin-bottom: 25px; } .pfm-rules .conditions-wrapper .wrapper-border .border-select { color: rgba(0, 0, 0, 0.54); font-family: "Source-Sans-Pro-semibold", sans-serif; } .pfm-rules .conditions-wrapper .wrapper-border .dotted { display: inline-block; width: 100%; margin-left: 15px; border-bottom: 1px dotted rgba(0, 0, 0, 0.54); height: 1px; } .pfm-rules .conditions-wrapper .wrapper-border .remove-btn { color: #0a79b8; font-size: 14px; padding-left: 15px; z-index: 0 !important; cursor: pointer; font-family: "Source-Sans-Pro-semibold", sans-serif; } .pfm-rules .conditions-wrapper .button-wrapper-add { display: flex; justify-content: center; align-items: center; cursor: pointer; color: #0a79b8; width: fit-content; margin: auto; } .pfm-rules .conditions-wrapper .button-wrapper-add .btn-with-round-plus-ico { width: 17px; height: 17px; stroke: #0a79b8; } .pfm-rules .conditions-wrapper .button-wrapper-add button { color: inherit; border: none; cursor: pointer; margin-left: 5px; line-height: 13px; font-family: "Source-Sans-Pro-semibold", sans-serif; font-weight: 600; background: transparent; } .pfm-rules .ctgs-title { font-family: "Source-Sans-Pro-bold", sans-serif; color: inherit; font-size: 18px; margin-bottom: 20px; margin-top: 30px; } .pfm-rules .ctgs-text { font-size: 15px; line-height: 20px; } .pfm-rules .ctgs-wrapper { padding: 10px 0px; padding-bottom: 40px; border-bottom: 1px dotted rgba(0, 0, 0, 0.54); position: relative; max-width: 415px; height: auto; } .pfm-rules .ctgs-wrapper .categories-arrow { position: absolute; opacity: 1; width: 30px; height: 30px; top: 28%; fill: #0a79b8; cursor: pointer; } .pfm-rules .ctgs-wrapper .categories-arrow.right { right: -15px; transform: rotate(180deg) translateY(50%); } .pfm-rules .ctgs-wrapper .categories-arrow.left { left: -15px; transform: translateY(-50%); } .pfm-rules .ctgs-wrapper .ctgs { display: flex; overflow-x: scroll; overflow-y: hidden !important; width: 95%; margin: auto; scroll-behavior: smooth; } .pfm-rules .ctgs-wrapper .ctgs::-webkit-scrollbar { display: none; } .pfm-rules .ctgs-wrapper .ctgs .ctg { width: 72px; height: 110px; margin-right: 10px; cursor: pointer; } .pfm-rules .ctgs-wrapper .ctgs .ctg .icon { box-sizing: border-box; width: 71px; height: 71px; border-radius: 20px; border: 3px dashed #d5e0ec; transition: border-color .3s,background-color .3s; overflow: hidden; background-color: #fff; display: grid; place-items: center; transition: .3s ease; } .pfm-rules .ctgs-wrapper .ctgs .ctg .icon .ctg-icon { width: 30px; height: 30px; stroke: dimgray; } .pfm-rules .ctgs-wrapper .ctgs .ctg .text { text-align: center; font-size: 12px; ont-family: "Source-Sans-Pro-semibold", sans-serif; margin-top: 10px; } .pfm-rules .ctgs-wrapper .ctgs .ctg:hover .icon { background-color: #0a79b8; border: 3px #0a79b8; } .pfm-rules .ctgs-wrapper .ctgs .ctg:hover .icon .ctg-icon { stroke: #fff; } .pfm-rules .ctgs-wrapper .ctgs .ctg.selected .icon { background-color: #0a79b8; border-color: #0a79b8; } .pfm-rules .ctgs-wrapper .ctgs .ctg.selected .icon .ctg-icon { stroke: #fff; } .pfm-rules .subcategories { margin: 30px 0; } .pfm-rules .subcategories h1 { margin-bottom: 20px; font-size: 13px; text-align: center; color: rgba(0, 0, 0, 0.54); } .pfm-rules .subcategories .subcategories-wrapper .subcategory-item { display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse; align-content: center; padding: 17px 20px 17px 24px; font-family: "Source-Sans-Pro-bold", sans-serif; font-size: 15px; line-height: 1; color: rgba(0, 0, 0, 0.87); cursor: pointer; transition: background 0.5s ease; position: relative; border-radius: 10px; } .pfm-rules .subcategories .subcategories-wrapper .subcategory-item:hover { background: #dde6f1; } .pfm-rules .subcategories .subcategories-wrapper .subcategory-item .name { opacity: 1; } .pfm-rules .subcategories .subcategories-wrapper .subcategory-item .checkbox-wrapper { height: 16px; width: 16px; margin-right: 20px; border-radius: 50%; position: relative; background: #FFFFFF; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } .pfm-rules .subcategories .subcategories-wrapper .subcategory-item .checkbox-wrapper .checkbox-select { width: 8px; height: 8px; position: absolute; top: 4px; left: 4px; background: #0a79b8; border-radius: 50%; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; } .pfm-rules .subcategories .subcategories-wrapper .subcategory-item.selected .checkbox-wrapper .checkbox-select { opacity: 1; } .pfm-settings-form-select-wrapper .user-intro-select-wrapper { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; padding: 6px 3px; position: relative; z-index: 1; right: 0px !important; } .pfm-settings-form-select-wrapper .user-intro-select-indicator { display: block; width: 20%; position: absolute; height: -webkit-calc(100% - 6px); height: calc(100% - 6px); top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 10px; } #page-header.rules-header:not(.dashboard-header):after { height: 80% !important; } .FinanceCategorySettings .my-account-main-form-wrapper { max-width: 571px; margin: 0 auto; margin-bottom: 60px; } .FinanceCategorySettings .outer-subcategories-svg-wrapper { margin-top: 9px; margin-right: -10px; } .FinanceCategorySettings .outer-subcategories-svg-wrapper .pfm-categories-svg-wrapper { background-color: #FFFFFF; margin-bottom: 15px !important; } .FinanceCategorySettings .outer-subcategories-svg-wrapper .pfm-categories-svg-wrapper svg { position: absolute; width: 20px; height: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); stroke: rgba(0, 0, 0, 0.87); } .FinanceCategorySettings .my-profile-form { position: relative; opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: .5s; transition-delay: .5s; width: 100%; left: 0; top: 0; -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: opacity .5s,visibility .5s,-webkit-transform .5s; transition: opacity .5s,visibility .5s,-webkit-transform .5s; transition: transform .5s,opacity .5s,visibility .5s; transition: transform .5s,opacity .5s,visibility .5s,-webkit-transform .5s; } .FinanceCategorySettings .my-profile-form h5 { letter-spacing: -.02em; } .FinanceCategorySettings .pfm-budget-category-slider-container { padding: 0 16px 16px 16px; } .FinanceCategorySettings .border-dotted { width: 100%; height: 1px; border-bottom: 1px dotted #0a79b8; } .FinanceCategorySettings .pfm-settings-subcategory { padding: 18px 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .FinanceCategorySettings .pfm-settings-subcategory-2 { padding: 10px 24px !important; border-radius: 30px; background-color: transparent; } .FinanceCategorySettings .pfm-settings-subcategory-2:hover { background-color: #FFFFFF; transition: background-color .5s; } .FinanceCategorySettings .pfm-settings-subcategory-2:hover .edit-delete-button { opacity: 1; visibility: visible; } .FinanceCategorySettings .pfm-settings-subcategory-2:hover .edit-delete-button:hover { box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.08); } .FinanceCategorySettings .pfm-settings-subcategory-remove-link { position: relative; width: 20px; height: 20px; } .FinanceCategorySettings .btn-with-round-plus { position: relative; padding: 2px 2px 2px 26px; } .FinanceCategorySettings .btn-with-round-plus .btn-with-round-plus-ico { position: absolute; width: 17px; height: 16px; top: -webkit-calc(50% + 1px); top: calc(50% + 1px); left: 2px; -webkit-transform: translateY(-50%); transform: translateY(-50%); stroke: currentColor; } .FinanceCategorySettings .popup-content { top: 82% !important; right: -2px !important; } .FinanceCategorySettings .dot-menu { box-shadow: none; } .FinanceCategorySettings .dot-menu:hover { border-radius: 5px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); } .FinanceTagSettings .my-account-main-form-wrapper { max-width: 571px; margin: 0 auto; margin-bottom: 60px; } .FinanceTagSettings .my-profile-form { position: relative; opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: .5s; transition-delay: .5s; width: 100%; left: 0; top: 0; -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: opacity .5s,visibility .5s,-webkit-transform .5s; transition: opacity .5s,visibility .5s,-webkit-transform .5s; transition: transform .5s,opacity .5s,visibility .5s; transition: transform .5s,opacity .5s,visibility .5s,-webkit-transform .5s; } .FinanceTagSettings .my-profile-form h5 { letter-spacing: -.02em; } .FinanceTagSettings .pfm-budget-category-slider-container { padding: 0 16px; } .FinanceTagSettings .border-dotted { width: 100%; height: 1px; border-bottom: 1px dotted rgba(0, 0, 0, 0.54); } .FinanceTagSettings .pfm-settings-subcategory { padding: 18px 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .FinanceTagSettings .pfm-settings-subcategory-remove-link { position: relative; width: 20px; height: 20px; } .FinanceTagSettings .btn-with-round-plus { position: relative; padding: 2px 2px 2px 26px; } .FinanceTagSettings .btn-with-round-plus .btn-with-round-plus-ico { position: absolute; width: 17px; height: 16px; top: -webkit-calc(50% + 1px); top: calc(50% + 1px); left: 2px; -webkit-transform: translateY(-50%); transform: translateY(-50%); stroke: currentColor; } .FinanceTagSettings .pfm-settings-tags-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .FinanceTagSettings .tag-wrapper { position: relative; padding: 7px 30px 5px 12px; margin: 0 16px 16px 0; background-color: #fff; border: 1px solid #d5e0ec; border-radius: 15px; cursor: pointer; -webkit-transition: background-color .5s,border-color .5s; transition: background-color .5s,border-color .5s; } .FinanceTagSettings .tag-wrapper .page-text-2 { -webkit-transition: color .5s; transition: color .5s; } .FinanceTagSettings .tag-wrapper .tag-icon-ico { position: absolute; width: 8px; height: 8px; top: 50%; right: 11px; -webkit-transform: translateY(-50%); transform: translateY(-50%); fill: currentColor; -webkit-transition: fill .5s; transition: fill .5s; } .FinanceTagSettings .tag-wrapper:hover { color: white !important; background-color: #0a79b8; } .FinanceTagSettings .tag-wrapper:hover .text-color-8 { color: white !important; } .save-changes-tag-button .btn-2 { display: block; width: 100%; border-radius: 6px; max-width: 327px; margin-left: auto; margin-right: auto; color: #FFFFFF !important; transition: all .5s; } .FinanceRulesSettings .gvRules { max-width: 571px; margin: 50px auto; margin-bottom: 60px; } .FinanceRulesSettings .gvRules .payments-ico { float: left; margin-right: 15px; } .FinanceRulesSettings .clientGridPager { padding-top: 40px; } /*.AccountSlider { .user-intro-select-wrapper:not(.profile_url) { position: absolute; right: 500px; top: -100px; margin: 0; z-index: 2; } }*/ .FinanceRulesSettings .my-account-main-form-wrapper { margin: 45px auto 60px !important; } .financeEditCatSettingsViews .page-text { text-align: center; font-size: 25px; } .FinanceRulesSettings .gvRules { max-width: 571px; margin: 50px auto; margin-bottom: 60px; } .FinanceRulesSettings .gvRules .payments-ico { float: left; margin-right: 15px; } .FinanceRulesSettings .gvRules .clientGrid { background-color: transparent !important; } .FinanceRulesSettings .gvRules .clientGrid thead th { color: #C7C7C7 !important; font-weight: 600 !important; font-size: 13px !important; font-family: "Lato-Semibold", sans-serif; } .FinanceRulesSettings .gvRules .clientGrid tbody tr:hover .btnEditRule { border-radius: 15px; display: flex; visibility: visible; border-bottom-color: gainsboro; background-color: whitesmoke; background-color: #fff; align-items: center; } .FinanceRulesSettings .gvRules .clientGrid tbody tr:hover .btnEditRule .payments-ico { width: 35px; height: 35px; background: #fff; } .btnEditRule { display: flex; visibility: hidden; background-color: #fff; } .btnEditRule .payments-ico { width: 35px; height: 35px; margin-right: 3px !important; background: #fff; color: black !important; } .btnEditRule .btnRuleName { padding: 0 15px 0 0; color: black !important; } .btnEditRule:hover { background-color: #dfe7ef !important; } .btnEditRule:hover .payments-ico { background-color: #dfe7ef !important; } /*.AccountSlider { .user-intro-select-wrapper:not(.profile_url) { position: absolute; right: 500px; top: -100px; margin: 0; z-index: 2; } }*/ .profile-zone-inline-tabs-rules .user-intro-select-wrapper:not(.profile_url) { text-align: center; position: relative; margin: 0; z-index: 2; right: 0; top: 0; } .profile-zone-inline-tabs-rules .background-2 { background-color: #e8e9ec; } .profile-zone-inline-tabs-rules .k-tabstrip .k-tabstrip-items .k-state-default .k-link { color: rgba(0, 0, 0, 0.54); font-family: "Source-Sans-Pro-semibold", sans-serif !important; } .profile-zone-inline-tabs-rules .k-tabstrip .k-tabstrip-items .k-state-active .k-link { color: #0a79b8; font-family: "Source-Sans-Pro-semibold", sans-serif !important; } .profile-zone-inline-tabs-rules .k-state-hover a { color: #0a79b8 !important; } .profile-zone-inline-tabs-rules .background-11 { background-color: transparent; } .profile-zone-inline-tabs-rules .element-border .k-state-active { background: #0a79b8; border-radius: 4px !important; } .profile-zone-inline-tabs-rules .element-border .k-state-active .k-link { color: #fff !important; } .profile-zone-inline-tabs-rules .k-state-default { padding: 2px 29px 2px !important; } .profile-zone-inline-tabs-rules .k-tabstrip-items { padding: 3px 3px !important; } .FinanceRulesSettings .my-account-main-form-wrapper { margin: 45px auto 60px !important; } .FinanceRulesSettings .payments-ico-svg { stroke: #696969; } .financeEditCatSettingsViews .page-text { text-align: center; font-size: 25px; } #gvFinanceTurnover .redvaluetransaction { color: black; font-weight: bold; } #gvFinanceTurnover .greenvaluetransaction { color: #0a79b8; font-weight: bold; } #gvFinanceTurnover .dot-menu-dot { background-color: black; } #gvFinanceTurnover .grey { color: #8294a8; } #gvFinanceTurnover .align-left { text-align: left; } #gvFinanceTurnover .align-right { text-align: right; } #gvFinanceTurnover .dot-menu .dot-menu-inner { top: 70%; } #gvFinanceTurnover .value { padding-right: 0; } #gvFinanceTurnover .dot-menu { box-shadow: inherit; } #gvFinanceTurnover .tablesaw-cell-content .date { padding: 0 25px 0 13px; display: flex; padding-top: 7px; } #gvFinanceTurnover .payments-ico { float: left; } #gvFinanceTurnover .account-detail-menu { width: auto; } #gvFinanceTurnover .pfmpopup-content { padding: 10px !important; } #gvFinanceTurnover .pfmpopup-content.active { width: 200px !important; } #gvFinanceTurnover .dot-decoratio { background-color: #f60 !important; } .pfm-top-expences-chart-deselect-btn .pfm-top-expences-chart-deselect-icon { position: absolute; width: 24px; height: 24px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pfm-top-expences-chart-deselect-btn.active { opacity: 1; visibility: visible; } .pfm-top-expences-chart-deselect-btn { position: absolute; width: 40px; height: 40px; top: 16px; left: 0; border-radius: 12px; opacity: 0; visibility: hidden; -webkit-transition: opacity .3s,visibility .3s; transition: opacity .3s,visibility .3s; background-color: rgba(0, 0, 0, 0.1); } .validationMessageRule { color: #FF0000; float: left; position: relative; font-size: 14px; margin-top: 4px; margin-bottom: 0px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%; } .remindersAddDialog .account-inter-inner-scroll { padding: 0; height: 700px !important; padding: 0 22px; } .remindersAddDialog .account-inter-inner-scroll .datascroller { width: 440px; } .remindersAddDialog .account-inter-inner-scroll .ui-datepicker-trigger { position: absolute; } .remindersAddDialog .account-inter-inner-scroll .input-amount { width: 81.4%; } .remindersEditDialog .account-inter-inner-scroll { padding: 0; height: 700px !important; padding: 0 22px; } .remindersEditDialog .account-inter-inner-scroll .datascroller { width: 440px; } .remindersEditDialog .account-inter-inner-scroll .ui-datepicker-trigger { position: absolute; } .remindersEditDialog .popup-btn-wrapper { position: fixed; margin-left: 0px; margin-right: 20px; width: 83%; bottom: 35px; position: sticky; bottom: 0; z-index: 99 !important; } .remindersEditDialog .ui-datepicker-trigger { position: absolute; } .remindersEditDialog .input-amount { width: 81.4% !important; } .remindersEditDialog .btn-2 { margin-bottom: 10px; } .remindersAddDialog .btn-2 { margin-bottom: 10px; } .arrow-5, .arrow-3, .arrow-1 { transform: rotate(180deg) !important; opacity: 0; } .pfm-form-calendar-container .dk-select.select.select-1:after { content: ""; display: block; width: 9px; height: 100%; position: absolute; top: 0; right: 18px; background: url(images/icons/arrow-down.png) 50% no-repeat; background-size: 9px; z-index: 3; } .pfm-form-calendar-container .dk-selected { transform: none !important; border: 1px solid #dfe7ef; } .pfm-form-calendar-container .transaction-filter-inner .dk-select-options { z-index: 9999999 !important; } .pfm-form-calendar-container .transaction-filter-inner .select .dk-selected:before { content: ''; top: 50%; display: block; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-top-color: #000000; position: absolute; border-width: 0.35em 0.35em 0; margin: 0; border: solid transparent; right: 0; background-image: url(images/icons/arrow-down.png); background-size: contain; background-repeat: no-repeat; width: 20px; height: 20px; } .pfm-form-calendar-container .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar { padding: 11px 16px; } .goalsAddDialog, .goalsEditDetailsDialog, .budgeEditDetailsDialog, .budgeAddDialog, .remindersEditDialog, .remindersAddDialog { /* .dk-selected { padding: 14px 35px 13px 16px; white-space: nowrap; overflow: hidden; background-color: white; border: 1px solid #DFE7EF; border-radius: 25px; -o-text-overflow: ellipsis; text-overflow: ellipsis; }*/ } .goalsAddDialog .dk-select.select-1, .goalsEditDetailsDialog .dk-select.select-1, .budgeEditDetailsDialog .dk-select.select-1, .budgeAddDialog .dk-select.select-1, .remindersEditDialog .dk-select.select-1, .remindersAddDialog .dk-select.select-1 { position: relative; } .goalsAddDialog .dk-select .dk-select-options-reminder, .goalsEditDetailsDialog .dk-select .dk-select-options-reminder, .budgeEditDetailsDialog .dk-select .dk-select-options-reminder, .budgeAddDialog .dk-select .dk-select-options-reminder, .remindersEditDialog .dk-select .dk-select-options-reminder, .remindersAddDialog .dk-select .dk-select-options-reminder { position: absolute; display: none; left: 0; right: 0; top: 100%; margin-top: -5px; position: absolute; background-color: white; border-radius: 10px; list-style: none; margin: 0; max-height: 300px; overflow-x: hidden; overflow-y: auto; padding-top: 10px; width: auto; z-index: 20; font-family: "Source-Sans-Pro", sans-serif; } .goalsAddDialog .dk-select .dk-select-options-reminder .dk-option, .goalsEditDetailsDialog .dk-select .dk-select-options-reminder .dk-option, .budgeEditDetailsDialog .dk-select .dk-select-options-reminder .dk-option, .budgeAddDialog .dk-select .dk-select-options-reminder .dk-option, .remindersEditDialog .dk-select .dk-select-options-reminder .dk-option, .remindersAddDialog .dk-select .dk-select-options-reminder .dk-option { padding: 10px 18px; color: #000000; background: transparent; -webkit-transition: background-color .3s; transition: background-color .3s; } .goalsAddDialog .dk-select .dk-select-options-reminder.active, .goalsEditDetailsDialog .dk-select .dk-select-options-reminder.active, .budgeEditDetailsDialog .dk-select .dk-select-options-reminder.active, .budgeAddDialog .dk-select .dk-select-options-reminder.active, .remindersEditDialog .dk-select .dk-select-options-reminder.active, .remindersAddDialog .dk-select .dk-select-options-reminder.active { display: block !important; } .goalsAddDialog .select.dk-selected:before, .goalsEditDetailsDialog .select.dk-selected:before, .budgeEditDetailsDialog .select.dk-selected:before, .budgeAddDialog .select.dk-selected:before, .remindersEditDialog .select.dk-selected:before, .remindersAddDialog .select.dk-selected:before { content: ''; top: 50%; display: block; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-top-color: #000000; position: absolute; border-width: 0.35em 0.35em 0; margin: 0; border: solid transparent; right: 0; background-image: url(images/icons/arrow-down.png); background-size: contain; background-repeat: no-repeat; width: 20px; height: 20px; } .goalsAddDialog .transaction-filter-box, .goalsEditDetailsDialog .transaction-filter-box, .budgeEditDetailsDialog .transaction-filter-box, .budgeAddDialog .transaction-filter-box, .remindersEditDialog .transaction-filter-box, .remindersAddDialog .transaction-filter-box { margin: 0 0px 15px; } .goalsAddDialog .transaction-filter-box .transaction-filter-reminder.transaction-calendar, .goalsEditDetailsDialog .transaction-filter-box .transaction-filter-reminder.transaction-calendar, .budgeEditDetailsDialog .transaction-filter-box .transaction-filter-reminder.transaction-calendar, .budgeAddDialog .transaction-filter-box .transaction-filter-reminder.transaction-calendar, .remindersEditDialog .transaction-filter-box .transaction-filter-reminder.transaction-calendar, .remindersAddDialog .transaction-filter-box .transaction-filter-reminder.transaction-calendar { border: 1px solid #b4bfcb; padding: 0; } .goalsAddDialog .transaction-filter-box .transaction-filter-reminder, .goalsEditDetailsDialog .transaction-filter-box .transaction-filter-reminder, .budgeEditDetailsDialog .transaction-filter-box .transaction-filter-reminder, .budgeAddDialog .transaction-filter-box .transaction-filter-reminder, .remindersEditDialog .transaction-filter-box .transaction-filter-reminder, .remindersAddDialog .transaction-filter-box .transaction-filter-reminder { position: relative; border: 1px solid #DFE7EF; padding: 11px 16px; border-radius: 8px; cursor: pointer; } .goalsAddDialog .transaction-filter-box .transaction-filter-reminder input, .goalsEditDetailsDialog .transaction-filter-box .transaction-filter-reminder input, .budgeEditDetailsDialog .transaction-filter-box .transaction-filter-reminder input, .budgeAddDialog .transaction-filter-box .transaction-filter-reminder input, .remindersEditDialog .transaction-filter-box .transaction-filter-reminder input, .remindersAddDialog .transaction-filter-box .transaction-filter-reminder input { border: none; width: 100%; font-size: 15px; padding: 0; } .goalsAddDialog .margin-3, .goalsEditDetailsDialog .margin-3, .budgeEditDetailsDialog .margin-3, .budgeAddDialog .margin-3, .remindersEditDialog .margin-3, .remindersAddDialog .margin-3 { margin-bottom: 0px; } .goalsAddDialog .dk-select-options, .goalsEditDetailsDialog .dk-select-options, .budgeEditDetailsDialog .dk-select-options, .budgeAddDialog .dk-select-options, .remindersEditDialog .dk-select-options, .remindersAddDialog .dk-select-options { padding-top: 0px; top: 41px; z-index: 9999999 !important; height: auto; } .chartcategories { display: inline-block !important; position: relative !important; width: 265px !important; padding: 0 0 0 0 !important; margin-top: -65px; margin-left: 50px; } .Chart { display: block !important; } .text-color-11 { color: #6789ff; } .btnAddGoals, .btnAddBudget { color: #fff; background: #f60; border-radius: 30px; padding: 16px 42px; } .goalsAddDialog .pfm-budget-category-slider-container, .goalsEditDetailsDialog .pfm-budget-category-slider-container, .budgeAddDialog .pfm-budget-category-slider-container { padding: 0 35px !important; } .budgeEditDetailsDialog .account-inter-inner-scroll { padding: 0 0 0 20px; } .budgeEditDetailsDialog .transaction-popup-details-wrapper .input-wrapper .account-input .input-amount { padding: 10px 0px 10px 11px !important; width: 95%; } .imgpieFood { width: 26px; height: 26px; background-size: contain; background-repeat: no-repeat; background-position: 50%; cursor: pointer; background-image: url(images/icons/ic_pfm_w_hranairestoran@2x.png); } .imgpieCar { width: 26px; height: 26px; background-size: contain; background-repeat: no-repeat; background-position: 50%; cursor: pointer; background-image: url("images/icons/ic_pfm_w_automobil@2x.png"); } .imgpieShopping { width: 26px; height: 26px; background-size: contain; background-repeat: no-repeat; background-position: 50%; cursor: pointer; background-image: url("images/icons/ic_pfm_w_kupovina@2x.png"); } .imgpieFamily { width: 26px; height: 26px; background-size: contain; background-repeat: no-repeat; background-position: 50%; cursor: pointer; background-image: url("images/icons/ic_pfm_big_w_deca@2x.png"); } .imgpieTravel { width: 26px; height: 26px; background-size: contain; background-repeat: no-repeat; background-position: 50%; cursor: pointer; background-image: url("images/icons/ic_pfm_w_putovanjaiodmor@2x.png"); } .imgpieEducation { width: 26px; height: 26px; background-size: contain; background-repeat: no-repeat; background-position: 50%; cursor: pointer; background-image: url("images/icons/ic_pfm_w_obrazovanje@2x.png"); } .imgpiePersonal { width: 26px; height: 26px; background-size: contain; background-repeat: no-repeat; background-position: 50%; cursor: pointer; background-image: url("images/icons/ic_pfm_big_w_zdravlje@2x.png"); } .imgpieFinance { width: 26px; height: 26px; background-size: contain; background-repeat: no-repeat; background-position: 50%; cursor: pointer; background-image: url("images/icons/ic_pfm_w_finansijeiinvesticije@2x.png"); } .imgpieLeisure { width: 26px; height: 26px; background-size: contain; background-repeat: no-repeat; background-position: 50%; cursor: pointer; background-image: url("images/icons/ic_pfm_w_zabava@2x.png"); } .imgpieUtilities { width: 26px; height: 26px; background-size: contain; background-repeat: no-repeat; background-position: 50%; cursor: pointer; background-image: url("images/icons/ic_pfm_w_racuniirazno@2x.png"); } .imgpieIncome { width: 26px; height: 26px; background-size: contain; background-repeat: no-repeat; background-position: 50%; cursor: pointer; background-image: url("images/icons/ic_pfm_w_prihodi@2x.png"); } .imgpieUndefined { width: 26px; height: 26px; background-size: contain; background-repeat: no-repeat; background-position: 50%; cursor: pointer; background-image: url("images/icons/ic_pfm_big_w_ostalo@2x.png"); } .FinanceRulesSettings { /* .btnEditRule { box-shadow: 0 8px 16px rgba(0, 0, 0, .08); transition: box-shadow .5s; background-color: #FFFFFF !important; font-family: $mainfont !important; &:hover { box-shadow: 0 -2px 16px rgba(0, 0, 0, .08); .btnRuleName { background-color: #FFFFFF !important; transition: none !important; border-top-right-radius: 15px; border-bottom-right-radius: 15px; } .payments-ico { background-color: #FFFFFF !important; transition: none !important; } } .payments-ico { background-color: #FFFFFF !important; transition: none !important; .payments-ico-svg { width: 14px !important; height: 14px !important; } } }*/ } .FinanceRulesSettings .newRuleButton { background: linear-gradient(45deg, #006de6, #00b2e6); border-radius: 6px; padding: 15px 28px !important; } .FinanceRulesSettings .rules-custom-settings { padding-top: 20px; border-top: 1px dotted #0a79b8; margin-top: 40px; } .FinanceRulesSettings .rules-custom-settings .gvRules { margin: auto; margin-bottom: 100px !important; } .FinanceRulesSettings .rules-custom-settings .gvRules .clientGrid tbody tr:first-child { border-top: none !important; } .FinanceRulesSettings .rules-custom-settings .gvRules .clientGrid tbody .payments-ico { background-color: #FFFFFF !important; transition: none !important; } .FinanceRulesSettings .rules-custom-settings .gvRules .clientGrid tbody td:nth-child(2) { border-top-left-radius: 50px; border-bottom-left-radius: 50px; } .FinanceRulesSettings .rules-custom-settings .gvRules .clientGrid tbody td:nth-child(4) { border-top-right-radius: 50px; border-bottom-right-radius: 50px; } .FinanceRulesSettings .dot-menu-dot { background-color: #353f4a; } .FinanceRulesSettings .btn-2 { min-height: unset; padding: 11px 24px 8px !important; } /*.edit-delete-button { background-color: #FFFFFF !important; transition: none !important; padding: 13px 20px; border-radius: 20px; box-shadow: 0 8px 16px rgba(0, 0, 0, .08); opacity: 0; visibility: hidden; }*/ #gvFinanceTurnover .clientGrid tbody { /* td:nth-child(4) { width: 15% !important; color: #52ae30; font-weight: bold; }*/ } #gvFinanceTurnover .clientGrid tbody tr td { line-height: 25px !important; } #gvFinanceTurnover .clientGrid tbody td:nth-child(2) { border-top-left-radius: 15px; border-bottom-left-radius: 15px; width: 100px; color: #8294a8; } #gvFinanceTurnover .clientGrid tbody td:nth-child(3) { width: 470px !important; } #gvFinanceTurnover .clientGrid tbody td:nth-child(4) { width: 350px; color: #0a79b8; font-weight: 600; } #gvFinanceTurnover .clientGrid tbody td:nth-child(5) { width: 100px !important; border-top-right-radius: 15px; border-bottom-right-radius: 15px; } #gvFinanceTurnover tr:hover .payments-ico { background-color: #EFEFEF; } #gvFinanceTurnover .clientGrid thead tr th:nth-child(2) { text-align: center !important; padding: 0 30px 0 60px; } #gvFinanceTurnover .clientGrid thead tr th:nth-child(3) { padding: 0 0 0 20px; } #gvFinanceTurnover .payments-ico { background-color: #fff; } #gvFinanceTurnover .dot-decoration { background: #f60; } /*.ruleBtnWrapper { .saveRule { width: 80%; margin: 0 25px 0 48px; border-radius: 25px; text-align: center; } }*/ /*.edit-delete-button { background-color: #FFFFFF !important; transition: none !important; padding: 10px 20px; border-radius: 20px; box-shadow: 0 8px 16px rgba(0, 0, 0, .08); opacity: 0; visibility: hidden; cursor: pointer; span { margin-left: 6px; } .delete-button-svg, .edit-button-svg { width: 16px; height: 16px; stroke: currentColor; } }*/ .ruleBtnWrapper .saveRule { width: 80%; margin: 0 25px 0 48px; border-radius: 25px; text-align: center; } .addNewCategoryPopUp { /*label.label-1 { display: none !important; }*/ } .addNewCategoryPopUp .ui-dialog-titlebar:before { margin-bottom: -45px; } .addNewCategoryPopUp .group-inner { margin-bottom: 14px !important; width: 100%; } .addNewCategoryPopUp .ui-dialog-buttonset { margin-bottom: -20px; } .addNewCategoryPopUp .validationMessage { margin-top: 0px !important; padding-left: 0px !important; } /*.deleteRulePopUp { button:nth-child(1) { background-color: $color-2 !important; color: #FFFFFF !important; transition: all .5s !important; &:hover { background-color: $color-11 !important; } } button:nth-child(2) { background-color: #FFFFFF !important; color: black !important; &:hover { background-color: #E8E9EC !important; } } }*/ .deleteCategoryPopUp .ui-dialog-titlebar:before { margin-bottom: 15px; } .deleteCategoryPopUp .group-inner { margin-bottom: 10px !important; } .deleteCategoryPopUp label.label-1 { display: none !important; } .deleteCategoryPopUp .ui-dialog-buttonset { margin-bottom: -20px; } .deleteCategoryPopUp button:nth-child(1) { background-color: #0a79b8 !important; color: #FFFFFF !important; transition: all .5s !important; } .deleteCategoryPopUp button:nth-child(1):hover { background-color: #2A7F00 !important; } .deleteCategoryPopUp button:nth-child(2) { background-color: #FFFFFF !important; color: black !important; } .deleteCategoryPopUp button:nth-child(2):hover { background-color: #E8E9EC !important; } .pfm-ftc .payment-filter-payment { border-radius: 30px; } .pfm-ftc .payment-filter-payment:hover .payments-ico { background-color: #EFEFEF; } .pfm-ftc .payments-ico { background-color: #fff; } .user-intro-section-button-wrapper { padding-top: 50px; } /*.tableFilter { padding-top: 10px; .payment-filter-ico { position: absolute; width: 8px; height: 14px; right: 12px; top: 12px; } .transaction-filter-inner { .dk-selected { padding: 11px 12px 11px 18px; white-space: nowrap; overflow: hidden; background-color: white; border-radius: 25px; height: 18px; -o-text-overflow: ellipsis; text-overflow: ellipsis; position: relative; z-index: 2; transform: translate(0px, 0px); } .dk-select-options { width: 100% !important; padding-top: 33px; top: 11px; border-radius: 15px; &::-webkit-scrollbar { background: transparent; width: 5px; } &::-webkit-scrollbar-track { top: 20px; background: transparent; height: 3px; margin-top: 20px; margin-bottom: 20px; transform: translate(0%, 0%); } &::-webkit-scrollbar-thumb { background-color: #52ae30; border-radius: 5px; width: 4px; height: 3px; transform: translate(0%, 0%); } li { &.dk-option-selected { background: transparent; } } } } }*/ .remindersEditDialog, .remindersAddDialog { /*.dk-select.active { .dk-selected { border-radius: 25px 25px 0 0 !important; border: none; } }*/ } .remindersEditDialog .dk-select, .remindersAddDialog .dk-select { margin: 0px 5px 0 2px; } .remindersEditDialog .dk-select .dk-select-options-reminder, .remindersAddDialog .dk-select .dk-select-options-reminder { border-radius: 0 0 25px 25px !important; border-top: 2px solid #52ae30; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); } .remindersEditDialog .transaction-popup-details-wrapper, .remindersAddDialog .transaction-popup-details-wrapper { width: 444px; } .remindersEditDialog .popup-btn-wrapper, .remindersAddDialog .popup-btn-wrapper { position: sticky; bottom: 0; z-index: 99 !important; } .remindersEditDialog .dk-select-open-down .dk-selected, .remindersAddDialog .dk-select-open-down .dk-selected { border: 1px solid #0faaea; border-bottom: transparent; } .remindersEditDialog .validationMessage, .remindersAddDialog .validationMessage { top: 71px; } .remindersEditDialog .transaction-filter-box, .remindersAddDialog .transaction-filter-box { margin-top: 16px; } .remindersEditDialog .intrabank-wrapper, .remindersAddDialog .intrabank-wrapper { padding: 6px 0 18px 0 !important; } .remindersEditDialog .account-inter-inner-scroll, .remindersAddDialog .account-inter-inner-scroll { margin-bottom: 44px; } .prvidiv { display: inline; } .drugidiv { display: contents; } .drugidiv .fc-event-time { float: right; right: 10px; top: 1px; font-size: 14px; color: #0a79b8; } .fc-grid tbody td:nth-child(7) .tooltipactive { right: 10px; } .fc-grid tbody td:nth-child(7) .tooltipactive:after { left: 214px; } .fc-grid tbody td:nth-child(5) .pfm-calendar-day-tooltip:after { left: 173px; } .fc-grid tbody td:nth-child(6) .pfm-calendar-day-tooltip:after { left: 173px; } .spliteEditTransactionDialog .split-transaction-number-wrapper, .spliteTransactionDialog .split-transaction-number-wrapper { margin-top: -8px; margin-bottom: 0; } .spliteEditTransactionDialog .all-accounts-small-sum, .spliteTransactionDialog .all-accounts-small-sum { display: inline; } .spliteEditTransactionDialog .transaction-filter-inner .validationMessage, .spliteTransactionDialog .transaction-filter-inner .validationMessage { margin-top: 4px !important; } .spliteEditTransactionDialog .transaction-filter-inner .dk-selected, .spliteTransactionDialog .transaction-filter-inner .dk-selected { padding: 13px 1px 12px 17px; white-space: nowrap; overflow: hidden; background-color: white; border-radius: 25px; height: 22px; -o-text-overflow: ellipsis; text-overflow: ellipsis; position: relative; z-index: 2; transform: translate(0px, 0px); } .spliteEditTransactionDialog .transaction-filter-inner .dk-select-options-splite, .spliteTransactionDialog .transaction-filter-inner .dk-select-options-splite { width: 100% !important; padding-top: 5px; max-height: 150px; } .spliteEditTransactionDialog .transaction-filter-inner .dk-select-options-splite::-webkit-scrollbar, .spliteTransactionDialog .transaction-filter-inner .dk-select-options-splite::-webkit-scrollbar { background: transparent; width: 5px; } .spliteEditTransactionDialog .transaction-filter-inner .dk-select-options-splite::-webkit-scrollbar-track, .spliteTransactionDialog .transaction-filter-inner .dk-select-options-splite::-webkit-scrollbar-track { top: 20px; background: transparent; height: 3px; margin-top: 0px; margin-bottom: 20px; transform: translate(0%, 0%); } .spliteEditTransactionDialog .transaction-filter-inner .dk-select-options-splite::-webkit-scrollbar-thumb, .spliteTransactionDialog .transaction-filter-inner .dk-select-options-splite::-webkit-scrollbar-thumb { background-color: #dfe7ef; border-radius: 5px; width: 4px; height: 3px; transform: translate(0%, 0%); } .spliteEditTransactionDialog .transaction-filter-inner .dk-select-options-splite li.dk-option-selected, .spliteTransactionDialog .transaction-filter-inner .dk-select-options-splite li.dk-option-selected { background: transparent; } .spliteEditTransactionDialog .label-1, .spliteTransactionDialog .label-1 { display: block; font-weight: 600; font-size: 11px; padding: 0px; margin-bottom: 2px; } .spliteEditTransactionDialog .with-accordion.active .exhange-form-select, .spliteTransactionDialog .with-accordion.active .exhange-form-select { border-radius: 8px 8px 0 0 !important; } .spliteEditTransactionDialog .with-accordion.active .exchangle-form-dropdown, .spliteTransactionDialog .with-accordion.active .exchangle-form-dropdown { /*border-top: 2px solid #0faaea;*/ border-radius: 0 0 8px 8px !important; } .spliteEditTransactionDialog .intrabank-wrapper, .spliteTransactionDialog .intrabank-wrapper { position: relative; width: 100%; padding: 10px 0; } .spliteEditTransactionDialog .intrabank-wrapper.recDialog, .spliteTransactionDialog .intrabank-wrapper.recDialog { width: 339px; } .spliteEditTransactionDialog .intrabank-wrapper.with-label-inside .input-1, .spliteTransactionDialog .intrabank-wrapper.with-label-inside .input-1 { font-size: 15px; line-height: 1.4; height: fit-content; max-width: 362px; padding: 15px 56px 15px 19px !important; } .spliteEditTransactionDialog .intrabank-wrapper.with-label-inside .input-1.input-bold, .spliteTransactionDialog .intrabank-wrapper.with-label-inside .input-1.input-bold { font-family: "Source-Sans-Pro-bold", sans-serif; } .spliteEditTransactionDialog .intrabank-wrapper.with-label-inside .input-1:focus, .spliteTransactionDialog .intrabank-wrapper.with-label-inside .input-1:focus { border-color: #0a79b8; } .spliteEditTransactionDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper, .spliteTransactionDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper { position: absolute; width: 40px; height: 40px; top: 50%; right: 11px; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; cursor: pointer; } .spliteEditTransactionDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper.background-4, .spliteTransactionDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper.background-4 { background-color: #0a79b8; } .spliteEditTransactionDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right, .spliteTransactionDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right { position: absolute; width: 20px; height: 20px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); fill: currentColor; stroke: currentColor; } .spliteEditTransactionDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right.text-color-2, .spliteTransactionDialog .intrabank-wrapper.with-label-inside > .input-ico-right-wrapper > .input-ico-right.text-color-2 { color: #fff; } .spliteEditTransactionDialog .intrabank-wrapper.with-label-inside.val, .spliteTransactionDialog .intrabank-wrapper.with-label-inside.val { width: 50%; margin-right: 80px; } .spliteEditTransactionDialog .intrabank-wrapper.with-label-inside.val .input-1, .spliteTransactionDialog .intrabank-wrapper.with-label-inside.val .input-1 { width: 100%; } .spliteEditTransactionDialog .intrabank-wrapper.with-label-inside.model .input-1, .spliteTransactionDialog .intrabank-wrapper.with-label-inside.model .input-1 { width: 58px !important; } .spliteEditTransactionDialog .intrabank-wrapper.with-label-inside.refNum .input-1, .spliteTransactionDialog .intrabank-wrapper.with-label-inside.refNum .input-1 { width: 426px; } .spliteEditTransactionDialog .intrabank-wrapper.with-label-inside .input-text-right, .spliteTransactionDialog .intrabank-wrapper.with-label-inside .input-text-right { position: absolute; top: 50%; right: -60px; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0; } .spliteEditTransactionDialog .intrabank-wrapper .dateInput, .spliteTransactionDialog .intrabank-wrapper .dateInput { padding: 25px 56px 6px 24px !important; height: 25px; border: 1px solid #dcdcdc; border-radius: 30px; width: 100%; } .spliteEditTransactionDialog .intrabank-wrapper .template, .spliteTransactionDialog .intrabank-wrapper .template { padding: 16px 56px 14px 24px !important; border: 1px solid #dcdcdc; border-radius: 30px; color: black; font-weight: 800; background-color: white; cursor: pointer; } .spliteEditTransactionDialog .intrabank-wrapper .template.recDialog, .spliteTransactionDialog .intrabank-wrapper .template.recDialog { display: inline-block; width: 318px; } .spliteEditTransactionDialog .intrabank-wrapper .toggle-btn, .spliteTransactionDialog .intrabank-wrapper .toggle-btn { position: absolute; width: 40px; height: 20px; top: 50%; right: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 20px; padding: 5px; -webkit-transition: background-color .5s; transition: background-color .5s; background-color: #e1e1e1; pointer-events: none; } .spliteEditTransactionDialog .intrabank-wrapper .toggle-btn.recDialog, .spliteTransactionDialog .intrabank-wrapper .toggle-btn.recDialog { top: 42%; right: -46px; } .spliteEditTransactionDialog .intrabank-wrapper .toggle-btn .toggle-btn-switch, .spliteTransactionDialog .intrabank-wrapper .toggle-btn .toggle-btn-switch { display: block; width: 20px; height: 20px; border-radius: 50%; background-color: #fff; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s,-webkit-transform .5s; } .spliteEditTransactionDialog .intrabank-wrapper.active .toggle-btn, .spliteTransactionDialog .intrabank-wrapper.active .toggle-btn { background-color: #0a79b8; } .spliteEditTransactionDialog .intrabank-wrapper.active .toggle-btn .toggle-btn-switch, .spliteTransactionDialog .intrabank-wrapper.active .toggle-btn .toggle-btn-switch { transform: translateX(100%); } .spliteEditTransactionDialog .intrabank-wrapper .animationLabel, .spliteTransactionDialog .intrabank-wrapper .animationLabel { position: absolute; top: 21px; left: 24px; padding: 0 !important; font-family: "Source-Sans-Pro", sans-serif; font-size: 15px; color: rgba(0, 0, 0, 0.54); -webkit-transition: color .2s,top .2s,left .2s,-webkit-transform .2s; transition: color .2s,top .2s,left .2s,-webkit-transform .2s; transition: transform .2s,color .2s,top .2s,left .2s; transition: transform .2s,color .2s,top .2s,left .2s,-webkit-transform .2s; pointer-events: none; will-change: transform; z-index: 1; } .spliteEditTransactionDialog .intrabank-wrapper .animationLabel.date, .spliteTransactionDialog .intrabank-wrapper .animationLabel.date { top: 8px; left: 19px; -webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); color: #0a79b8; font-family: "Source-Sans-Pro-semibold", sans-serif; pointer-events: none; } .spliteEditTransactionDialog .intrabank-wrapper.editfocus .animationLabel, .spliteTransactionDialog .intrabank-wrapper.editfocus .animationLabel { top: 10px; left: 15px; -webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); color: #0a79b8; font-family: "Source-Sans-Pro-semibold", sans-serif; } .spliteEditTransactionDialog .intrabank-wrapper.focusin .animationLabel, .spliteTransactionDialog .intrabank-wrapper.focusin .animationLabel { top: 12px; left: 15px; -webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); color: #0a79b8; font-family: "Source-Sans-Pro-semibold", sans-serif; font-size: 13px; } .spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .animationLabel, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .animationLabel { top: 14px; left: 15px; -webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); color: #0a79b8; font-family: "Source-Sans-Pro-semibold", sans-serif; pointer-events: none; } .spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .exhange-form-select, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .exhange-form-select { padding: 23px 30px 6px 24px; cursor: pointer; background-color: white; } .spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .element-border-6, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .element-border-6 { border-radius: 30px; } .spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .relative, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .relative { position: relative; } .spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico { width: 6px; height: 10px; right: 20px; top: 50%; -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); fill: #0a79b8; } .spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down { right: 12px; top: 5px; } .spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down.pay, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down.pay { top: 12px; padding: 0 28px 0 0; } .spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode { border-radius: 30px; overflow: hidden; border: 1px solid #dcdcdc; background-color: white; } .spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.predefined, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.predefined { background-color: #f1f1f1; pointer-events: none; color: #989898; } .spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .wrapper-options, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .wrapper-options { max-height: 150px; display: none; } .spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item { padding: 15px 16px 15px 24px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-transition: all .3s; transition: all .3s; } .spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item:hover, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item:hover { background-color: #f5f5f5; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; } .spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options { display: block; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; position: absolute; width: 197px; z-index: 2; background-color: white; border: 1px solid #dcdcdc; overflow: hidden; } .spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list { overflow: scroll; max-height: 150px; width: 197px; padding: 0; } .spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar { background: white; width: 3px; } .spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-track, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-track { top: 20px; background: white; } .spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-thumb, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-thumb { background-color: #0a79b8; border-radius: 5px; width: 3px; } .spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .exhange-form-select, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .paymentCode.active .exhange-form-select { border-bottom: 2px solid #0a79b8; } .spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .page-text, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .page-text { font-size: 15px; pointer-events: none; } .spliteEditTransactionDialog .intrabank-wrapper.label-inside-custom-select .margin-0, .spliteTransactionDialog .intrabank-wrapper.label-inside-custom-select .margin-0 { margin: 0; } .spliteEditTransactionDialog .intrabank-wrapper > .validationMessage, .spliteTransactionDialog .intrabank-wrapper > .validationMessage { color: #FF0000; float: left; font-size: 14px; margin-top: 14px; margin-bottom: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 136%; padding-left: 19px; position: absolute; display: block; transform: translateY(-10px); bottom: -35px; } .spliteEditTransactionDialog .intrabank-wrapper.dialog, .spliteTransactionDialog .intrabank-wrapper.dialog { width: 339px; } .spliteEditTransactionDialog .template-date, .spliteTransactionDialog .template-date { background-color: #fff; } .spliteTransactionDialog .close-btn { border: 1px solid #0a79b8; background-color: transparent; color: #0a79b8; font-family: "Source-Sans-Pro-semibold", sans-serif !important; margin-right: 18px; } .spliteTransactionDialog .close-btn:hover { background-color: rgba(10, 121, 184, 0.1); } .spliteTransactionDialog .exhange-form-select .label-1 { display: block; font-weight: 500; font-size: 15px; color: rgba(0, 0, 0, 0.54); padding: 0 16px; margin-bottom: 2px; margin-top: 9px; font-family: "Source-Sans-Pro", sans-serif; } .spliteTransactionDialog .exhange-form-select .label-animation { display: block; font-weight: 600; font-size: 11px; color: #52AE30; padding: 0px; margin-bottom: 2px; margin-top: 0px; } .spliteEditTransactionDialog .exhange-form-select .label-1 { display: block; font-weight: 500; font-size: 15px; color: rgba(0, 0, 0, 0.54); padding: 0 16px; margin-bottom: 2px; margin-top: 9px; font-family: "Source-Sans-Pro", sans-serif; } .spliteEditTransactionDialog .exhange-form-select .label-animation { display: block; font-weight: 600; font-size: 11px; color: #52AE30; padding: 0px; margin-bottom: 2px; margin-top: 0px; } .redErrorBorder { border: 1px solid red; } .display-none { display: none !important; } .full-width-important { width: 100% !important; } .ruleForm .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down.pay { top: 25px; } .ruleForm .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down { right: 19px; } .ruleForm .select-wrapper .selected-product span { margin-left: 2px !important; } .ruleForm .dk-selected { padding: 14px 50px 2px 20px; white-space: nowrap; overflow: hidden; background-color: white; border: 1px solid #b4bfcb; border-radius: 8px; -o-text-overflow: ellipsis; text-overflow: ellipsis; height: 50px; } .ruleForm .dk-selected span { margin-left: -4px; font-family: "Source-Sans-Pro", sans-serif !important; } .ruleForm .dk-selected.borde.active { border-radius: 8px 8px 0 0; } .ruleForm .selected-item { margin-top: 10px; margin-bottom: -10px; margin-left: 2px; font-family: "Source-Sans-Pro", sans-serif !important; } .ruleForm .selected-products-active { top: 6px !important; font-size: 12px !important; color: #0a79b8 !important; font-family: "Source-Sans-Pro-bold", sans-serif !important; position: absolute; } .ruleForm .selected-products-before { font-family: "Source-Sans-Pro", sans-serif !important; font-weight: normal; pointer-events: none; will-change: transform; color: rgba(0, 0, 0, 0.54) !important; } .ruleForm .dk-select.select-1 { position: relative; } .ruleForm .dk-select { border-radius: 8px 8px 0 0; } .ruleForm .dk-select .dk-select-options-rule { position: absolute; display: none; left: 0; right: 0; top: 100%; margin-top: -5px; position: absolute; background-color: white; border-radius: 10px; list-style: none; margin: 0; max-height: 300px; overflow-x: hidden; overflow-y: auto; width: auto; z-index: 20; border-radius: 0 0 8px 8px; border: 1px solid #b4bfcb; } .ruleForm .dk-select .dk-select-options-rule .dk-option { padding: 10px 18px; color: #000000; background: transparent; -webkit-transition: background-color .3s; transition: background-color .3s; } .ruleForm .dk-select .dk-select-options-rule .dk-option:hover { background-color: #F5F7F9; } .ruleForm .dk-select .dk-select-options-rule .dk-option:hover span { font-family: "Source-Sans-Pro-bold", sans-serif !important; } .ruleForm .dk-select .dk-select-options-rule.active { display: block !important; } .ruleForm .dk-select .dk-select-options-rule.active .dk-selected { border-radius: 8px 8px 0 0 !important; border: none; border-top: 1px solid #b4bfcb; border-left: 1px solid #b4bfcb; border-right: 1px solid #b4bfcb; border-bottom: none; } .ruleForm .dk-select-options-rule.active { display: block !important; } .ruleForm .dk-select-options-rule.active .dk-selected { border-radius: 8px 8px 0 0 !important; border-top: 1px solid #b4bfcb; border-left: 1px solid #b4bfcb; border-right: 1px solid #b4bfcb; border-bottom: none; } .ruleForm .select.dk-selected:before { content: ''; top: 50%; display: block; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-top-color: #000000; position: absolute; border-width: 0.35em 0.35em 0; margin: 0; border: solid transparent; right: 0; background-image: url(images/icons/arrow-down.png); background-size: contain; background-repeat: no-repeat; width: 20px; height: 20px; } .ruleForm .transaction-filter-box { margin: 0 0px 15px; } .ruleForm .transaction-filter-box .transaction-filter.transaction-calendar { padding: 0; } .ruleForm .transaction-filter-box .transaction-filter { position: relative; border: 1px solid #DFE7EF; padding: 11px 16px; border-radius: 8px; cursor: pointer; } .ruleForm .transaction-filter-box .transaction-filter input { border: none; width: 100%; font-size: 15px; padding: 0; } .ruleForm .margin-3 { margin-bottom: 0px; } .spliteTransactionDialog .popup-btn-wrapper, .spliteEditTransactionDialog .popup-btn-wrapper { padding: 0px 40px !important; } .spliteTransactionDialog .split-transactions-container, .spliteEditTransactionDialog .split-transactions-container { padding-bottom: 0px !important; margin-bottom: -40px !important; } .spliteTransactionDialog .transaction-filter-inner .dk-selected, .spliteEditTransactionDialog .transaction-filter-inner .dk-selected { z-index: 0 !important; } .pfm-zero-bottom-show { top: -160px !important; } .SavingGoalsList { padding-top: 50px; max-width: 640px; margin: 0 auto; padding-bottom: 1px; } .SavingGoalsList .filter { padding-bottom: 20px; } .SavingGoalsList .payment-ico-border-goals-svg { top: -10px !important; position: absolute; left: -15px; width: 87px; height: 60px; } .SavingGoalsList .payment-ico-border-goals-svg rect { fill: transparent; stroke: #2A7F00; stroke-width: 6px; stroke-dasharray: 314; } .goalsEditDetailsDialog .secoundleft { width: 21% !important; right: 27px; } .goalsEditDetailsDialog .secoundleft .payments { cursor: default; background-color: #EFEFEF; } .goalsEditDetailsDialog .pay-valuta { height: 21px !important; } .goalsEditDetailsDialog .pay-valuta .payment-filter-ico { right: 47px !important; top: 26px !important; } .goalsEditDetailsDialog .firstleft { width: 183px !important; } .goalsEditDetailsDialog .firstleft .animationLabel { width: 100%; } .goalsEditDetailsDialog .input-datum { right: 2px; width: 94%; height: 20px; } .goalsEditDetailsDialog .dk-select { margin: 0px 5px 0 2px; } .goalsEditDetailsDialog .dk-select .dk-select-options-reminder { border-radius: 0 0 25px 25px !important; border-top: 2px solid #52ae30; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); width: 95%; } .goalsEditDetailsDialog .dk-select.active .dk-selected { border-radius: 25px 25px 0 0 !important; border: none; } .goalsEditDetailsDialog .addcategory { float: left; z-index: 10; background-color: #EFEFEF; padding-right: 26px; } .goalsEditDetailsDialog .swiper-button-prev { left: 119px !important; } .goalsEditDetailsDialog .my-account-img-upload { position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; z-index: 10 !important; cursor: pointer; } .goalsEditDetailsDialog .input-datum { pointer-events: none; } .goalsEditDetailsDialog .input-datum .transaction-calendar { background-color: #EFEFEF; border-color: #DCDCDC !important; } .goalsEditDetailsDialog .cam-ico { position: absolute; width: 36px; height: 34px; top: 187%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); stroke: currentColor; } .goalsEditDetailsDialog .my-account-detail-img-wrapper { position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; z-index: 10 !important; cursor: pointer; } .goalsEditDetailsDialog .addpicture { stroke: gray !important; width: 30px; height: 70px; } .goalsEditDetailsDialog .my-goal-img img { height: 70px; } .goalsEditDetailsDialog .template-date .validationMessage { position: absolute; top: 36px; } .goalsAddDialog .secoundleft { width: 21% !important; right: 27px; } .goalsAddDialog .secoundleft .payments { cursor: default; background-color: #EFEFEF; } .goalsAddDialog .pay-valuta { height: 21px !important; } .goalsAddDialog .pay-valuta .payment-filter-ico { right: -51px !important; top: 26px !important; } .goalsAddDialog .firstleft { width: 183px !important; } .goalsAddDialog .firstleft .animationLabel { width: 100%; } .goalsAddDialog .input-datum { right: 2px; width: 94%; height: 20px; } .goalsAddDialog .dk-select { margin: 0px 5px 0 2px; } .goalsAddDialog .dk-select .dk-select-options-reminder { border-radius: 0 0 25px 25px !important; border-top: 2px solid #52ae30; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); width: 182%; } .goalsAddDialog .dk-select.active .dk-selected { border-radius: 25px 25px 0 0 !important; border: none; } .goalsAddDialog .addcategory { float: left; z-index: 10; background-color: #EFEFEF; padding-right: 26px; } .goalsAddDialog .swiper-button-prev { left: 119px !important; } .goalsAddDialog .my-account-img-upload { position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; z-index: 10 !important; cursor: pointer; } .goalsAddDialog .cam-ico { position: absolute; width: 36px; height: 34px; top: 187%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); stroke: currentColor; } .goalsAddDialog .my-account-detail-img-wrapper { position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; z-index: 10 !important; cursor: pointer; } .goalsAddDialog .addpicture { stroke: gray !important; width: 30px; height: 70px; } .goalsAddDialog .my-goal-img img { height: 70px; } .goalsAddDialog .template-date .validationMessage { position: absolute; top: 36px; } .goalsListDetailsDialog .object-fit-cover { display: block !important; border-radius: 37px; } .goalsListDetailsDialog .popup-ammount-ico-wrapper { background-color: #0a79b8 !important; } .goalsListDetailsDialog .popup-ammount-ico-wrapper .payments-ico-svg { stroke: #FFFFFF !important; fill: #FFFFFF !important; width: 33px !important; height: 33px !important; } .savingGoalsListView .endDateGoalsView { display: flex; float: right; justify-content: end; } .savingGoalsListView .object-fit-cover { border-radius: 25px; } .savingGoalsListView .pfm-budgeting-box { padding: 7px 16px 16px 16px !important; } .savingGoalsListView .pfm-budgeting-box .messageStatus { display: flex; justify-content: end; } .goalsEditDetailsDialog .object-fit-cover { border-radius: 30px; } .goalsEditDetailsDialog .edit-sg-value { border: 1px solid #DCDCDC !important; } .goalsEditDetailsDialog .all-account-close { top: 50%; right: 40px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 40px; height: 40px; cursor: pointer; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); } .goalsEditDetailsDialog .all-account-close .account-close-ico { position: absolute; width: 12px; height: 12px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .goalsEditDetailsDialog .input-datum { margin-bottom: 29px; } .goalsEditDetailsDialog .dk-select .dk-select-options-reminder .dk-option:hover { background-color: #EFEFEF; cursor: pointer; } .createdSavingGoal .popup-btn-wrapper { bottom: 20px !important; } .createdSavingGoal .account-item-inner.optiscroll { padding: 0 30px; } .createdSavingGoal .account-item-inner.optiscroll .account-inter-inner-scroll { display: grid; justify-items: center; margin-top: 20%; } .createdSavingGoal .successful-goal-creation-ico { background-image: url(images/icons/credit-request.PNG); background-size: 110px; background-repeat: no-repeat; width: 110px; height: 110px; } .msgBox-oneButton .ui-dialog-buttonpane { padding: 0 !important; } .testpfm { background: red !important; } .ui-dialog.right-dialog.confirmation .ui-dialog-buttonset button { width: 100%; background: linear-gradient(45deg, #006de6, #00b2e6); color: #fff !important; font-weight: 600; } .ui-dialog.right-dialog.confirmation .popup-ammount-wrapper { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); } .ui-dialog.right-dialog.confirmation .popup-ammount-ico { stroke: unset; } .ui-dialog.right-dialog.details-dialog { width: 500px; } .ui-dialog.right-dialog .ui-dialog-content { max-height: 100% !important; } .ui-dialog.right-dialog .ui-dialog-content .center-popup-title { justify-content: center !important; } .ui-dialog.right-dialog.remindersEditDialog, .ui-dialog.right-dialog.remindersAddDialog { top: 24px !important; bottom: 24px; height: auto !important; margin: 0 !important; padding: 0; overflow: hidden !important; background: #f5f8fb; } .ui-dialog.right-dialog.remindersEditDialog .mCustomScrollBox, .ui-dialog.right-dialog.remindersAddDialog .mCustomScrollBox { padding: 0px; } .ui-dialog.right-dialog.remindersEditDialog .fastPaymentDialog, .ui-dialog.right-dialog.remindersAddDialog .fastPaymentDialog { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: auto !important; } .ui-dialog.right-dialog.remindersEditDialog .fastPaymentDialog .all-accounts-popup-wrapper, .ui-dialog.right-dialog.remindersAddDialog .fastPaymentDialog .all-accounts-popup-wrapper { padding: 40px 0px; } .ui-dialog.right-dialog.remindersEditDialog .fastPaymentDialog .all-account-wrapper-outer, .ui-dialog.right-dialog.remindersAddDialog .fastPaymentDialog .all-account-wrapper-outer { height: 100%; } .ui-dialog.right-dialog.remindersEditDialog .fastPaymentDialog .all-account-popup-title, .ui-dialog.right-dialog.remindersAddDialog .fastPaymentDialog .all-account-popup-title { margin-bottom: 30px; } .ui-dialog.right-dialog.remindersEditDialog .fastPaymentDialog .all-accounts-popup-wrapper, .ui-dialog.right-dialog.remindersAddDialog .fastPaymentDialog .all-accounts-popup-wrapper { position: relative; height: 100%; } .ui-dialog.right-dialog.remindersEditDialog .fastPaymentDialog .account-item-inner, .ui-dialog.right-dialog.remindersAddDialog .fastPaymentDialog .account-item-inner { position: absolute; right: 0; bottom: 0; left: 0; height: auto !important; top: 120px !important; } .ui-dialog.right-dialog.remindersEditDialog .fastPaymentDialog .account-select-item .account-select-item-text, .ui-dialog.right-dialog.remindersAddDialog .fastPaymentDialog .account-select-item .account-select-item-text { padding-right: 25px; } .ui-dialog.right-dialog.remindersEditDialog .fastPaymentDialog .account-select-item .account-select-item-text .page-text, .ui-dialog.right-dialog.remindersAddDialog .fastPaymentDialog .account-select-item .account-select-item-text .page-text { margin-bottom: 0; } .ui-dialog.right-dialog.remindersEditDialog .fastPaymentDialog .account-select-item .add-remove-favorite-star, .ui-dialog.right-dialog.remindersAddDialog .fastPaymentDialog .account-select-item .add-remove-favorite-star { position: absolute; stroke: #C7C7C7; fill: transparent; -webkit-transition: fill .5s,stroke .5s; transition: fill .5s,stroke .5s; width: 20px; height: 20px; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .ui-dialog.right-dialog.remindersEditDialog .fastPaymentDialog .account-select-item .add-remove-favorite-star.active, .ui-dialog.right-dialog.remindersAddDialog .fastPaymentDialog .account-select-item .add-remove-favorite-star.active { stroke: #252888; fill: #252888; } .ui-dialog.right-dialog.remindersEditDialog .fastPaymentDialog .account-select.-popup-item, .ui-dialog.right-dialog.remindersAddDialog .fastPaymentDialog .account-select.-popup-item { box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); } .ui-dialog.right-dialog.remindersEditDialog .fastPaymentDialog .account-select.-popup-item .active, .ui-dialog.right-dialog.remindersAddDialog .fastPaymentDialog .account-select.-popup-item .active { background-color: #FFFFFF; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); } .ui-dialog.right-dialog.remindersEditDialog .fastPaymentDialog .account-inter-inner-scroll, .ui-dialog.right-dialog.remindersAddDialog .fastPaymentDialog .account-inter-inner-scroll { padding: 0 40px; } .ui-dialog.right-dialog.remindersEditDialog .fastPaymentDialog .add-remove-favorite-item, .ui-dialog.right-dialog.remindersAddDialog .fastPaymentDialog .add-remove-favorite-item { border-radius: 16px; height: 70px; } .ui-dialog.right-dialog.remindersEditDialog .fastPaymentDialog .add-remove-favorite-item .user-account-card-img, .ui-dialog.right-dialog.remindersAddDialog .fastPaymentDialog .add-remove-favorite-item .user-account-card-img { width: 40px; height: 40px; box-shadow: none; overflow: hidden; } .ui-dialog.right-dialog.remindersEditDialog .fastPaymentDialog .add-remove-favorite-item .user-account-card-img .page-text-3, .ui-dialog.right-dialog.remindersAddDialog .fastPaymentDialog .add-remove-favorite-item .user-account-card-img .page-text-3 { position: absolute; line-height: 1; margin-bottom: 0; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ui-dialog.right-dialog.remindersEditDialog .fastPaymentDialog .beneficiaries-fav, .ui-dialog.right-dialog.remindersAddDialog .fastPaymentDialog .beneficiaries-fav { position: absolute; stroke: #C7C7C7; fill: transparent; -webkit-transition: fill .5s,stroke .5s; transition: fill .5s,stroke .5s; width: 20px; height: 20px; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .ui-dialog.right-dialog.remindersEditDialog .fastPaymentDialog .beneficiaries-fav.active svg, .ui-dialog.right-dialog.remindersAddDialog .fastPaymentDialog .beneficiaries-fav.active svg { stroke: #F60; fill: #F60; } .ui-widget.ui-widget-content { border: none !important; } .budgeAddDialog, .budgeEditDetailsDialog, .budgetViewTransactions, .budgeListDetails, .tagTransactionDialog, .editCategoriesTransactionDialog, .spliteTransactionDialog, .spliteEditTransactionDialog, .ruleForm, .edit-rule-popup { background-color: #f5f8fb !important; } .budgeListDetails .budgeListDetailsDialog .account-item-inner .transaction-popup-details-wrapper .transaction-popup-details-half-col .transaction-popup-details-inner-col p { font-family: "pt_sansregular", sans-serif !important; /*font-weight: bold;*/ } .budgeListDetails .budgeListDetailsDialog .account-item-inner .transaction-popup-details-wrapper .pfm-budget-popup-subcategories-status .pfm-budget-popup-subcategory .pfm-budget-popup-subcategory-content .pfm-budget-popup-subcategory-amount span { font-family: "pt_sansregular", sans-serif !important; font-weight: bold; } .btn-2.gradient { background: linear-gradient(45deg, #006de6, #00b2e6); } .reminderFilter { display: flex; justify-content: center; } .reminderFilter .transaction-filter-wrapper { width: 1100px; } .reminderFilter .dk-selected { height: 40px !important; } .reminderFilter .dot-menu { width: 40px; height: 40px; } .reminderFilter .transaction-filter-inner { display: flex; align-items: end; } .reminderFilter .dot-menu svg { width: 11px; height: 11px; } .reminderFilter .dk-select-open-down .dk-selected { border: 1px solid #0faaea; border-bottom: transparent; } .reminderFilter .transaction-filter-inner .dk-select-options { padding: 0px 5px 11px 1px !important; } .reminderFilter .transaction-filter-inner .dk-select-options .dk-option { padding: 16px 18px; } .reminderFilter .transaction-filter-box .years { width: 110px; scrollbar-width: auto !important; } .reminderFilter .transaction-filter-box .years::-webkit-scrollbar { background: white; width: 5px; } .reminderFilter .transaction-filter-box .years::-webkit-scrollbar-track { top: 20px; background: transparent; } .reminderFilter .transaction-filter-box .years::-webkit-scrollbar-thumb { background-color: #e5e7e8; border-radius: 5px; width: 4px; } .reminderFilter .transaction-filter-box .mounth { width: 200px; scrollbar-width: auto !important; } .reminderFilter .transaction-filter-box .mounth::-webkit-scrollbar { background: white; width: 5px; } .reminderFilter .transaction-filter-box .mounth::-webkit-scrollbar-track { top: 20px; background: transparent; } .reminderFilter .transaction-filter-box .mounth::-webkit-scrollbar-thumb { background-color: #e5e7e8; border-radius: 5px; width: 4px; } .reminderFilter .btn-2 { padding: 10px 28px !important; } .drugidiv .fc-event-time { margin-bottom: 5px; } .FinanceRulesSettings .activity-popup-filter { color: black; font-weight: bold; width: 180px; padding: 22px; } .FinanceRulesSettings .activity-popup-filter .turnover-icon { width: 40px; height: 40px; border-radius: 12px; background-color: #DFE7EF; position: relative; float: left; margin-left: 0px !important; } .FinanceRulesSettings .activity-popup-filter .tablesaw-cell-content { display: flex; margin-top: 5px; display: flex; justify-content: start; color: black; } .FinanceRulesSettings .activity-popup-filter .tablesaw-cell-content:hover { color: #0a79b8; } .FinanceRulesSettings .activity-popup-filter .tagIconevent { margin-top: 17px; } .FinanceRulesSettings .activity-popup-filter .editcategoris { margin-left: 5px; } .FinanceRulesSettings .activity-popup-filter .editIcon { margin-left: 5px; } .FinanceRulesSettings .activity-popup-filter .tagIcon { margin-left: 5px; } .FinanceRulesSettings .dot-menu { box-shadow: none; } .FinanceRulesSettings .clientGrid tbody td:nth-child(2) .tablesaw-cell-content { display: flex; align-items: center; } .pfmpopup-content-rules { position: absolute; margin-right: 0%; z-index: 300; background-color: #EFEFEF; border-radius: 16px; padding: 24px; box-shadow: 0 0 24px rgba(0, 0, 0, 0.16); opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); visibility: hidden; -webkit-transition: visibility .5s,opacity .5s,-webkit-transform .5s; transition: visibility .5s,opacity .5s,-webkit-transform .5s; transition: visibility .5s,opacity .5s,transform .5s; transition: visibility .5s,opacity .5s,transform .5s,-webkit-transform .5s; margin-left: -148px; } .pfmpopup-content-rules.active { visibility: visible; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: .6s; transition-delay: .6s; z-index: 1003; } .pfmpopup-content-rules .dot-decoration { top: -14px; right: 15px; } .profile-zone-inline-tabs-rules .k-state-active { -webkit-transform: none !important; transform: none !important; } .FinanceCategorySettings pfm-settings-subcategory { height: 30px; } .FinanceCategorySettings .pfm-settings-subcategory-remove-ico { width: 12px; height: 12px; fill: currentColor; } .FinanceCategorySettings .pfm-settings-subcategory-remove-ico svg { stroke: currentColor; } .FinanceCategorySettings .pfm-settings-subcategory-remove-ico:hover { color: #0a79b8; cursor: pointer; fill: #0a79b8; } .FinanceCategorySettings .pfm-settings-subcategory-remove-ico:hover svg { stroke: #0a79b8; } .FinanceCategorySettings .pfm-settings-subcategory-2 { padding: 14px 24px !important; } .FinanceCategorySettings .btn-with-round-plus { color: #0a79b8; } .pfm-rules .select-wrapper.active .selected-product { border-top: 1px solid #b4bfcb; border-left: 1px solid #b4bfcb; border-right: 1px solid #b4bfcb; border-bottom: none; } .pfm-rules .input-wrap { margin-bottom: 20px; } .BudgetList .budgeteMounth.active .dk-selected { border: 1px solid #0faaea; } .BudgetList .budgeteMounth.active .dk-selected:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .BudgetList .budgeteYear { height: auto; } .BudgetList .budgeteYear.active .dk-selected { border: 1px solid #0faaea; } .BudgetList .budgeteYear.active .dk-selected:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .BudgetList .budgeteMounth, .BudgetList .budgeteYear { scrollbar-width: auto !important; } .BudgetList .budgeteMounth::-webkit-scrollbar, .BudgetList .budgeteYear::-webkit-scrollbar { background: white; width: 5px; } .BudgetList .budgeteMounth::-webkit-scrollbar-track, .BudgetList .budgeteYear::-webkit-scrollbar-track { top: 20px; background: transparent; } .BudgetList .budgeteMounth::-webkit-scrollbar-thumb, .BudgetList .budgeteYear::-webkit-scrollbar-thumb { background-color: #e5e7e8; border-radius: 5px; width: 4px; } .BudgetList .mounthBox { width: 200px; } .BudgetList .yearBox { width: 100px; } .BudgetList .filterButton .transaction-form-submit-arrow { position: relative; } .BudgetList .filterButton svg { top: 27%; } .BudgetList .filterButton .btnExecuteFilter { width: 45px; padding: 15px 22px; height: 45px; } .BudgetList .dk-selected { height: 45px; } .BudgetList .transaction-filter-inner { display: flex; justify-content: space-between; } .BudgetList .user-intro-section-button-wrapper .btn-2 { border-radius: 6px; color: #fff; padding: 11px 28px; } .BudgetList .user-intro-section-button-wrapper .btn-2.gradient { background: linear-gradient(45deg, #006de6, #00b2e6); } .BudgetList .budgetListFilter { margin-top: 25px; } .BudgetList .color-blue { color: #0a79b8; } .budgeAddDialog .intrabank-wrapper { padding: 15px 0; } .budgeAddDialog .mCustomScrollBox { padding: 0; } .budgeAddDialog .transaction-popup-details-wrapper .input-wrapper { padding: 0px 0px 0 33px; } .budgeAddDialog .budgeAddDialog-all-accounts-popup-wrapper .mCSB_dragger_bar { background-color: #dfe7ef !important; border-radius: 5px !important; width: 4px !important; } .budgeEditDetailsDialog .intrabank-wrapper { padding: 15px 0; } .budgeEditDetailsDialog .mCustomScrollBox { padding: 0; } .budgeEditDetailsDialog .transaction-popup-details-wrapper .input-wrapper { padding: 0; } .budgeEditDetailsDialog .budgeEditDetailsDialog-all-accounts-popup-wrapper .mCSB_dragger_bar { background-color: #dfe7ef !important; border-radius: 5px !important; width: 4px !important; } .budgeEditDetailsDialog .budgeEditDetailsDialog-all-accounts-popup-wrapper .transaction-popup-details-wrapper .input-wrapper .account-input .budgetEditDialog { padding: 15px 0px 15px 11px !important; } .budgeEditDetailsDialog .popup-ammount-ico-wrapper { background-color: #fff; } .budgetViewTransactions .mCustomScrollBox { padding: 0; } .spliteEditTransactionDialog .mCustomScrollBox, .spliteTransactionDialog .mCustomScrollBox { padding: 0; } .spliteEditTransactionDialog .input-amount, .spliteTransactionDialog .input-amount { border: 1px solid #dfe7ef; } .spliteEditTransactionDialog .spliteTransactionDialog-all-accounts-popup-wrapper .account-item-inner .mCSB_dragger_bar, .spliteTransactionDialog .spliteTransactionDialog-all-accounts-popup-wrapper .account-item-inner .mCSB_dragger_bar { background-color: #dfe7ef !important; border-radius: 5px !important; width: 4px !important; } .spliteEditTransactionDialog .pfm-calendar-day-tooltip-reminder-btn-wrapper, .spliteTransactionDialog .pfm-calendar-day-tooltip-reminder-btn-wrapper { display: flex; justify-content: center; height: 145px; padding-top: 30px; } .spliteEditTransactionDialog .mCSB_scrollTools, .spliteTransactionDialog .mCSB_scrollTools { bottom: auto !important; } .spliteEditTransactionDialog .btn-2, .spliteTransactionDialog .btn-2 { border-radius: 6px; } .budgeListDetailsDialog .pfm-budgeting-popup-buttons .btn-2 { width: 48%; padding: 15px 0px; } .fc-widget-content:hover { border: 2px solid red; } .FinanceCategory .see-all-transactions { border: 1px solid #0a79b8; background: #fff; color: #0a79b8; font-weight: 600; } .FinanceCategory .see-all-transactions:hover { background: rgba(10, 121, 184, 0.1); } .text-color-25 { color: #00c6ff; }