/* Minification failed. Returning unminified contents. (26412,29): run-time error CSS1030: Expected identifier, found ',' (26412,255): run-time error CSS1031: Expected selector, found ')' (26412,255): run-time error CSS1025: Expected comma or open brace, found ')' (43110,16): run-time error CSS1034: (50492,44): run-time error CSS1030: Expected identifier, found ',' (50492,175): run-time error CSS1031: Expected selector, found ')' (50492,175): run-time error CSS1025: Expected comma or open brace, found ')' (50497,44): run-time error CSS1030: Expected identifier, found ',' (50497,175): run-time error CSS1031: Expected selector, found ')' (50497,175): run-time error CSS1025: Expected comma or open brace, found ')' */ /*#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: #0a79b8; } /*** 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-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: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, #page-header.dashboard:after { height: 415px; } #page-header.dashboard-header .user-heading, #page-header.dashboard .user-heading { display: none; } #page-header.dashboard-header .user-intro-section-name, #page-header.dashboard .user-intro-section-name { display: block; max-width: 400px; } #page-header.dashboard-header .user-intro-section-profile .user-intro-section-profile-box.companyInfo, #page-header.dashboard .user-intro-section-profile .user-intro-section-profile-box.companyInfo { display: none; } #page-header:not(.dashboard-header):not(.dashboard):after { height: 236px; } #page-header:not(.dashboard-header):not(.dashboard) .UserInfoCorporate .UserInfoHeader .user-heading { display: block; } #page-header:not(.dashboard-header):not(.dashboard) .UserInfoCorporate .UserInfoHeader .user-heading h2 { margin-bottom: 0px; } #page-header:not(.dashboard-header):not(.dashboard) .UserInfoCorporate .UserInfoHeader .user-heading .subHeading { margin-bottom: 0; font-family: "Source-Sans-Pro", sans-serif; font-size: 18px; color: #FFFFFF; } #page-header:not(.dashboard-header):not(.dashboard) .UserInfoCorporate .UserInfoHeader .user-intro-section-name { display: none; } #page-header:not(.dashboard-header):not(.dashboard) .UserInfoCorporate .UserInfoHeader .user-intro-section-profile .user-intro-section-profile-box.companyInfo { display: block; } #page-header.messages-header .UserInfoCorporate .UserInfoHeader .user-heading { display: block; } #page-header.messages-header .UserInfoCorporate .UserInfoHeader .user-heading h2 { margin-bottom: 0px; display: block; } #page-header.messages-header .UserInfoCorporate .UserInfoHeader .user-heading .subHeading { margin-bottom: 0; font-family: "Source-Sans-Pro", sans-serif; font-size: 18px; color: #FFFFFF; } #page-header.messages-header .UserInfoCorporate .UserInfoHeader .user-intro-section-name { display: none; } #page-header.messages-header .UserInfoCorporate .UserInfoHeader .user-intro-section-profile .user-intro-section-profile-box.companyInfo { display: none !important; } #page-header.messages-header:after { height: 150px !important; } #page-header.promotions-header:after { height: 185px; } #page-header.insurance-header:after { height: 150px !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.messageHub-header:after, #page-header.messages-header:after { height: 230px !important; } #page-header.view_payment_orders-header .UserInfoHeader, #page-header.beneficiaries-header .UserInfoHeader, #page-header.messageHub-header .UserInfoHeader, #page-header.messages-header .UserInfoHeader { margin-bottom: 50px; } #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(90% - 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-all; font-family: "Source Sans Pro", sans-serif; font-size: 15px; font-weight: bold; max-width: 145px; } .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: #353f4a; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 60px 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: #0a79b8; -webkit-transition: color .5s; transition: color .5s; } .side-menu .main-menu .s-portal-menu .main-nav li a:hover svg, .side-menu .main-menu .s-portal-menu .main-nav li a.selected svg { background-color: #0a79b8; } .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; } .side-menu .main-menu .s-portal-menu .main-nav li ul li a span:hover { color: #0a79b8; font-family: "Source-Sans-Pro-semibold", 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: 50px; /*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: "Source-Sans-Pro-semibold", sans-serif; -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; background-color: #0a79b8 !important; } .holos-menu-item:hover .main-nav-link-ico svg use { fill: #0a79b8; stroke: #fff; -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; max-height: 22px; 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; max-height: 22px; 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; } .side-menu .main-menu .s-portal-menu .main-nav li.salaries-ico { font-family: "pt_sansregular", sans-serif !important; } @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 */ .PaymentOrderV2 .wrapper, .PaymentOrderV4 .wrapper, .FXTrading .user-account-card-outer .wrapper, .PaymentTransferV2 .user-account-card-outer .wrapper, .CardPayment .user-account-card-outer .wrapper, .PaymentOrderV2 .user-account-card-outer .wrapper, .PaymentOrderV4 .user-account-card-outer .wrapper, .notificationMsgList .clientGridPager .currentPage, .notificationMsgList .clientGridPager .pagination, .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, .read-message .all-accounts-popup-wrapper, .MessageHubNotificationList .tableFilter, .CardInstallmentsV2 .gvCardTurnover .clientGrid tbody tr td .tablesaw-cell-content, .AccountBalancePreviewCorporate .wrapper, .CardBalancePreviewCorporate .wrapper, .AuthorizedAccountsCorporate .wrapper, .LoanBalancePreviewCorporate .wrapper, .DepositBalancePreviewCorporate .wrapper, .AccountSlider .wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .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, .gvAccountTurnoverPreview .loan-filter-wrapper .payment-filter-payment .page-text small, .gridViewDepositTurnover .loan-filter-wrapper .payment-filter-payment .page-text small, .SupplementaryCardsListCorporate .card-filter-wrapper .payment-filter-payment .page-text small, .LoanRepaymentsCorporate .loan-filter-wrapper .payment-filter-payment .page-text small, small { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .MessageHubNotificationList .show-per-page *, .Forms_ActiveWorkflowListSOG .show-per-page *, .LoanRepaymentsCorporate .show-per-page *, .CreditorTemplateManaging .show-per-page *, .CardStatementsCorporate .show-per-page *, .AccountStatementsCorporate .show-per-page *, .CreditorTemplateManagingV2 .show-per-page *, .CreditorTemplateManagingPublicV2 .show-per-page *, .CreditorTemplateManagingForeignV2 .show-per-page *, .CrontoTokenListV2 .show-per-page *, .DepositStatementsCorporate .show-per-page *, .SupplementaryCardsListCorporate .show-per-page *, .notificationMsgList .clientGridPager *, .s-page-host:not(.login) { -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 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.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 0.3s; transition: color 0.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: #191e39; 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 { position: absolute; width: 97%; padding: 10px 5px; border: 1px solid #ff5858; background-color: rgba(255, 88, 88, 0.05); } .form-error-message-block .warning-svg { position: absolute; width: 16px; height: 16px; left: 10px; color: #ff5858; } .form-error-message-block .warning-text { color: #ff5858; padding-left: 30px; font-weight: bold; } .AccountSlider .form-error-message-block { top: 155px; width: 80%; } .FastPayment .form-error-message-block { top: 25px; } .AccountBalancePreviewCorporate .form-error-message-block, .LoanBalancePreviewCorporate .form-error-message-block, .CardBalancePreviewCorporate .form-error-message-block, .AuthorizedAccountsCorporate .form-error-message-block, .DepositBalancePreviewCorporate .form-error-message-block { top: 115px; width: 80%; } .LoanRepaymentsCorporate { position: relative; } .LoanRepaymentsCorporate .form-error-message-block { top: 33px; } .LoanAnnuityPlanCorporate { position: relative; } .LoanAnnuityPlanCorporate .form-error-message-block { top: 33px; } .SupplementaryCardsListCorporate .form-error-message-block, .ExchangeOfficeCorporateV2 .form-error-message-block { top: 30px; } .CurrencyCalculatorCorporate .form-error-message-block { top: 30px; } .SalariesOverviewCorporateV2 { position: relative; } .SalariesOverviewCorporateV2 .form-error-message-block { top: 115px; } .SalariesServerOrderListCorporateV2 { position: relative; } .SalariesServerOrderListCorporateV2 .gvOrderList { margin-top: 40px; } .SalariesServerOrderListCorporateV2 .form-error-message-block { top: 45px; } .AccountPosTrasactionCorporate .form-error-message-block, .CardTurnoverCorporate .form-error-message-block, .DepositTurnoverCorporate .form-error-message-block, .InflowsCorporateV2 .form-error-message-block, .CardSpendingCorporate .form-error-message-block, .CardStatementsCorporate .form-error-message-block, .AccountStatementsCorporate .form-error-message-block, .DepositStatementsCorporate .form-error-message-block { top: 125px; } .InflowsCorporateV2 { position: relative; } .InflowsCorporateV2 .form-error-message-block { top: 86px; } .dashboard.CardTurnoverCorporate, .dashboard.AccountTurnoverCorporate { position: relative; } .dashboard.CardTurnoverCorporate .form-error-message-block, .dashboard.AccountTurnoverCorporate .form-error-message-block { top: 30px; } .dashboard.AccountTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td:first-child { display: none; } .dashboard.CurrencyCalculatorCorporate { position: relative; } .dashboard.CurrencyCalculatorCorporate .form-error-message-block { top: 34px; width: unset; } .CurrencyExchangeCorporateV2 .form-error-message-block { top: 47px; } .dashboard.CurrencyExchangeCorporateV2 .form-error-message-block { top: 65px; } .dashboard.CurrencyExchangeCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box { width: 40%; } .AccountTurnoverCorporate, .AccountStatementsCorporate, .CardTurnoverCorporate, .CardSpendingCorporate, .CardStatementsCorporate { margin-top: 20px; } .AccountTurnoverCorporate .form-error-message-block, .AccountStatementsCorporate .form-error-message-block, .CardTurnoverCorporate .form-error-message-block, .CardSpendingCorporate .form-error-message-block, .CardStatementsCorporate .form-error-message-block { top: 145px; } .DomesticOrderCorporateV3 .form-error-message-block { top: 53px; } .ForeignOrderCorporateV3 .form-error-message-block { top: -20px; } .ForeignOrdersReviewCorporateV3 .form-error-message-block { top: 28px; } .DomesticOrderReportCorporateV3 { position: relative; } .DomesticOrderReportCorporateV3 .form-error-message-block { top: 190px; } .DomesticOrderListCorporateV3 .form-error-message-block, .OrderPackageListCorporateV3 .form-error-message-block, .ForeignOrderListCorporateV3 .form-error-message-block { top: 26px; } .OrderPackageDetailsCorporateV3 .form-error-message-block { top: 45px; } .DomesticOrdersReviewCorporateV3 .form-error-message-block { top: 28px; } .ForeignOrderReportCorporateV3 { position: relative; } .ForeignOrderReportCorporateV3 .form-error-message-block { top: 270px; } .OrderPackageReportCorporateV3, .OrdersFromOrderPackagesListCorporateV3, .ExchangeOfficeOverviewCorporateV2 { position: relative; } .OrderPackageReportCorporateV3 .form-error-message-block, .OrdersFromOrderPackagesListCorporateV3 .form-error-message-block, .ExchangeOfficeOverviewCorporateV2 .form-error-message-block { top: 115px; } .CreditorTemplateManagingV2 .form-error-message-block, .CreditorTemplateManagingPublicV2 .form-error-message-block, .CreditorTemplateManagingForeignV2 .form-error-message-block { top: 26px; } .SalariesPaymentOrderCorporateV2 .form-error-message-block { top: 28px; } .UserInfoCorporate .form-error-message-block { top: 5px; } .ExchangeOfficeServerOverviewCorporateV2 .form-error-message-block { top: 25px; } /*#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 #C7C7C7; } .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 0.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 0.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 0.5s; } .password-change-dialog .btn-2:hover { background-color: #2A7F00; box-shadow: 0 8px 24px rgba(54, 60, 164, 0.4) !important; } .AccountTurnoverCorporate .tableHeader { background: #e4eaf1; padding: 10px 14px; border-radius: 6px; } .AccountTurnoverCorporate .tableHeader table { margin-bottom: 0px !important; } .AccountTurnoverCorporate .tableHeader table td p { margin-bottom: 0px !important; font-weight: bold; } .AccountTurnoverCorporate .tableHeader table td span { font-family: "pt_sansregular", sans-serif !important; font-weight: bold; } .AccountTurnoverCorporate .tableHeader table td:nth-child(1) { width: 40%; vertical-align: middle; } .AccountTurnoverCorporate .tableHeader table td:nth-child(2), .AccountTurnoverCorporate .tableHeader table td:nth-child(3), .AccountTurnoverCorporate .tableHeader table td:nth-child(4), .AccountTurnoverCorporate .tableHeader table td:nth-child(5) { width: 15%; } .AccountTurnoverCorporate .tableHeader.previousBalance { margin-bottom: 20px; } .AccountTurnoverCorporate .tableHeader.previousBalance td .openBalance { font-weight: bold; } .AccountTurnoverCorporate .tableFilter { width: unset; } .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .label-1 { white-space: nowrap; } .dashboard.AccountTurnoverCorporate .gvAccountTurnoverPreview .tablesaw thead tr th:first-child, .dashboard.CardTurnoverCorporate .gvAccountTurnoverPreview .tablesaw thead tr th:first-child { display: none; } .dashboard.AccountTurnoverCorporate .gvAccountTurnoverPreview .tablesaw thead tr th:nth-child(3), .dashboard.CardTurnoverCorporate .gvAccountTurnoverPreview .tablesaw thead tr th:nth-child(3) { width: 10.5%; } .dashboard.AccountTurnoverCorporate .gvAccountTurnoverPreview .tablesaw thead tr th:nth-child(6), .dashboard.CardTurnoverCorporate .gvAccountTurnoverPreview .tablesaw thead tr th:nth-child(6) { width: 20.5%; } .dashboard.AccountTurnoverCorporate .gvAccountTurnoverPreview .tablesaw tbody tr, .dashboard.CardTurnoverCorporate .gvAccountTurnoverPreview .tablesaw tbody tr { /*td:nth-child(5) { width: 30%; }*/ } .dashboard.AccountTurnoverCorporate .gvAccountTurnoverPreview .tablesaw tbody tr td:nth-child(6), .dashboard.CardTurnoverCorporate .gvAccountTurnoverPreview .tablesaw tbody tr td:nth-child(6) { width: 20.5%; } .dashboard.AccountTurnoverCorporate .gvAccountTurnoverPreview .tablesaw tbody tr td:nth-child(6) .tablesaw-cell-content, .dashboard.CardTurnoverCorporate .gvAccountTurnoverPreview .tablesaw tbody tr td:nth-child(6) .tablesaw-cell-content { justify-content: end !important; } .dashboard.AccountTurnoverCorporate .gvAccountTurnoverPreview .table .th:nth-child(1), .dashboard.AccountTurnoverCorporate .gvAccountTurnoverPreview .table .td:nth-child(1), .dashboard.CardTurnoverCorporate .gvAccountTurnoverPreview .table .th:nth-child(1), .dashboard.CardTurnoverCorporate .gvAccountTurnoverPreview .table .td:nth-child(1) { display: none !important; } .dashboard.AccountTurnoverCorporate .tableHeader, .dashboard.AccountTurnoverCorporate .tableHeader.previousBalance, .dashboard.CardTurnoverCorporate .tableHeader, .dashboard.CardTurnoverCorporate .tableHeader.previousBalance { display: none !important; } .dashboard.AccountTurnoverCorporate .group-inner, .dashboard.CardTurnoverCorporate .group-inner { width: 100%; } .dashboard.AccountTurnoverCorporate .group-inner .btn-2, .dashboard.CardTurnoverCorporate .group-inner .btn-2 { width: 100%; font-size: 14px; padding: 11px 20px; border: 1px solid #0a79b8 !important; color: #0a79b8; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; background: #fff; border-radius: 6px; box-shadow: none; } .dashboard.AccountTurnoverCorporate .clientGridPager, .dashboard.CardTurnoverCorporate .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 0.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 0.5s; } .CurrencyCalculator { padding-left: 20px; padding-bottom: 160px; margin-top: 25px; } .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; display: none; } .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 0.5s, opacity 0.5s, -webkit-transform 0.5s; transition: visibility 0.5s, opacity 0.5s, -webkit-transform 0.5s; transition: visibility 0.5s, opacity 0.5s, transform 0.5s; transition: visibility 0.5s, opacity 0.5s, transform 0.5s, -webkit-transform 0.5s; } .CurrencyCalculator .dd-1.active, .CurrencyCalculator .dd-2.active { visibility: visible; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0.6s; transition-delay: 0.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: 50%; top: 25px; } .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 0.3s; transition: border-color 0.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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .user-account-card-img.card.block { display: block; } .CardPayment .user-account-card-img.card .card-image, .FXTrading .user-account-card-img.card .card-image, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .user-account-card-img.background-5 { display: 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; } .AccountBalancePreviewCorporate, .CardBalancePreviewCorporate, .AuthorizedAccountsCorporate, .LoanBalancePreviewCorporate, .DepositBalancePreviewCorporate, .AccountSlider { margin-bottom: 100px; } .AccountBalancePreviewCorporate .wrapper, .CardBalancePreviewCorporate .wrapper, .AuthorizedAccountsCorporate .wrapper, .LoanBalancePreviewCorporate .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; } .AccountBalancePreviewCorporate .wrapper.account-card-img, .CardBalancePreviewCorporate .wrapper.account-card-img, .AuthorizedAccountsCorporate .wrapper.account-card-img, .LoanBalancePreviewCorporate .wrapper.account-card-img, .DepositBalancePreviewCorporate .wrapper.account-card-img, .AccountSlider .wrapper.account-card-img { -webkit-transition: background-color 0.5s; transition: background-color 0.5s; } .AccountBalancePreviewCorporate .wrapper.account-card-img:hover, .CardBalancePreviewCorporate .wrapper.account-card-img:hover, .AuthorizedAccountsCorporate .wrapper.account-card-img:hover, .LoanBalancePreviewCorporate .wrapper.account-card-img:hover, .DepositBalancePreviewCorporate .wrapper.account-card-img:hover, .AccountSlider .wrapper.account-card-img:hover { background-color: #F5F5F5 !important; } .AccountBalancePreviewCorporate .wrapper.account-card-img:hover .profile-text-arrow, .CardBalancePreviewCorporate .wrapper.account-card-img:hover .profile-text-arrow, .AuthorizedAccountsCorporate .wrapper.account-card-img:hover .profile-text-arrow, .LoanBalancePreviewCorporate .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); } .AccountBalancePreviewCorporate .wrapper.account-card-img .user-account-card-img, .CardBalancePreviewCorporate .wrapper.account-card-img .user-account-card-img, .AuthorizedAccountsCorporate .wrapper.account-card-img .user-account-card-img, .LoanBalancePreviewCorporate .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; } .AccountBalancePreviewCorporate .wrapper.account-card-img .user-account-card-img.background-5, .CardBalancePreviewCorporate .wrapper.account-card-img .user-account-card-img.background-5, .AuthorizedAccountsCorporate .wrapper.account-card-img .user-account-card-img.background-5, .LoanBalancePreviewCorporate .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%; } .AccountBalancePreviewCorporate .wrapper.account-card-img .user-account-card-img.background-5 svg, .CardBalancePreviewCorporate .wrapper.account-card-img .user-account-card-img.background-5 svg, .AuthorizedAccountsCorporate .wrapper.account-card-img .user-account-card-img.background-5 svg, .LoanBalancePreviewCorporate .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%); } .AccountBalancePreviewCorporate .wrapper.account-card-img .profile-text-arrow, .CardBalancePreviewCorporate .wrapper.account-card-img .profile-text-arrow, .AuthorizedAccountsCorporate .wrapper.account-card-img .profile-text-arrow, .LoanBalancePreviewCorporate .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 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; width: 7px; height: 12px; right: 1px; position: relative; top: -10px; } .AccountBalancePreviewCorporate .wrapper.account-card-img .profile-text-arrow.dual, .CardBalancePreviewCorporate .wrapper.account-card-img .profile-text-arrow.dual, .AuthorizedAccountsCorporate .wrapper.account-card-img .profile-text-arrow.dual, .LoanBalancePreviewCorporate .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; } .AccountBalancePreviewCorporate .wrapper.account-card-img .account-card-text h2, .CardBalancePreviewCorporate .wrapper.account-card-img .account-card-text h2, .AuthorizedAccountsCorporate .wrapper.account-card-img .account-card-text h2, .LoanBalancePreviewCorporate .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; } .AccountBalancePreviewCorporate .wrapper.account-card-img .account-detail-menu, .CardBalancePreviewCorporate .wrapper.account-card-img .account-detail-menu, .AuthorizedAccountsCorporate .wrapper.account-card-img .account-detail-menu, .LoanBalancePreviewCorporate .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; } .AccountBalancePreviewCorporate .wrapper.account-card-img .account-intro-inner, .CardBalancePreviewCorporate .wrapper.account-card-img .account-intro-inner, .AuthorizedAccountsCorporate .wrapper.account-card-img .account-intro-inner, .LoanBalancePreviewCorporate .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 0px; border-bottom: 1px solid #DCDCDC; width: 100%; } .AccountBalancePreviewCorporate .wrapper.account-card-img .accounts-intro-balance h2, .CardBalancePreviewCorporate .wrapper.account-card-img .accounts-intro-balance h2, .AuthorizedAccountsCorporate .wrapper.account-card-img .accounts-intro-balance h2, .LoanBalancePreviewCorporate .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; } .AccountBalancePreviewCorporate .wrapper.account-card-img .accounts-intro-balance.right, .CardBalancePreviewCorporate .wrapper.account-card-img .accounts-intro-balance.right, .AuthorizedAccountsCorporate .wrapper.account-card-img .accounts-intro-balance.right, .LoanBalancePreviewCorporate .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; } .AccountBalancePreviewCorporate .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, .AuthorizedAccountsCorporate .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text, .LoanBalancePreviewCorporate .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; } .AccountBalancePreviewCorporate .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, .AuthorizedAccountsCorporate .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .amount1, .LoanBalancePreviewCorporate .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; } .AccountBalancePreviewCorporate .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, .AuthorizedAccountsCorporate .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .amount2, .LoanBalancePreviewCorporate .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); } .AccountBalancePreviewCorporate .wrapper.account-card-img .accounts-intro-balance.right svg, .CardBalancePreviewCorporate .wrapper.account-card-img .accounts-intro-balance.right svg, .AuthorizedAccountsCorporate .wrapper.account-card-img .accounts-intro-balance.right svg, .LoanBalancePreviewCorporate .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; } .AccountBalancePreviewCorporate .wrapper.account-card-img.selected, .CardBalancePreviewCorporate .wrapper.account-card-img.selected, .AuthorizedAccountsCorporate .wrapper.account-card-img.selected, .LoanBalancePreviewCorporate .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), rgba(0, 0, 0, 0)); margin-top: 40px; } .AccountBalancePreviewCorporate .user-account-card, .CardBalancePreviewCorporate .user-account-card, .AuthorizedAccountsCorporate .user-account-card, .LoanBalancePreviewCorporate .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; } .AccountBalancePreviewCorporate .user-account-card .btn-2, .CardBalancePreviewCorporate .user-account-card .btn-2, .AuthorizedAccountsCorporate .user-account-card .btn-2, .LoanBalancePreviewCorporate .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; } .AccountBalancePreviewCorporate .account-intro-inner, .CardBalancePreviewCorporate .account-intro-inner, .AuthorizedAccountsCorporate .account-intro-inner, .LoanBalancePreviewCorporate .account-intro-inner, .DepositBalancePreviewCorporate .account-intro-inner, .AccountSlider .account-intro-inner { width: calc(100% - 140px); } .AccountBalancePreviewCorporate .account-intro-inner.full, .CardBalancePreviewCorporate .account-intro-inner.full, .AuthorizedAccountsCorporate .account-intro-inner.full, .LoanBalancePreviewCorporate .account-intro-inner.full, .DepositBalancePreviewCorporate .account-intro-inner.full, .AccountSlider .account-intro-inner.full { width: 100%; } .AccountBalancePreviewCorporate .account-intro-inner.full.margin-right-2, .CardBalancePreviewCorporate .account-intro-inner.full.margin-right-2, .AuthorizedAccountsCorporate .account-intro-inner.full.margin-right-2, .LoanBalancePreviewCorporate .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; } .AccountBalancePreviewCorporate .account-intro-inner:nth-child(3), .CardBalancePreviewCorporate .account-intro-inner:nth-child(3), .AuthorizedAccountsCorporate .account-intro-inner:nth-child(3), .LoanBalancePreviewCorporate .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), rgba(0, 0, 0, 0)); margin-top: 35px; } .AccountBalancePreviewCorporate .account-intro-inner.lastBorder, .CardBalancePreviewCorporate .account-intro-inner.lastBorder, .AuthorizedAccountsCorporate .account-intro-inner.lastBorder, .LoanBalancePreviewCorporate .account-intro-inner.lastBorder, .DepositBalancePreviewCorporate .account-intro-inner.lastBorder, .AccountSlider .account-intro-inner.lastBorder { border-bottom: none !important; } .AccountBalancePreviewCorporate .account-intro-inner .user-account-loan-img, .AccountBalancePreviewCorporate .account-intro-inner .user-accout-card-img, .CardBalancePreviewCorporate .account-intro-inner .user-account-loan-img, .CardBalancePreviewCorporate .account-intro-inner .user-accout-card-img, .AuthorizedAccountsCorporate .account-intro-inner .user-account-loan-img, .AuthorizedAccountsCorporate .account-intro-inner .user-accout-card-img, .LoanBalancePreviewCorporate .account-intro-inner .user-account-loan-img, .LoanBalancePreviewCorporate .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: 6px; border: 1px solid #b4bfcb; overflow: hidden; } .AccountBalancePreviewCorporate .account-intro-inner .user-account-loan-img svg, .AccountBalancePreviewCorporate .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, .AuthorizedAccountsCorporate .account-intro-inner .user-account-loan-img svg, .AuthorizedAccountsCorporate .account-intro-inner .user-accout-card-img svg, .LoanBalancePreviewCorporate .account-intro-inner .user-account-loan-img svg, .LoanBalancePreviewCorporate .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%); } .AccountBalancePreviewCorporate .account-intro-inner.visible, .CardBalancePreviewCorporate .account-intro-inner.visible, .AuthorizedAccountsCorporate .account-intro-inner.visible, .LoanBalancePreviewCorporate .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 0.5s; transition: background-color 0.5s; width: 100%; } .AccountBalancePreviewCorporate .account-intro-inner.visible .account-card-text h2, .CardBalancePreviewCorporate .account-intro-inner.visible .account-card-text h2, .AuthorizedAccountsCorporate .account-intro-inner.visible .account-card-text h2, .LoanBalancePreviewCorporate .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; } .AccountBalancePreviewCorporate .account-intro-inner.visible .accounts-intro-balance h2, .CardBalancePreviewCorporate .account-intro-inner.visible .accounts-intro-balance h2, .AuthorizedAccountsCorporate .account-intro-inner.visible .accounts-intro-balance h2, .LoanBalancePreviewCorporate .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: "pt_sansregular", sans-serif !important; font-size: 20px; } .AccountBalancePreviewCorporate .account-intro-inner.visible .user-account-card-img, .CardBalancePreviewCorporate .account-intro-inner.visible .user-account-card-img, .AuthorizedAccountsCorporate .account-intro-inner.visible .user-account-card-img, .LoanBalancePreviewCorporate .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; } .AccountBalancePreviewCorporate .account-intro-inner.visible .user-account-card-img.background-5, .CardBalancePreviewCorporate .account-intro-inner.visible .user-account-card-img.background-5, .AuthorizedAccountsCorporate .account-intro-inner.visible .user-account-card-img.background-5, .LoanBalancePreviewCorporate .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%; } .AccountBalancePreviewCorporate .account-intro-inner.visible .user-account-card-img.background-5 svg, .CardBalancePreviewCorporate .account-intro-inner.visible .user-account-card-img.background-5 svg, .AuthorizedAccountsCorporate .account-intro-inner.visible .user-account-card-img.background-5 svg, .LoanBalancePreviewCorporate .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%); } .AccountBalancePreviewCorporate .account-intro-inner .profile-text-arrow, .CardBalancePreviewCorporate .account-intro-inner .profile-text-arrow, .AuthorizedAccountsCorporate .account-intro-inner .profile-text-arrow, .LoanBalancePreviewCorporate .account-intro-inner .profile-text-arrow, .DepositBalancePreviewCorporate .account-intro-inner .profile-text-arrow, .AccountSlider .account-intro-inner .profile-text-arrow { display: none; } .AccountBalancePreviewCorporate .account-card-text, .CardBalancePreviewCorporate .account-card-text, .AuthorizedAccountsCorporate .account-card-text, .LoanBalancePreviewCorporate .account-card-text, .DepositBalancePreviewCorporate .account-card-text, .AccountSlider .account-card-text { width: 63%; padding-left: 25px; } .AccountBalancePreviewCorporate .account-card-btn, .CardBalancePreviewCorporate .account-card-btn, .AuthorizedAccountsCorporate .account-card-btn, .LoanBalancePreviewCorporate .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: rgba(0, 0, 0, 0); user-select: none; /*&:hover { background-color: rgba(10,121,184,.1) !important; }*/ } .AccountBalancePreviewCorporate .account-card-btn.show-margin, .CardBalancePreviewCorporate .account-card-btn.show-margin, .AuthorizedAccountsCorporate .account-card-btn.show-margin, .LoanBalancePreviewCorporate .account-card-btn.show-margin, .DepositBalancePreviewCorporate .account-card-btn.show-margin, .AccountSlider .account-card-btn.show-margin { margin-left: 15px; } .AccountBalancePreviewCorporate .account-card-btn svg, .CardBalancePreviewCorporate .account-card-btn svg, .AuthorizedAccountsCorporate .account-card-btn svg, .LoanBalancePreviewCorporate .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; } .AccountBalancePreviewCorporate .account-detail-menu, .CardBalancePreviewCorporate .account-detail-menu, .AuthorizedAccountsCorporate .account-detail-menu, .LoanBalancePreviewCorporate .account-detail-menu, .DepositBalancePreviewCorporate .account-detail-menu, .AccountSlider .account-detail-menu { width: 100px; } .AccountBalancePreviewCorporate .account-detail-menu .dot-menu, .CardBalancePreviewCorporate .account-detail-menu .dot-menu, .AuthorizedAccountsCorporate .account-detail-menu .dot-menu, .LoanBalancePreviewCorporate .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; } .AccountBalancePreviewCorporate .account-detail-menu .dot-menu:hover, .CardBalancePreviewCorporate .account-detail-menu .dot-menu:hover, .AuthorizedAccountsCorporate .account-detail-menu .dot-menu:hover, .LoanBalancePreviewCorporate .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); } .AccountBalancePreviewCorporate .account-detail-menu .activity-popup-filter .dot-decoration, .CardBalancePreviewCorporate .account-detail-menu .activity-popup-filter .dot-decoration, .AuthorizedAccountsCorporate .account-detail-menu .activity-popup-filter .dot-decoration, .LoanBalancePreviewCorporate .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; } .AccountBalancePreviewCorporate .account-detail-menu .activity-popup-filter .page-text, .CardBalancePreviewCorporate .account-detail-menu .activity-popup-filter .page-text, .AuthorizedAccountsCorporate .account-detail-menu .activity-popup-filter .page-text, .LoanBalancePreviewCorporate .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; } .AccountBalancePreviewCorporate .account-detail-menu .activity-popup-filter .page-text:hover, .CardBalancePreviewCorporate .account-detail-menu .activity-popup-filter .page-text:hover, .AuthorizedAccountsCorporate .account-detail-menu .activity-popup-filter .page-text:hover, .LoanBalancePreviewCorporate .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; } .AccountBalancePreviewCorporate .accounts-intro-balance, .AccountBalancePreviewCorporate .accounts-intro-title, .CardBalancePreviewCorporate .accounts-intro-balance, .CardBalancePreviewCorporate .accounts-intro-title, .AuthorizedAccountsCorporate .accounts-intro-balance, .AuthorizedAccountsCorporate .accounts-intro-title, .LoanBalancePreviewCorporate .accounts-intro-balance, .LoanBalancePreviewCorporate .accounts-intro-title, .DepositBalancePreviewCorporate .accounts-intro-balance, .DepositBalancePreviewCorporate .accounts-intro-title, .AccountSlider .accounts-intro-balance, .AccountSlider .accounts-intro-title { width: 45%; } .AccountBalancePreviewCorporate .accounts-intro-balance h2, .AccountBalancePreviewCorporate .accounts-intro-title h2, .CardBalancePreviewCorporate .accounts-intro-balance h2, .CardBalancePreviewCorporate .accounts-intro-title h2, .AuthorizedAccountsCorporate .accounts-intro-balance h2, .AuthorizedAccountsCorporate .accounts-intro-title h2, .LoanBalancePreviewCorporate .accounts-intro-balance h2, .LoanBalancePreviewCorporate .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; } .AccountBalancePreviewCorporate .accounts-intro-balance .available, .AccountBalancePreviewCorporate .accounts-intro-title .available, .CardBalancePreviewCorporate .accounts-intro-balance .available, .CardBalancePreviewCorporate .accounts-intro-title .available, .AuthorizedAccountsCorporate .accounts-intro-balance .available, .AuthorizedAccountsCorporate .accounts-intro-title .available, .LoanBalancePreviewCorporate .accounts-intro-balance .available, .LoanBalancePreviewCorporate .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; } .AccountBalancePreviewCorporate .accounts-intro-balance .currency, .AccountBalancePreviewCorporate .accounts-intro-title .currency, .CardBalancePreviewCorporate .accounts-intro-balance .currency, .CardBalancePreviewCorporate .accounts-intro-title .currency, .AuthorizedAccountsCorporate .accounts-intro-balance .currency, .AuthorizedAccountsCorporate .accounts-intro-title .currency, .LoanBalancePreviewCorporate .accounts-intro-balance .currency, .LoanBalancePreviewCorporate .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; } .AccountBalancePreviewCorporate .accounts-intro-balance small, .AccountBalancePreviewCorporate .accounts-intro-title small, .CardBalancePreviewCorporate .accounts-intro-balance small, .CardBalancePreviewCorporate .accounts-intro-title small, .AuthorizedAccountsCorporate .accounts-intro-balance small, .AuthorizedAccountsCorporate .accounts-intro-title small, .LoanBalancePreviewCorporate .accounts-intro-balance small, .LoanBalancePreviewCorporate .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; } .AccountBalancePreviewCorporate .accounts-intro-balance h2, .CardBalancePreviewCorporate .accounts-intro-balance h2, .AuthorizedAccountsCorporate .accounts-intro-balance h2, .LoanBalancePreviewCorporate .accounts-intro-balance h2, .DepositBalancePreviewCorporate .accounts-intro-balance h2, .AccountSlider .accounts-intro-balance h2 { font-family: "pt_sansregular", sans-serif !important; font-weight: bold; } .AccountBalancePreviewCorporate .accounts-intro-title, .CardBalancePreviewCorporate .accounts-intro-title, .AuthorizedAccountsCorporate .accounts-intro-title, .LoanBalancePreviewCorporate .accounts-intro-title, .DepositBalancePreviewCorporate .accounts-intro-title, .AccountSlider .accounts-intro-title { padding-left: 40px; } .AccountBalancePreviewCorporate .accounts-intro-title.remove-padding, .CardBalancePreviewCorporate .accounts-intro-title.remove-padding, .AuthorizedAccountsCorporate .accounts-intro-title.remove-padding, .LoanBalancePreviewCorporate .accounts-intro-title.remove-padding, .DepositBalancePreviewCorporate .accounts-intro-title.remove-padding, .AccountSlider .accounts-intro-title.remove-padding { padding: 0; } .AccountBalancePreviewCorporate .user-account-card-img, .CardBalancePreviewCorporate .user-account-card-img, .AuthorizedAccountsCorporate .user-account-card-img, .LoanBalancePreviewCorporate .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; }*/ } .AccountBalancePreviewCorporate .user-account-card-img.cards, .CardBalancePreviewCorporate .user-account-card-img.cards, .AuthorizedAccountsCorporate .user-account-card-img.cards, .LoanBalancePreviewCorporate .user-account-card-img.cards, .DepositBalancePreviewCorporate .user-account-card-img.cards, .AccountSlider .user-account-card-img.cards { height: 47px !important; width: 72px !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); overflow: hidden; border-radius: 6px !important; padding-left: 0 !important; } .AccountBalancePreviewCorporate .user-account-card-img.cards .card-image, .CardBalancePreviewCorporate .user-account-card-img.cards .card-image, .AuthorizedAccountsCorporate .user-account-card-img.cards .card-image, .LoanBalancePreviewCorporate .user-account-card-img.cards .card-image, .DepositBalancePreviewCorporate .user-account-card-img.cards .card-image, .AccountSlider .user-account-card-img.cards .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%; } .AccountBalancePreviewCorporate .user-account-card-img.cards .card-image.card-613, .CardBalancePreviewCorporate .user-account-card-img.cards .card-image.card-613, .AuthorizedAccountsCorporate .user-account-card-img.cards .card-image.card-613, .LoanBalancePreviewCorporate .user-account-card-img.cards .card-image.card-613, .DepositBalancePreviewCorporate .user-account-card-img.cards .card-image.card-613, .AccountSlider .user-account-card-img.cards .card-image.card-613 { background-image: url("images/cards-types/img_44.png"); } .AccountBalancePreviewCorporate .user-account-card-img.cards .card-image.card-614, .CardBalancePreviewCorporate .user-account-card-img.cards .card-image.card-614, .AuthorizedAccountsCorporate .user-account-card-img.cards .card-image.card-614, .LoanBalancePreviewCorporate .user-account-card-img.cards .card-image.card-614, .DepositBalancePreviewCorporate .user-account-card-img.cards .card-image.card-614, .AccountSlider .user-account-card-img.cards .card-image.card-614 { background-image: url("images/cards-types/img_27.png"); } .AccountBalancePreviewCorporate .user-account-card-img.cards .card-image.card-647, .CardBalancePreviewCorporate .user-account-card-img.cards .card-image.card-647, .AuthorizedAccountsCorporate .user-account-card-img.cards .card-image.card-647, .LoanBalancePreviewCorporate .user-account-card-img.cards .card-image.card-647, .DepositBalancePreviewCorporate .user-account-card-img.cards .card-image.card-647, .AccountSlider .user-account-card-img.cards .card-image.card-647 { background-image: url("images/cards-types/img_23.png"); } .AccountBalancePreviewCorporate .user-account-card-img.cards .card-image.card-648, .CardBalancePreviewCorporate .user-account-card-img.cards .card-image.card-648, .AuthorizedAccountsCorporate .user-account-card-img.cards .card-image.card-648, .LoanBalancePreviewCorporate .user-account-card-img.cards .card-image.card-648, .DepositBalancePreviewCorporate .user-account-card-img.cards .card-image.card-648, .AccountSlider .user-account-card-img.cards .card-image.card-648 { background-image: url("images/cards-types/img_48.png"); } .AccountBalancePreviewCorporate .user-account-card-img.card, .CardBalancePreviewCorporate .user-account-card-img.card, .AuthorizedAccountsCorporate .user-account-card-img.card, .LoanBalancePreviewCorporate .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; } .AccountBalancePreviewCorporate .user-account-card-img.card.block, .CardBalancePreviewCorporate .user-account-card-img.card.block, .AuthorizedAccountsCorporate .user-account-card-img.card.block, .LoanBalancePreviewCorporate .user-account-card-img.card.block, .DepositBalancePreviewCorporate .user-account-card-img.card.block, .AccountSlider .user-account-card-img.card.block { display: block; } .AccountBalancePreviewCorporate .user-account-card-img.card .card-image, .CardBalancePreviewCorporate .user-account-card-img.card .card-image, .AuthorizedAccountsCorporate .user-account-card-img.card .card-image, .LoanBalancePreviewCorporate .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%; } .AccountBalancePreviewCorporate .user-account-card-img.card .card-image.card-602, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-602, .AuthorizedAccountsCorporate .user-account-card-img.card .card-image.card-602, .LoanBalancePreviewCorporate .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"); } .AccountBalancePreviewCorporate .user-account-card-img.card .card-image.card-605, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-605, .AuthorizedAccountsCorporate .user-account-card-img.card .card-image.card-605, .LoanBalancePreviewCorporate .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"); } .AccountBalancePreviewCorporate .user-account-card-img.card .card-image.card-609, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-609, .AuthorizedAccountsCorporate .user-account-card-img.card .card-image.card-609, .LoanBalancePreviewCorporate .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"); } .AccountBalancePreviewCorporate .user-account-card-img.card .card-image.card-610, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-610, .AuthorizedAccountsCorporate .user-account-card-img.card .card-image.card-610, .LoanBalancePreviewCorporate .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"); } .AccountBalancePreviewCorporate .user-account-card-img.card .card-image.card-616, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-616, .AuthorizedAccountsCorporate .user-account-card-img.card .card-image.card-616, .LoanBalancePreviewCorporate .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"); } .AccountBalancePreviewCorporate .user-account-card-img.card .card-image.card-617, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-617, .AuthorizedAccountsCorporate .user-account-card-img.card .card-image.card-617, .LoanBalancePreviewCorporate .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"); } .AccountBalancePreviewCorporate .user-account-card-img.card .card-image.card-618, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-618, .AuthorizedAccountsCorporate .user-account-card-img.card .card-image.card-618, .LoanBalancePreviewCorporate .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"); } .AccountBalancePreviewCorporate .user-account-card-img.card .card-image.card-627, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-627, .AuthorizedAccountsCorporate .user-account-card-img.card .card-image.card-627, .LoanBalancePreviewCorporate .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"); } .AccountBalancePreviewCorporate .user-account-card-img.card .card-image.card-635, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-635, .AuthorizedAccountsCorporate .user-account-card-img.card .card-image.card-635, .LoanBalancePreviewCorporate .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"); } .AccountBalancePreviewCorporate .user-account-card-img.card .card-image.card-637, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-637, .AuthorizedAccountsCorporate .user-account-card-img.card .card-image.card-637, .LoanBalancePreviewCorporate .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"); } .AccountBalancePreviewCorporate .user-account-card-img.card .card-image.card-642, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-642, .AuthorizedAccountsCorporate .user-account-card-img.card .card-image.card-642, .LoanBalancePreviewCorporate .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"); } .AccountBalancePreviewCorporate .user-account-card-img.card .card-image.card-662, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-662, .AuthorizedAccountsCorporate .user-account-card-img.card .card-image.card-662, .LoanBalancePreviewCorporate .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"); } .AccountBalancePreviewCorporate .user-account-card-img.card .card-image.card-670, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-670, .AuthorizedAccountsCorporate .user-account-card-img.card .card-image.card-670, .LoanBalancePreviewCorporate .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"); } .AccountBalancePreviewCorporate .user-account-card-img.card .card-image.card-680, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-680, .AuthorizedAccountsCorporate .user-account-card-img.card .card-image.card-680, .LoanBalancePreviewCorporate .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"); } .AccountBalancePreviewCorporate .user-account-card-img.card .card-image.card-683, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-683, .AuthorizedAccountsCorporate .user-account-card-img.card .card-image.card-683, .LoanBalancePreviewCorporate .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"); } .AccountBalancePreviewCorporate .user-account-card-img.card .card-image.card-690, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-690, .AuthorizedAccountsCorporate .user-account-card-img.card .card-image.card-690, .LoanBalancePreviewCorporate .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"); } .AccountBalancePreviewCorporate .user-account-card-img.card .card-image.card-681, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-681, .AuthorizedAccountsCorporate .user-account-card-img.card .card-image.card-681, .LoanBalancePreviewCorporate .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"); } .AccountBalancePreviewCorporate .user-account-card-img.card .card-image.card-613, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-613, .AuthorizedAccountsCorporate .user-account-card-img.card .card-image.card-613, .LoanBalancePreviewCorporate .user-account-card-img.card .card-image.card-613, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-613, .AccountSlider .user-account-card-img.card .card-image.card-613 { background-image: url("images/cards-types/img_44.png"); } .AccountBalancePreviewCorporate .user-account-card-img.card .card-image.card-614, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-614, .AuthorizedAccountsCorporate .user-account-card-img.card .card-image.card-614, .LoanBalancePreviewCorporate .user-account-card-img.card .card-image.card-614, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-614, .AccountSlider .user-account-card-img.card .card-image.card-614 { background-image: url("images/cards-types/img_27.png"); } .AccountBalancePreviewCorporate .user-account-card-img.card .card-image.card-647, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-647, .AuthorizedAccountsCorporate .user-account-card-img.card .card-image.card-647, .LoanBalancePreviewCorporate .user-account-card-img.card .card-image.card-647, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-647, .AccountSlider .user-account-card-img.card .card-image.card-647 { background-image: url("images/cards-types/img_23.png"); } .AccountBalancePreviewCorporate .user-account-card-img.card .card-image.card-648, .CardBalancePreviewCorporate .user-account-card-img.card .card-image.card-648, .AuthorizedAccountsCorporate .user-account-card-img.card .card-image.card-648, .LoanBalancePreviewCorporate .user-account-card-img.card .card-image.card-648, .DepositBalancePreviewCorporate .user-account-card-img.card .card-image.card-648, .AccountSlider .user-account-card-img.card .card-image.card-648 { background-image: url("images/cards-types/img_48.png"); } .AccountBalancePreviewCorporate .user-account-card-img.loans, .CardBalancePreviewCorporate .user-account-card-img.loans, .AuthorizedAccountsCorporate .user-account-card-img.loans, .LoanBalancePreviewCorporate .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; } .AccountBalancePreviewCorporate .user-account-card-img.background-5, .CardBalancePreviewCorporate .user-account-card-img.background-5, .AuthorizedAccountsCorporate .user-account-card-img.background-5, .LoanBalancePreviewCorporate .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.cards, .CardBalancePreviewCorporate .wrapper-border-radius .account-intro-inner .accounts-intro-title .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; } .CardBalancePreviewCorporate .user-account-card .account-intro-inner .accounts-intro-title .user-account-card-img.card, .CardBalancePreviewCorporate .wrapper-border-radius .account-intro-inner .accounts-intro-title .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; } .CardBalancePreviewCorporate .user-account-card .account-intro-inner .accounts-intro-title .user-account-card-img.card.block, .CardBalancePreviewCorporate .wrapper-border-radius .account-intro-inner .accounts-intro-title .user-account-card-img.card.block { display: block; } .CardBalancePreviewCorporate .user-account-card .account-intro-inner .accounts-intro-title .user-account-card-img.card .card-image, .CardBalancePreviewCorporate .wrapper-border-radius .account-intro-inner .accounts-intro-title .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%; } .CardBalancePreviewCorporate .user-account-card .account-intro-inner .accounts-intro-title .user-account-card-img.card .card-image.card-613, .CardBalancePreviewCorporate .wrapper-border-radius .account-intro-inner .accounts-intro-title .user-account-card-img.card .card-image.card-613 { background-image: url("images/cards-types/img_44.png"); } .CardBalancePreviewCorporate .user-account-card .account-intro-inner .accounts-intro-title .user-account-card-img.card .card-image.card-614, .CardBalancePreviewCorporate .wrapper-border-radius .account-intro-inner .accounts-intro-title .user-account-card-img.card .card-image.card-614 { background-image: url("images/cards-types/img_27.png"); } .CardBalancePreviewCorporate .user-account-card .account-intro-inner .accounts-intro-title .user-account-card-img.card .card-image.card-647, .CardBalancePreviewCorporate .wrapper-border-radius .account-intro-inner .accounts-intro-title .user-account-card-img.card .card-image.card-647 { background-image: url("images/cards-types/img_23.png"); } .CardBalancePreviewCorporate .user-account-card .account-intro-inner .accounts-intro-title .user-account-card-img.card .card-image.card-648, .CardBalancePreviewCorporate .wrapper-border-radius .account-intro-inner .accounts-intro-title .user-account-card-img.card .card-image.card-648 { background-image: url("images/cards-types/img_48.png"); } .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, .PaymentTransferV2 .s-widget-header, .CardPayment .s-widget-header, .PaymentOrderV2 .s-widget-header, .PaymentOrderV4 .s-widget-header, .LoginBackground .s-widget-header, .LoginCorporateV2 .s-widget-header, .Html .s-widget-header, .Support .s-widget-header, .LoanBalancePreviewCorporate .s-widget-header, .LoanBalanceCorporate .s-widget-header, .CardBalancePreviewCorporate .s-widget-header, .PromoHtml .s-widget-header { display: none; } .LoginCorporateV2 .login-form-col .login-download-wrap { top: 50px; display: block; position: relative; margin-right: 20px; } .LoginCorporateV2 .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 0.5s, background-color 0.5s; transition: box-shadow 0.5s, background-color 0.5s; height: 36px; line-height: 37px; margin-left: 5px; overflow: hidden; float: right; text-align: left; vertical-align: top; } .LoginCorporateV2 .login-form-col .login-download-wrap .pdf-download { border-radius: 6px; border: 1px solid #0a79b8; color: #0a79b8; box-shadow: none; font-weight: bold; } .LoginCorporateV2 .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); } .LoginCorporateV2 .login-form-col .login-download-wrap .pdf-download svg { fill: #0a79b8; stroke: #0a79b8; } .LoginCorporateV2 .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 .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: -0.01em; max-height: 76px; text-overflow: ellipsis; white-space: revert; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-family: "pt_sansregular", sans-serif !important; } .AccountSlider .user-account-card .user-account-card-left-col-inner p { 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-left-col-inner h2.amount { font-family: "pt_sansregular", sans-serif !important; } .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; } @media only screen and (max-width: 1400px) { .exchangeDetailsServerPopup .account-item-inner { height: 71vh !important; } } .unusedCheques, .accountDetailsPopup, .cardDetailsPopup, .accountTurnoverDetails, .cardTurnoverDetails, .loanDetailsPopup, .domesticOrderDetailsPopup, .orderSendingDetailsPopup, .repaymentDetails, .reservedFundsCard, .depositBalance, .newMessageDialog, .accountsList, .annuityDetails, .reservedFundsSlider, .read-messages-list, .reservedFunds, .installmentsList, .TransactionDetails, .paymentOverviewDetails, .fastPaymentDialog, .exchangeDetailsPopup, .exchangeDetailsServerPopup, .orderCommissionDialogPopup, .signatureCommissionDialogPopup, .crontoDialog, .inflowsManaging, .createUserAccountDialog, .creditorTemplateDialog, .creditorTemplateForeignDialog, .creditorTemplateDialogPublic, .packageSelectDialog, .languageSelectDialog, .debitAccountSelectDialog, .domesticDialog, .domesticPublicDialog, .creditorTemplateDialogPopup, .exchangeConfirmationServerViewPopup, .exchangeConfirmationViewPopup, .depositDetailPopup { height: 100% !important; } .unusedCheques .all-account-popup-title, .accountDetailsPopup .all-account-popup-title, .cardDetailsPopup .all-account-popup-title, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { margin: 40px 0; } .unusedCheques .all-account-popup-title h3, .accountDetailsPopup .all-account-popup-title h3, .cardDetailsPopup .all-account-popup-title h3, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { position: absolute; right: 40px; width: 40px; height: 40px; border-radius: 6px; cursor: pointer; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); } .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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { position: relative; display: block; padding: 18px 15px 17px 46px; cursor: pointer; background: hsla(0, 0%, 100%, 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { content: ""; position: absolute; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { cursor: pointer; font-weight: 400; } .unusedCheques .account-item-inner, .accountDetailsPopup .account-item-inner, .cardDetailsPopup .account-item-inner, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { height: 75vh; } .unusedCheques .popup-ammount-wrapper h2, .accountDetailsPopup .popup-ammount-wrapper h2, .cardDetailsPopup .popup-ammount-wrapper h2, .accountTurnoverDetails .popup-ammount-wrapper h2, .cardTurnoverDetails .popup-ammount-wrapper h2, .loanDetailsPopup .popup-ammount-wrapper h2, .domesticOrderDetailsPopup .popup-ammount-wrapper h2, .orderSendingDetailsPopup .popup-ammount-wrapper h2, .repaymentDetails .popup-ammount-wrapper h2, .reservedFundsCard .popup-ammount-wrapper h2, .depositBalance .popup-ammount-wrapper h2, .newMessageDialog .popup-ammount-wrapper h2, .accountsList .popup-ammount-wrapper h2, .annuityDetails .popup-ammount-wrapper h2, .reservedFundsSlider .popup-ammount-wrapper h2, .read-messages-list .popup-ammount-wrapper h2, .reservedFunds .popup-ammount-wrapper h2, .installmentsList .popup-ammount-wrapper h2, .TransactionDetails .popup-ammount-wrapper h2, .paymentOverviewDetails .popup-ammount-wrapper h2, .fastPaymentDialog .popup-ammount-wrapper h2, .exchangeDetailsPopup .popup-ammount-wrapper h2, .exchangeDetailsServerPopup .popup-ammount-wrapper h2, .orderCommissionDialogPopup .popup-ammount-wrapper h2, .signatureCommissionDialogPopup .popup-ammount-wrapper h2, .crontoDialog .popup-ammount-wrapper h2, .inflowsManaging .popup-ammount-wrapper h2, .createUserAccountDialog .popup-ammount-wrapper h2, .creditorTemplateDialog .popup-ammount-wrapper h2, .creditorTemplateForeignDialog .popup-ammount-wrapper h2, .creditorTemplateDialogPublic .popup-ammount-wrapper h2, .packageSelectDialog .popup-ammount-wrapper h2, .languageSelectDialog .popup-ammount-wrapper h2, .debitAccountSelectDialog .popup-ammount-wrapper h2, .domesticDialog .popup-ammount-wrapper h2, .domesticPublicDialog .popup-ammount-wrapper h2, .creditorTemplateDialogPopup .popup-ammount-wrapper h2, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper h2, .exchangeConfirmationViewPopup .popup-ammount-wrapper h2, .depositDetailPopup .popup-ammount-wrapper h2 { font-family: "pt_sansregular", sans-serif !important; font-weight: bold; } .unusedCheques .popup-ammount-wrapper .popup-ammount-ico-wrapper, .accountDetailsPopup .popup-ammount-wrapper .popup-ammount-ico-wrapper, .cardDetailsPopup .popup-ammount-wrapper .popup-ammount-ico-wrapper, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { margin-bottom: 5px !important; } .unusedCheques .popup-ammount-wrapper p, .accountDetailsPopup .popup-ammount-wrapper p, .cardDetailsPopup .popup-ammount-wrapper p, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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-613, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-613, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-613, .accountTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-613, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-613, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-613, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-613, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-613, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-613, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-613, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-613, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-613, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-613, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-613, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-613, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-613, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-613, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-613, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-613, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-613, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-613, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-613, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-613, .orderCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-613, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-613, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-613, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-613, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-613, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-613, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-613, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-613, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-613, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-613, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-613, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-613, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-613, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-613, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-613, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-613, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-613 { background-image: url("images/cards-types/img_44.png"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-614, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-614, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-614, .accountTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-614, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-614, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-614, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-614, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-614, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-614, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-614, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-614, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-614, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-614, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-614, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-614, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-614, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-614, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-614, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-614, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-614, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-614, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-614, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-614, .orderCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-614, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-614, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-614, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-614, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-614, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-614, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-614, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-614, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-614, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-614, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-614, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-614, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-614, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-614, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-614, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-614, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-614 { background-image: url("images/cards-types/img_27.png"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-647, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-647, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-647, .accountTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-647, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-647, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-647, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-647, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-647, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-647, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-647, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-647, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-647, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-647, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-647, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-647, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-647, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-647, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-647, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-647, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-647, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-647, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-647, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-647, .orderCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-647, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-647, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-647, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-647, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-647, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-647, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-647, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-647, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-647, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-647, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-647, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-647, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-647, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-647, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-647, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-647, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-647 { background-image: url("images/cards-types/img_23.png"); } .unusedCheques .popup-ammount-wrapper .card-detail-popup-ico.card-648, .accountDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-648, .cardDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-648, .accountTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-648, .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico.card-648, .loanDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-648, .domesticOrderDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-648, .orderSendingDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-648, .repaymentDetails .popup-ammount-wrapper .card-detail-popup-ico.card-648, .reservedFundsCard .popup-ammount-wrapper .card-detail-popup-ico.card-648, .depositBalance .popup-ammount-wrapper .card-detail-popup-ico.card-648, .newMessageDialog .popup-ammount-wrapper .card-detail-popup-ico.card-648, .accountsList .popup-ammount-wrapper .card-detail-popup-ico.card-648, .annuityDetails .popup-ammount-wrapper .card-detail-popup-ico.card-648, .reservedFundsSlider .popup-ammount-wrapper .card-detail-popup-ico.card-648, .read-messages-list .popup-ammount-wrapper .card-detail-popup-ico.card-648, .reservedFunds .popup-ammount-wrapper .card-detail-popup-ico.card-648, .installmentsList .popup-ammount-wrapper .card-detail-popup-ico.card-648, .TransactionDetails .popup-ammount-wrapper .card-detail-popup-ico.card-648, .paymentOverviewDetails .popup-ammount-wrapper .card-detail-popup-ico.card-648, .fastPaymentDialog .popup-ammount-wrapper .card-detail-popup-ico.card-648, .exchangeDetailsPopup .popup-ammount-wrapper .card-detail-popup-ico.card-648, .exchangeDetailsServerPopup .popup-ammount-wrapper .card-detail-popup-ico.card-648, .orderCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-648, .signatureCommissionDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-648, .crontoDialog .popup-ammount-wrapper .card-detail-popup-ico.card-648, .inflowsManaging .popup-ammount-wrapper .card-detail-popup-ico.card-648, .createUserAccountDialog .popup-ammount-wrapper .card-detail-popup-ico.card-648, .creditorTemplateDialog .popup-ammount-wrapper .card-detail-popup-ico.card-648, .creditorTemplateForeignDialog .popup-ammount-wrapper .card-detail-popup-ico.card-648, .creditorTemplateDialogPublic .popup-ammount-wrapper .card-detail-popup-ico.card-648, .packageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-648, .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-648, .debitAccountSelectDialog .popup-ammount-wrapper .card-detail-popup-ico.card-648, .domesticDialog .popup-ammount-wrapper .card-detail-popup-ico.card-648, .domesticPublicDialog .popup-ammount-wrapper .card-detail-popup-ico.card-648, .creditorTemplateDialogPopup .popup-ammount-wrapper .card-detail-popup-ico.card-648, .exchangeConfirmationServerViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-648, .exchangeConfirmationViewPopup .popup-ammount-wrapper .card-detail-popup-ico.card-648, .depositDetailPopup .popup-ammount-wrapper .card-detail-popup-ico.card-648 { background-image: url("images/cards-types/img_48.png"); } .unusedCheques .popup-ammount-wrapper .card-turnover-detail-ico, .accountDetailsPopup .popup-ammount-wrapper .card-turnover-detail-ico, .cardDetailsPopup .popup-ammount-wrapper .card-turnover-detail-ico, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { font-size: 30px; margin-bottom: 0; font-weight: bold; font-family: "pt_sansregular", sans-serif !important; } .unusedCheques .transaction-popup-detail, .accountDetailsPopup .transaction-popup-detail, .cardDetailsPopup .transaction-popup-detail, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { transition: all 0.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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { transition: all 0.5; stroke: white; } .unusedCheques .transaction-popup-detail .dot-menu, .accountDetailsPopup .transaction-popup-detail .dot-menu, .cardDetailsPopup .transaction-popup-detail .dot-menu, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { 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, .accountTurnoverDetails .transaction-popup-detail .dot-menu.installmentsList, .accountTurnoverDetails .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, .orderCommissionDialogPopup .transaction-popup-detail .dot-menu.installmentsList, .orderCommissionDialogPopup .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 { border: none; padding: 0; padding-top: 5px !important; } .unusedCheques .main-nav-link-ico-svg, .accountDetailsPopup .main-nav-link-ico-svg, .cardDetailsPopup .main-nav-link-ico-svg, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { position: absolute; color: #0a79b8; 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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { -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, .accountTurnoverDetails .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, .orderCommissionDialogPopup .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 { width: -webkit-calc(100% - 100px); width: calc(100% - 100px); padding: 0 25px 0 16px; } .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 0.5; } .cardDetailsPopup .transaction-popup-option:hover .block-deblock-card-details { filter: invert(1); } .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 { height: 75vh !important; overflow-y: hidden !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, .CardStatementsCorporate .s-widget-header.nochrome, .CardSpendingCorporate .s-widget-header.nochrome, .AccountTurnoverCorporate .s-widget-header.nochrome, .AccountPosTrasactionCorporate .s-widget-header.nochrome, .AccountStatementsCorporate .s-widget-header.nochrome, .CreditorTemplateManagingV2 .s-widget-header.nochrome, .CrontoTokenListV2 .s-widget-header.nochrome, .CreditorTemplateManagingPublicV2 .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, .CardStatementsCorporate .tableFilter .transaction-filter-inner .filterButton, .CardSpendingCorporate .tableFilter .transaction-filter-inner .filterButton, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .filterButton, .AccountStatementsCorporate .tableFilter .transaction-filter-inner .filterButton, .CreditorTemplateManagingV2 .tableFilter .transaction-filter-inner .filterButton, .CrontoTokenListV2 .tableFilter .transaction-filter-inner .filterButton, .CreditorTemplateManagingPublicV2 .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, .CardStatementsCorporate .tableFilter .transaction-filter-inner .filterButton:hover, .CardSpendingCorporate .tableFilter .transaction-filter-inner .filterButton:hover, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton:hover, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .filterButton:hover, .AccountStatementsCorporate .tableFilter .transaction-filter-inner .filterButton:hover, .CreditorTemplateManagingV2 .tableFilter .transaction-filter-inner .filterButton:hover, .CrontoTokenListV2 .tableFilter .transaction-filter-inner .filterButton:hover, .CreditorTemplateManagingPublicV2 .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, .CardStatementsCorporate .tableFilter .transaction-filter-inner .dk-selected, .CardSpendingCorporate .tableFilter .transaction-filter-inner .dk-selected, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .dk-selected, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .dk-selected, .AccountStatementsCorporate .tableFilter .transaction-filter-inner .dk-selected, .CreditorTemplateManagingV2 .tableFilter .transaction-filter-inner .dk-selected, .CrontoTokenListV2 .tableFilter .transaction-filter-inner .dk-selected, .CreditorTemplateManagingPublicV2 .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, .CardStatementsCorporate .input-wrap .search, .CardSpendingCorporate .input-wrap .search, .AccountTurnoverCorporate .input-wrap .search, .AccountPosTrasactionCorporate .input-wrap .search, .AccountStatementsCorporate .input-wrap .search, .CreditorTemplateManagingV2 .input-wrap .search, .CrontoTokenListV2 .input-wrap .search, .CreditorTemplateManagingPublicV2 .input-wrap .search, .CreditorTemplateManagingForeignV2 .input-wrap .search, .DepositTurnoverCorporate .input-wrap .search, .DepositStatementsCorporate .input-wrap .search { fill: #8294a8; } .CardInstallmentsV2 .input-wrap svg, .CardTurnoverCorporate .input-wrap svg, .CardStatementsCorporate .input-wrap svg, .CardSpendingCorporate .input-wrap svg, .AccountTurnoverCorporate .input-wrap svg, .AccountPosTrasactionCorporate .input-wrap svg, .AccountStatementsCorporate .input-wrap svg, .CreditorTemplateManagingV2 .input-wrap svg, .CrontoTokenListV2 .input-wrap svg, .CreditorTemplateManagingPublicV2 .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, .CardStatementsCorporate .mCSB_scrollTools.mCSB_scrollTools_horizontal, .CardSpendingCorporate .mCSB_scrollTools.mCSB_scrollTools_horizontal, .AccountTurnoverCorporate .mCSB_scrollTools.mCSB_scrollTools_horizontal, .AccountPosTrasactionCorporate .mCSB_scrollTools.mCSB_scrollTools_horizontal, .AccountStatementsCorporate .mCSB_scrollTools.mCSB_scrollTools_horizontal, .CreditorTemplateManagingV2 .mCSB_scrollTools.mCSB_scrollTools_horizontal, .CrontoTokenListV2 .mCSB_scrollTools.mCSB_scrollTools_horizontal, .CreditorTemplateManagingPublicV2 .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; } .PaymentOverviewV2 { margin-top: 10px !important; margin-bottom: 185px !important; } .separator-line { position: relative; top: 0px; height: 42px; width: 1px; background-color: #8294a8; margin: 0 7px; } .Forms_ActiveWorkflowListSOG, .AccountTurnoverCorporate, .AccountPosTrasactionCorporate, .AccountStatementsCorporate, .CreditorTemplateManagingV2, .CreditorTemplateManagingForeignV2, .CrontoTokenListV2, .CreditorTemplateManagingPublicV2, .CardTurnoverCorporate, .CardStatementsCorporate, .CardSpendingCorporate, .CardInstallmentsV2, .DepositTurnoverCorporate, .DepositStatementsCorporate, .LoanRepaymentsCorporate, .MessageHubNotificationList, .PaymentOverviewV2, .LoanAnnuityPlanCorporate, .CurrencyExchangeCorporateV2, .ExchangeOfficeOverviewCorporateV2, .OrderPackageReportCorporateV3, .OrdersFromOrderPackagesListCorporateV3, .DomesticOrderReportCorporateV3, .ForeignOrderReportCorporateV3, .SalariesOverviewCorporateV2, .DomesticOrderCorporateV3, .ForeignOrderCorporateV3, .domesticDialog, .foreignDialog, .salaryDialog, .inflowsManaging, .InflowsCorporateV2, .domesticPublicDialog, .SupplementaryCardsListCorporate { margin-bottom: 20px; } .Forms_ActiveWorkflowListSOG .date, .AccountTurnoverCorporate .date, .AccountPosTrasactionCorporate .date, .AccountStatementsCorporate .date, .CreditorTemplateManagingV2 .date, .CreditorTemplateManagingForeignV2 .date, .CrontoTokenListV2 .date, .CreditorTemplateManagingPublicV2 .date, .CardTurnoverCorporate .date, .CardStatementsCorporate .date, .CardSpendingCorporate .date, .CardInstallmentsV2 .date, .DepositTurnoverCorporate .date, .DepositStatementsCorporate .date, .LoanRepaymentsCorporate .date, .MessageHubNotificationList .date, .PaymentOverviewV2 .date, .LoanAnnuityPlanCorporate .date, .CurrencyExchangeCorporateV2 .date, .ExchangeOfficeOverviewCorporateV2 .date, .OrderPackageReportCorporateV3 .date, .OrdersFromOrderPackagesListCorporateV3 .date, .DomesticOrderReportCorporateV3 .date, .ForeignOrderReportCorporateV3 .date, .SalariesOverviewCorporateV2 .date, .DomesticOrderCorporateV3 .date, .ForeignOrderCorporateV3 .date, .domesticDialog .date, .foreignDialog .date, .salaryDialog .date, .inflowsManaging .date, .InflowsCorporateV2 .date, .domesticPublicDialog .date, .SupplementaryCardsListCorporate .date { display: inline; float: left; padding-left: 15px; color: rgba(0, 0, 0, 0.54); } .Forms_ActiveWorkflowListSOG .currencyTurnover, .AccountTurnoverCorporate .currencyTurnover, .AccountPosTrasactionCorporate .currencyTurnover, .AccountStatementsCorporate .currencyTurnover, .CreditorTemplateManagingV2 .currencyTurnover, .CreditorTemplateManagingForeignV2 .currencyTurnover, .CrontoTokenListV2 .currencyTurnover, .CreditorTemplateManagingPublicV2 .currencyTurnover, .CardTurnoverCorporate .currencyTurnover, .CardStatementsCorporate .currencyTurnover, .CardSpendingCorporate .currencyTurnover, .CardInstallmentsV2 .currencyTurnover, .DepositTurnoverCorporate .currencyTurnover, .DepositStatementsCorporate .currencyTurnover, .LoanRepaymentsCorporate .currencyTurnover, .MessageHubNotificationList .currencyTurnover, .PaymentOverviewV2 .currencyTurnover, .LoanAnnuityPlanCorporate .currencyTurnover, .CurrencyExchangeCorporateV2 .currencyTurnover, .ExchangeOfficeOverviewCorporateV2 .currencyTurnover, .OrderPackageReportCorporateV3 .currencyTurnover, .OrdersFromOrderPackagesListCorporateV3 .currencyTurnover, .DomesticOrderReportCorporateV3 .currencyTurnover, .ForeignOrderReportCorporateV3 .currencyTurnover, .SalariesOverviewCorporateV2 .currencyTurnover, .DomesticOrderCorporateV3 .currencyTurnover, .ForeignOrderCorporateV3 .currencyTurnover, .domesticDialog .currencyTurnover, .foreignDialog .currencyTurnover, .salaryDialog .currencyTurnover, .inflowsManaging .currencyTurnover, .InflowsCorporateV2 .currencyTurnover, .domesticPublicDialog .currencyTurnover, .SupplementaryCardsListCorporate .currencyTurnover { display: inline; margin: 0 5px; color: #C7C7C7; } .Forms_ActiveWorkflowListSOG .s-widget-title, .AccountTurnoverCorporate .s-widget-title, .AccountPosTrasactionCorporate .s-widget-title, .AccountStatementsCorporate .s-widget-title, .CreditorTemplateManagingV2 .s-widget-title, .CreditorTemplateManagingForeignV2 .s-widget-title, .CrontoTokenListV2 .s-widget-title, .CreditorTemplateManagingPublicV2 .s-widget-title, .CardTurnoverCorporate .s-widget-title, .CardStatementsCorporate .s-widget-title, .CardSpendingCorporate .s-widget-title, .CardInstallmentsV2 .s-widget-title, .DepositTurnoverCorporate .s-widget-title, .DepositStatementsCorporate .s-widget-title, .LoanRepaymentsCorporate .s-widget-title, .MessageHubNotificationList .s-widget-title, .PaymentOverviewV2 .s-widget-title, .LoanAnnuityPlanCorporate .s-widget-title, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .s-widget-title, .domesticDialog .s-widget-title, .foreignDialog .s-widget-title, .salaryDialog .s-widget-title, .inflowsManaging .s-widget-title, .InflowsCorporateV2 .s-widget-title, .domesticPublicDialog .s-widget-title, .SupplementaryCardsListCorporate .s-widget-title { margin-bottom: 22px; font-weight: bold; } .Forms_ActiveWorkflowListSOG .s-widget-body, .AccountTurnoverCorporate .s-widget-body, .AccountPosTrasactionCorporate .s-widget-body, .AccountStatementsCorporate .s-widget-body, .CreditorTemplateManagingV2 .s-widget-body, .CreditorTemplateManagingForeignV2 .s-widget-body, .CrontoTokenListV2 .s-widget-body, .CreditorTemplateManagingPublicV2 .s-widget-body, .CardTurnoverCorporate .s-widget-body, .CardStatementsCorporate .s-widget-body, .CardSpendingCorporate .s-widget-body, .CardInstallmentsV2 .s-widget-body, .DepositTurnoverCorporate .s-widget-body, .DepositStatementsCorporate .s-widget-body, .LoanRepaymentsCorporate .s-widget-body, .MessageHubNotificationList .s-widget-body, .PaymentOverviewV2 .s-widget-body, .LoanAnnuityPlanCorporate .s-widget-body, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .s-widget-body, .domesticDialog .s-widget-body, .foreignDialog .s-widget-body, .salaryDialog .s-widget-body, .inflowsManaging .s-widget-body, .InflowsCorporateV2 .s-widget-body, .domesticPublicDialog .s-widget-body, .SupplementaryCardsListCorporate .s-widget-body { position: relative; } .Forms_ActiveWorkflowListSOG .s-widget-body-header, .AccountTurnoverCorporate .s-widget-body-header, .AccountPosTrasactionCorporate .s-widget-body-header, .AccountStatementsCorporate .s-widget-body-header, .CreditorTemplateManagingV2 .s-widget-body-header, .CreditorTemplateManagingForeignV2 .s-widget-body-header, .CrontoTokenListV2 .s-widget-body-header, .CreditorTemplateManagingPublicV2 .s-widget-body-header, .CardTurnoverCorporate .s-widget-body-header, .CardStatementsCorporate .s-widget-body-header, .CardSpendingCorporate .s-widget-body-header, .CardInstallmentsV2 .s-widget-body-header, .DepositTurnoverCorporate .s-widget-body-header, .DepositStatementsCorporate .s-widget-body-header, .LoanRepaymentsCorporate .s-widget-body-header, .MessageHubNotificationList .s-widget-body-header, .PaymentOverviewV2 .s-widget-body-header, .LoanAnnuityPlanCorporate .s-widget-body-header, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .s-widget-body-header, .domesticDialog .s-widget-body-header, .foreignDialog .s-widget-body-header, .salaryDialog .s-widget-body-header, .inflowsManaging .s-widget-body-header, .InflowsCorporateV2 .s-widget-body-header, .domesticPublicDialog .s-widget-body-header, .SupplementaryCardsListCorporate .s-widget-body-header { display: none !important; } .Forms_ActiveWorkflowListSOG .s-widget-button, .AccountTurnoverCorporate .s-widget-button, .AccountPosTrasactionCorporate .s-widget-button, .AccountStatementsCorporate .s-widget-button, .CreditorTemplateManagingV2 .s-widget-button, .CreditorTemplateManagingForeignV2 .s-widget-button, .CrontoTokenListV2 .s-widget-button, .CreditorTemplateManagingPublicV2 .s-widget-button, .CardTurnoverCorporate .s-widget-button, .CardStatementsCorporate .s-widget-button, .CardSpendingCorporate .s-widget-button, .CardInstallmentsV2 .s-widget-button, .DepositTurnoverCorporate .s-widget-button, .DepositStatementsCorporate .s-widget-button, .LoanRepaymentsCorporate .s-widget-button, .MessageHubNotificationList .s-widget-button, .PaymentOverviewV2 .s-widget-button, .LoanAnnuityPlanCorporate .s-widget-button, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .s-widget-button, .domesticDialog .s-widget-button, .foreignDialog .s-widget-button, .salaryDialog .s-widget-button, .inflowsManaging .s-widget-button, .InflowsCorporateV2 .s-widget-button, .domesticPublicDialog .s-widget-button, .SupplementaryCardsListCorporate .s-widget-button { display: none; } .Forms_ActiveWorkflowListSOG .dot-menu-text-wrapper.messages, .AccountTurnoverCorporate .dot-menu-text-wrapper.messages, .AccountPosTrasactionCorporate .dot-menu-text-wrapper.messages, .AccountStatementsCorporate .dot-menu-text-wrapper.messages, .CreditorTemplateManagingV2 .dot-menu-text-wrapper.messages, .CreditorTemplateManagingForeignV2 .dot-menu-text-wrapper.messages, .CrontoTokenListV2 .dot-menu-text-wrapper.messages, .CreditorTemplateManagingPublicV2 .dot-menu-text-wrapper.messages, .CardTurnoverCorporate .dot-menu-text-wrapper.messages, .CardStatementsCorporate .dot-menu-text-wrapper.messages, .CardSpendingCorporate .dot-menu-text-wrapper.messages, .CardInstallmentsV2 .dot-menu-text-wrapper.messages, .DepositTurnoverCorporate .dot-menu-text-wrapper.messages, .DepositStatementsCorporate .dot-menu-text-wrapper.messages, .LoanRepaymentsCorporate .dot-menu-text-wrapper.messages, .MessageHubNotificationList .dot-menu-text-wrapper.messages, .PaymentOverviewV2 .dot-menu-text-wrapper.messages, .LoanAnnuityPlanCorporate .dot-menu-text-wrapper.messages, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .dot-menu-text-wrapper.messages, .domesticDialog .dot-menu-text-wrapper.messages, .foreignDialog .dot-menu-text-wrapper.messages, .salaryDialog .dot-menu-text-wrapper.messages, .inflowsManaging .dot-menu-text-wrapper.messages, .InflowsCorporateV2 .dot-menu-text-wrapper.messages, .domesticPublicDialog .dot-menu-text-wrapper.messages, .SupplementaryCardsListCorporate .dot-menu-text-wrapper.messages { transform: translateY(-125px); } .Forms_ActiveWorkflowListSOG .tableFilter, .AccountTurnoverCorporate .tableFilter, .AccountPosTrasactionCorporate .tableFilter, .AccountStatementsCorporate .tableFilter, .CreditorTemplateManagingV2 .tableFilter, .CreditorTemplateManagingForeignV2 .tableFilter, .CrontoTokenListV2 .tableFilter, .CreditorTemplateManagingPublicV2 .tableFilter, .CardTurnoverCorporate .tableFilter, .CardStatementsCorporate .tableFilter, .CardSpendingCorporate .tableFilter, .CardInstallmentsV2 .tableFilter, .DepositTurnoverCorporate .tableFilter, .DepositStatementsCorporate .tableFilter, .LoanRepaymentsCorporate .tableFilter, .MessageHubNotificationList .tableFilter, .PaymentOverviewV2 .tableFilter, .LoanAnnuityPlanCorporate .tableFilter, .CurrencyExchangeCorporateV2 .tableFilter, .ExchangeOfficeOverviewCorporateV2 .tableFilter, .OrderPackageReportCorporateV3 .tableFilter, .OrdersFromOrderPackagesListCorporateV3 .tableFilter, .DomesticOrderReportCorporateV3 .tableFilter, .ForeignOrderReportCorporateV3 .tableFilter, .SalariesOverviewCorporateV2 .tableFilter, .DomesticOrderCorporateV3 .tableFilter, .ForeignOrderCorporateV3 .tableFilter, .domesticDialog .tableFilter, .foreignDialog .tableFilter, .salaryDialog .tableFilter, .inflowsManaging .tableFilter, .InflowsCorporateV2 .tableFilter, .domesticPublicDialog .tableFilter, .SupplementaryCardsListCorporate .tableFilter { margin: 0 -8px 40px; float: none; border: none; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner, .AccountStatementsCorporate .tableFilter .transaction-filter-inner, .CreditorTemplateManagingV2 .tableFilter .transaction-filter-inner, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner, .CrontoTokenListV2 .tableFilter .transaction-filter-inner, .CreditorTemplateManagingPublicV2 .tableFilter .transaction-filter-inner, .CardTurnoverCorporate .tableFilter .transaction-filter-inner, .CardStatementsCorporate .tableFilter .transaction-filter-inner, .CardSpendingCorporate .tableFilter .transaction-filter-inner, .CardInstallmentsV2 .tableFilter .transaction-filter-inner, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner, .DepositStatementsCorporate .tableFilter .transaction-filter-inner, .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner, .MessageHubNotificationList .tableFilter .transaction-filter-inner, .PaymentOverviewV2 .tableFilter .transaction-filter-inner, .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .tableFilter .transaction-filter-inner, .domesticDialog .tableFilter .transaction-filter-inner, .foreignDialog .tableFilter .transaction-filter-inner, .salaryDialog .tableFilter .transaction-filter-inner, .inflowsManaging .tableFilter .transaction-filter-inner, .InflowsCorporateV2 .tableFilter .transaction-filter-inner, .domesticPublicDialog .tableFilter .transaction-filter-inner, .SupplementaryCardsListCorporate .tableFilter .transaction-filter-inner { width: calc(100% - 40px); position: relative; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .radio-wrap, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .radio-wrap, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .radio-wrap, .AccountStatementsCorporate .tableFilter .transaction-filter-inner .radio-wrap, .CreditorTemplateManagingV2 .tableFilter .transaction-filter-inner .radio-wrap, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .radio-wrap, .CrontoTokenListV2 .tableFilter .transaction-filter-inner .radio-wrap, .CreditorTemplateManagingPublicV2 .tableFilter .transaction-filter-inner .radio-wrap, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .radio-wrap, .CardStatementsCorporate .tableFilter .transaction-filter-inner .radio-wrap, .CardSpendingCorporate .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, .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .radio-wrap, .MessageHubNotificationList .tableFilter .transaction-filter-inner .radio-wrap, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .radio-wrap, .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .radio-wrap, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .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, .inflowsManaging .tableFilter .transaction-filter-inner .radio-wrap, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .radio-wrap, .domesticPublicDialog .tableFilter .transaction-filter-inner .radio-wrap, .SupplementaryCardsListCorporate .tableFilter .transaction-filter-inner .radio-wrap { margin-bottom: 10px; margin-right: 20px; padding-left: 25px; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .radio-wrap input, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .radio-wrap input, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .radio-wrap input, .AccountStatementsCorporate .tableFilter .transaction-filter-inner .radio-wrap input, .CreditorTemplateManagingV2 .tableFilter .transaction-filter-inner .radio-wrap input, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .radio-wrap input, .CrontoTokenListV2 .tableFilter .transaction-filter-inner .radio-wrap input, .CreditorTemplateManagingPublicV2 .tableFilter .transaction-filter-inner .radio-wrap input, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .radio-wrap input, .CardStatementsCorporate .tableFilter .transaction-filter-inner .radio-wrap input, .CardSpendingCorporate .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, .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .radio-wrap input, .MessageHubNotificationList .tableFilter .transaction-filter-inner .radio-wrap input, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .radio-wrap input, .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .radio-wrap input, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .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, .inflowsManaging .tableFilter .transaction-filter-inner .radio-wrap input, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .radio-wrap input, .domesticPublicDialog .tableFilter .transaction-filter-inner .radio-wrap input, .SupplementaryCardsListCorporate .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, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .AccountStatementsCorporate .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .CreditorTemplateManagingV2 .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .CrontoTokenListV2 .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .CreditorTemplateManagingPublicV2 .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .CardStatementsCorporate .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .CardSpendingCorporate .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, .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .MessageHubNotificationList .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .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, .inflowsManaging .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, .SupplementaryCardsListCorporate .tableFilter .transaction-filter-inner .radio-wrap input:checked ~ .checkmark:after { opacity: 1; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .AccountStatementsCorporate .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .CreditorTemplateManagingV2 .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .CrontoTokenListV2 .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .CreditorTemplateManagingPublicV2 .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .CardStatementsCorporate .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .CardSpendingCorporate .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, .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .MessageHubNotificationList .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .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, .inflowsManaging .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .domesticPublicDialog .tableFilter .transaction-filter-inner .radio-wrap .checkmark, .SupplementaryCardsListCorporate .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, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .AccountStatementsCorporate .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .CreditorTemplateManagingV2 .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .CrontoTokenListV2 .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .CreditorTemplateManagingPublicV2 .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .CardStatementsCorporate .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .CardSpendingCorporate .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, .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .MessageHubNotificationList .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .radio-wrap .checkmark:after, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .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, .inflowsManaging .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, .SupplementaryCardsListCorporate .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 0.3s; transition: opacity 0.3s; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .AccountStatementsCorporate .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .CreditorTemplateManagingV2 .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .CrontoTokenListV2 .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .CreditorTemplateManagingPublicV2 .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .CardStatementsCorporate .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .CardSpendingCorporate .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, .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .MessageHubNotificationList .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .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, .inflowsManaging .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, .SupplementaryCardsListCorporate .tableFilter .transaction-filter-inner .radio-wrap:checked ~ .checkmark:after { opacity: 1; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .AccountStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .CreditorTemplateManagingV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .CrontoTokenListV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .CreditorTemplateManagingPublicV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .CardStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .CardSpendingCorporate .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, .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .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, .inflowsManaging .tableFilter .transaction-filter-inner .transaction-filter-box, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .domesticPublicDialog .tableFilter .transaction-filter-inner .transaction-filter-box, .SupplementaryCardsListCorporate .tableFilter .transaction-filter-inner .transaction-filter-box { width: -webkit-calc(16.66666666666667% - 17px); min-width: 195px; } @media only screen and (max-width: 1550px) { .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .AccountStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .CreditorTemplateManagingV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .CrontoTokenListV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .CreditorTemplateManagingPublicV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .CardStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .CardSpendingCorporate .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, .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .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, .inflowsManaging .tableFilter .transaction-filter-inner .transaction-filter-box, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .domesticPublicDialog .tableFilter .transaction-filter-inner .transaction-filter-box, .SupplementaryCardsListCorporate .tableFilter .transaction-filter-inner .transaction-filter-box { width: -webkit-calc(16.66666666666667% - 27px); min-width: 150px; } } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .AccountStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .CreditorTemplateManagingV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .CrontoTokenListV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .CreditorTemplateManagingPublicV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .CardStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .CardSpendingCorporate .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, .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .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, .inflowsManaging .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, .SupplementaryCardsListCorporate .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, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .AccountStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .CreditorTemplateManagingV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .CrontoTokenListV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .CreditorTemplateManagingPublicV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .CardStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .CardSpendingCorporate .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, .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter select, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .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, .inflowsManaging .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, .SupplementaryCardsListCorporate .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, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .AccountStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .CreditorTemplateManagingV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .CrontoTokenListV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .CreditorTemplateManagingPublicV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .CardStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .CardSpendingCorporate .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, .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .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, .inflowsManaging .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, .SupplementaryCardsListCorporate .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, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .AccountStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .CreditorTemplateManagingV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .CrontoTokenListV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .CreditorTemplateManagingPublicV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .CardStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .CardSpendingCorporate .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, .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .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, .inflowsManaging .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, .SupplementaryCardsListCorporate .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, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .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, .AccountStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .AccountStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .AccountStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .AccountStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .CreditorTemplateManagingV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .CreditorTemplateManagingV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .CreditorTemplateManagingV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .CreditorTemplateManagingV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .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, .CrontoTokenListV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .CrontoTokenListV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .CrontoTokenListV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .CrontoTokenListV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .CreditorTemplateManagingPublicV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .CreditorTemplateManagingPublicV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .CreditorTemplateManagingPublicV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .CreditorTemplateManagingPublicV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .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, .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, .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, .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, .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, .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, .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .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, .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, .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .CurrencyExchangeCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .CurrencyExchangeCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .CurrencyExchangeCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .CurrencyExchangeCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .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, .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, .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, .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, .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, .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, .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, .ForeignOrderCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .ForeignOrderCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .ForeignOrderCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .ForeignOrderCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .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, .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, .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, .inflowsManaging .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .inflowsManaging .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .inflowsManaging .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .inflowsManaging .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo, .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, .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, .SupplementaryCardsListCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .SupplementaryCardsListCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, .SupplementaryCardsListCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateFrom, .SupplementaryCardsListCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.dateTo { 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, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .AccountStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .CreditorTemplateManagingV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .CrontoTokenListV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .CreditorTemplateManagingPublicV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .CardStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .CardSpendingCorporate .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, .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .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, .inflowsManaging .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, .SupplementaryCardsListCorporate .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, .AccountTurnoverCorporate .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, .AccountStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .CreditorTemplateManagingV2 .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, .CrontoTokenListV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .CreditorTemplateManagingPublicV2 .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, .CardStatementsCorporate .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, .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, .LoanRepaymentsCorporate .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, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .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, .inflowsManaging .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, .SupplementaryCardsListCorporate .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, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .AccountStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .CreditorTemplateManagingV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .CrontoTokenListV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .CreditorTemplateManagingPublicV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .CardStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .CardSpendingCorporate .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, .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .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, .inflowsManaging .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, .SupplementaryCardsListCorporate .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, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .AccountTurnoverCorporate .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, .AccountStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .AccountStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .AccountStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .AccountStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .CreditorTemplateManagingV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .CreditorTemplateManagingV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .CreditorTemplateManagingV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .CreditorTemplateManagingV2 .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, .CrontoTokenListV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .CrontoTokenListV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .CrontoTokenListV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .CrontoTokenListV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .CreditorTemplateManagingPublicV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .CreditorTemplateManagingPublicV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .CreditorTemplateManagingPublicV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .CreditorTemplateManagingPublicV2 .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, .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, .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, .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, .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .LoanRepaymentsCorporate .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, .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, .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.forth-wrap.focusin, .CurrencyExchangeCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .CurrencyExchangeCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .CurrencyExchangeCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .ForeignOrderCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .ForeignOrderCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .ForeignOrderCorporateV3 .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, .inflowsManaging .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .inflowsManaging .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .inflowsManaging .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .inflowsManaging .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, .SupplementaryCardsListCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .SupplementaryCardsListCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .SupplementaryCardsListCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin, .SupplementaryCardsListCorporate .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, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .AccountStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .CreditorTemplateManagingV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .CrontoTokenListV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .CreditorTemplateManagingPublicV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .CardStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .CardSpendingCorporate .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, .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-1, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .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, .inflowsManaging .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, .SupplementaryCardsListCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-1 { height: 40px; padding: 0; border: none; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .dk-select, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .dk-select, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .dk-select, .AccountStatementsCorporate .tableFilter .transaction-filter-inner .dk-select, .CreditorTemplateManagingV2 .tableFilter .transaction-filter-inner .dk-select, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .dk-select, .CrontoTokenListV2 .tableFilter .transaction-filter-inner .dk-select, .CreditorTemplateManagingPublicV2 .tableFilter .transaction-filter-inner .dk-select, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .dk-select, .CardStatementsCorporate .tableFilter .transaction-filter-inner .dk-select, .CardSpendingCorporate .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, .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .dk-select, .MessageHubNotificationList .tableFilter .transaction-filter-inner .dk-select, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .dk-select, .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .dk-select, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .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, .inflowsManaging .tableFilter .transaction-filter-inner .dk-select, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .dk-select, .domesticPublicDialog .tableFilter .transaction-filter-inner .dk-select, .SupplementaryCardsListCorporate .tableFilter .transaction-filter-inner .dk-select { font-size: 15px; cursor: pointer; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .filterButton, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .filterButton, .AccountStatementsCorporate .tableFilter .transaction-filter-inner .filterButton, .CreditorTemplateManagingV2 .tableFilter .transaction-filter-inner .filterButton, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .filterButton, .CrontoTokenListV2 .tableFilter .transaction-filter-inner .filterButton, .CreditorTemplateManagingPublicV2 .tableFilter .transaction-filter-inner .filterButton, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton, .CardStatementsCorporate .tableFilter .transaction-filter-inner .filterButton, .CardSpendingCorporate .tableFilter .transaction-filter-inner .filterButton, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .filterButton, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .filterButton, .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .filterButton, .MessageHubNotificationList .tableFilter .transaction-filter-inner .filterButton, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .filterButton, .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .filterButton, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .tableFilter .transaction-filter-inner .filterButton, .domesticDialog .tableFilter .transaction-filter-inner .filterButton, .foreignDialog .tableFilter .transaction-filter-inner .filterButton, .salaryDialog .tableFilter .transaction-filter-inner .filterButton, .inflowsManaging .tableFilter .transaction-filter-inner .filterButton, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .filterButton, .domesticPublicDialog .tableFilter .transaction-filter-inner .filterButton, .SupplementaryCardsListCorporate .tableFilter .transaction-filter-inner .filterButton { right: -40px; bottom: 3px; width: 40px; height: 40px; background: none; border-radius: 12px; transition: box-shadow 0.5s; cursor: pointer; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .filterButton button, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton button, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .filterButton button, .AccountStatementsCorporate .tableFilter .transaction-filter-inner .filterButton button, .CreditorTemplateManagingV2 .tableFilter .transaction-filter-inner .filterButton button, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .filterButton button, .CrontoTokenListV2 .tableFilter .transaction-filter-inner .filterButton button, .CreditorTemplateManagingPublicV2 .tableFilter .transaction-filter-inner .filterButton button, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton button, .CardStatementsCorporate .tableFilter .transaction-filter-inner .filterButton button, .CardSpendingCorporate .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, .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .filterButton button, .MessageHubNotificationList .tableFilter .transaction-filter-inner .filterButton button, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .filterButton button, .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .filterButton button, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .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, .inflowsManaging .tableFilter .transaction-filter-inner .filterButton button, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .filterButton button, .domesticPublicDialog .tableFilter .transaction-filter-inner .filterButton button, .SupplementaryCardsListCorporate .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.0008) !important; transition: box-shadow 0.5s; font-family: "Source-Sans-Pro-bold", sans-serif; color: #FFFFFF; width: 40px; height: 40px; font-size: 14px; cursor: pointer; border: none; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .filterButton button:hover, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton button:hover, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .filterButton button:hover, .AccountStatementsCorporate .tableFilter .transaction-filter-inner .filterButton button:hover, .CreditorTemplateManagingV2 .tableFilter .transaction-filter-inner .filterButton button:hover, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .filterButton button:hover, .CrontoTokenListV2 .tableFilter .transaction-filter-inner .filterButton button:hover, .CreditorTemplateManagingPublicV2 .tableFilter .transaction-filter-inner .filterButton button:hover, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton button:hover, .CardStatementsCorporate .tableFilter .transaction-filter-inner .filterButton button:hover, .CardSpendingCorporate .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, .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .filterButton button:hover, .MessageHubNotificationList .tableFilter .transaction-filter-inner .filterButton button:hover, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .filterButton button:hover, .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .filterButton button:hover, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .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, .inflowsManaging .tableFilter .transaction-filter-inner .filterButton button:hover, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .filterButton button:hover, .domesticPublicDialog .tableFilter .transaction-filter-inner .filterButton button:hover, .SupplementaryCardsListCorporate .tableFilter .transaction-filter-inner .filterButton button:hover { background: linear-gradient(45deg, #006de6, #00b2e6); transition: background-color 0.5s; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .AccountStatementsCorporate .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .CreditorTemplateManagingV2 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .CrontoTokenListV2 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .CreditorTemplateManagingPublicV2 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .CardStatementsCorporate .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .CardSpendingCorporate .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, .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .MessageHubNotificationList .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .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, .inflowsManaging .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, .SupplementaryCardsListCorporate .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow { top: 50%; left: 50%; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .filterButton button svg, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton button svg, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .filterButton button svg, .AccountStatementsCorporate .tableFilter .transaction-filter-inner .filterButton button svg, .CreditorTemplateManagingV2 .tableFilter .transaction-filter-inner .filterButton button svg, .CreditorTemplateManagingForeignV2 .tableFilter .transaction-filter-inner .filterButton button svg, .CrontoTokenListV2 .tableFilter .transaction-filter-inner .filterButton button svg, .CreditorTemplateManagingPublicV2 .tableFilter .transaction-filter-inner .filterButton button svg, .CardTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton button svg, .CardStatementsCorporate .tableFilter .transaction-filter-inner .filterButton button svg, .CardSpendingCorporate .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, .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .filterButton button svg, .MessageHubNotificationList .tableFilter .transaction-filter-inner .filterButton button svg, .PaymentOverviewV2 .tableFilter .transaction-filter-inner .filterButton button svg, .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .filterButton button svg, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .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, .inflowsManaging .tableFilter .transaction-filter-inner .filterButton button svg, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .filterButton button svg, .domesticPublicDialog .tableFilter .transaction-filter-inner .filterButton button svg, .SupplementaryCardsListCorporate .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, .AccountTurnoverCorporate .gvCardTurnover, .AccountPosTrasactionCorporate .gvCardTurnover, .AccountStatementsCorporate .gvCardTurnover, .CreditorTemplateManagingV2 .gvCardTurnover, .CreditorTemplateManagingForeignV2 .gvCardTurnover, .CrontoTokenListV2 .gvCardTurnover, .CreditorTemplateManagingPublicV2 .gvCardTurnover, .CardTurnoverCorporate .gvCardTurnover, .CardStatementsCorporate .gvCardTurnover, .CardSpendingCorporate .gvCardTurnover, .CardInstallmentsV2 .gvCardTurnover, .DepositTurnoverCorporate .gvCardTurnover, .DepositStatementsCorporate .gvCardTurnover, .LoanRepaymentsCorporate .gvCardTurnover, .MessageHubNotificationList .gvCardTurnover, .PaymentOverviewV2 .gvCardTurnover, .LoanAnnuityPlanCorporate .gvCardTurnover, .CurrencyExchangeCorporateV2 .gvCardTurnover, .ExchangeOfficeOverviewCorporateV2 .gvCardTurnover, .OrderPackageReportCorporateV3 .gvCardTurnover, .OrdersFromOrderPackagesListCorporateV3 .gvCardTurnover, .DomesticOrderReportCorporateV3 .gvCardTurnover, .ForeignOrderReportCorporateV3 .gvCardTurnover, .SalariesOverviewCorporateV2 .gvCardTurnover, .DomesticOrderCorporateV3 .gvCardTurnover, .ForeignOrderCorporateV3 .gvCardTurnover, .domesticDialog .gvCardTurnover, .foreignDialog .gvCardTurnover, .salaryDialog .gvCardTurnover, .inflowsManaging .gvCardTurnover, .InflowsCorporateV2 .gvCardTurnover, .domesticPublicDialog .gvCardTurnover, .SupplementaryCardsListCorporate .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, .AccountTurnoverCorporate .gvCardTurnover thead, .AccountPosTrasactionCorporate .gvCardTurnover thead, .AccountStatementsCorporate .gvCardTurnover thead, .CreditorTemplateManagingV2 .gvCardTurnover thead, .CreditorTemplateManagingForeignV2 .gvCardTurnover thead, .CrontoTokenListV2 .gvCardTurnover thead, .CreditorTemplateManagingPublicV2 .gvCardTurnover thead, .CardTurnoverCorporate .gvCardTurnover thead, .CardStatementsCorporate .gvCardTurnover thead, .CardSpendingCorporate .gvCardTurnover thead, .CardInstallmentsV2 .gvCardTurnover thead, .DepositTurnoverCorporate .gvCardTurnover thead, .DepositStatementsCorporate .gvCardTurnover thead, .LoanRepaymentsCorporate .gvCardTurnover thead, .MessageHubNotificationList .gvCardTurnover thead, .PaymentOverviewV2 .gvCardTurnover thead, .LoanAnnuityPlanCorporate .gvCardTurnover thead, .CurrencyExchangeCorporateV2 .gvCardTurnover thead, .ExchangeOfficeOverviewCorporateV2 .gvCardTurnover thead, .OrderPackageReportCorporateV3 .gvCardTurnover thead, .OrdersFromOrderPackagesListCorporateV3 .gvCardTurnover thead, .DomesticOrderReportCorporateV3 .gvCardTurnover thead, .ForeignOrderReportCorporateV3 .gvCardTurnover thead, .SalariesOverviewCorporateV2 .gvCardTurnover thead, .DomesticOrderCorporateV3 .gvCardTurnover thead, .ForeignOrderCorporateV3 .gvCardTurnover thead, .domesticDialog .gvCardTurnover thead, .foreignDialog .gvCardTurnover thead, .salaryDialog .gvCardTurnover thead, .inflowsManaging .gvCardTurnover thead, .InflowsCorporateV2 .gvCardTurnover thead, .domesticPublicDialog .gvCardTurnover thead, .SupplementaryCardsListCorporate .gvCardTurnover thead { border-bottom: 1px solid #8294a8 !important; } .Forms_ActiveWorkflowListSOG .gvCardTurnover tbody, .AccountTurnoverCorporate .gvCardTurnover tbody, .AccountPosTrasactionCorporate .gvCardTurnover tbody, .AccountStatementsCorporate .gvCardTurnover tbody, .CreditorTemplateManagingV2 .gvCardTurnover tbody, .CreditorTemplateManagingForeignV2 .gvCardTurnover tbody, .CrontoTokenListV2 .gvCardTurnover tbody, .CreditorTemplateManagingPublicV2 .gvCardTurnover tbody, .CardTurnoverCorporate .gvCardTurnover tbody, .CardStatementsCorporate .gvCardTurnover tbody, .CardSpendingCorporate .gvCardTurnover tbody, .CardInstallmentsV2 .gvCardTurnover tbody, .DepositTurnoverCorporate .gvCardTurnover tbody, .DepositStatementsCorporate .gvCardTurnover tbody, .LoanRepaymentsCorporate .gvCardTurnover tbody, .MessageHubNotificationList .gvCardTurnover tbody, .PaymentOverviewV2 .gvCardTurnover tbody, .LoanAnnuityPlanCorporate .gvCardTurnover tbody, .CurrencyExchangeCorporateV2 .gvCardTurnover tbody, .ExchangeOfficeOverviewCorporateV2 .gvCardTurnover tbody, .OrderPackageReportCorporateV3 .gvCardTurnover tbody, .OrdersFromOrderPackagesListCorporateV3 .gvCardTurnover tbody, .DomesticOrderReportCorporateV3 .gvCardTurnover tbody, .ForeignOrderReportCorporateV3 .gvCardTurnover tbody, .SalariesOverviewCorporateV2 .gvCardTurnover tbody, .DomesticOrderCorporateV3 .gvCardTurnover tbody, .ForeignOrderCorporateV3 .gvCardTurnover tbody, .domesticDialog .gvCardTurnover tbody, .foreignDialog .gvCardTurnover tbody, .salaryDialog .gvCardTurnover tbody, .inflowsManaging .gvCardTurnover tbody, .InflowsCorporateV2 .gvCardTurnover tbody, .domesticPublicDialog .gvCardTurnover tbody, .SupplementaryCardsListCorporate .gvCardTurnover tbody { margin-bottom: 20px; } .Forms_ActiveWorkflowListSOG .gvCardTurnover tbody:before, .AccountTurnoverCorporate .gvCardTurnover tbody:before, .AccountPosTrasactionCorporate .gvCardTurnover tbody:before, .AccountStatementsCorporate .gvCardTurnover tbody:before, .CreditorTemplateManagingV2 .gvCardTurnover tbody:before, .CreditorTemplateManagingForeignV2 .gvCardTurnover tbody:before, .CrontoTokenListV2 .gvCardTurnover tbody:before, .CreditorTemplateManagingPublicV2 .gvCardTurnover tbody:before, .CardTurnoverCorporate .gvCardTurnover tbody:before, .CardStatementsCorporate .gvCardTurnover tbody:before, .CardSpendingCorporate .gvCardTurnover tbody:before, .CardInstallmentsV2 .gvCardTurnover tbody:before, .DepositTurnoverCorporate .gvCardTurnover tbody:before, .DepositStatementsCorporate .gvCardTurnover tbody:before, .LoanRepaymentsCorporate .gvCardTurnover tbody:before, .MessageHubNotificationList .gvCardTurnover tbody:before, .PaymentOverviewV2 .gvCardTurnover tbody:before, .LoanAnnuityPlanCorporate .gvCardTurnover tbody:before, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .gvCardTurnover tbody:before, .domesticDialog .gvCardTurnover tbody:before, .foreignDialog .gvCardTurnover tbody:before, .salaryDialog .gvCardTurnover tbody:before, .inflowsManaging .gvCardTurnover tbody:before, .InflowsCorporateV2 .gvCardTurnover tbody:before, .domesticPublicDialog .gvCardTurnover tbody:before, .SupplementaryCardsListCorporate .gvCardTurnover tbody:before { content: "@"; display: block; line-height: 20px; text-indent: -99999px; } .Forms_ActiveWorkflowListSOG .gvCardTurnover tbody tr:first-child, .AccountTurnoverCorporate .gvCardTurnover tbody tr:first-child, .AccountPosTrasactionCorporate .gvCardTurnover tbody tr:first-child, .AccountStatementsCorporate .gvCardTurnover tbody tr:first-child, .CreditorTemplateManagingV2 .gvCardTurnover tbody tr:first-child, .CreditorTemplateManagingForeignV2 .gvCardTurnover tbody tr:first-child, .CrontoTokenListV2 .gvCardTurnover tbody tr:first-child, .CreditorTemplateManagingPublicV2 .gvCardTurnover tbody tr:first-child, .CardTurnoverCorporate .gvCardTurnover tbody tr:first-child, .CardStatementsCorporate .gvCardTurnover tbody tr:first-child, .CardSpendingCorporate .gvCardTurnover tbody tr:first-child, .CardInstallmentsV2 .gvCardTurnover tbody tr:first-child, .DepositTurnoverCorporate .gvCardTurnover tbody tr:first-child, .DepositStatementsCorporate .gvCardTurnover tbody tr:first-child, .LoanRepaymentsCorporate .gvCardTurnover tbody tr:first-child, .MessageHubNotificationList .gvCardTurnover tbody tr:first-child, .PaymentOverviewV2 .gvCardTurnover tbody tr:first-child, .LoanAnnuityPlanCorporate .gvCardTurnover tbody tr:first-child, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .gvCardTurnover tbody tr:first-child, .domesticDialog .gvCardTurnover tbody tr:first-child, .foreignDialog .gvCardTurnover tbody tr:first-child, .salaryDialog .gvCardTurnover tbody tr:first-child, .inflowsManaging .gvCardTurnover tbody tr:first-child, .InflowsCorporateV2 .gvCardTurnover tbody tr:first-child, .domesticPublicDialog .gvCardTurnover tbody tr:first-child, .SupplementaryCardsListCorporate .gvCardTurnover tbody tr:first-child { border-top: none !important; } .Forms_ActiveWorkflowListSOG .gvCardTurnover tbody tr:hover, .AccountTurnoverCorporate .gvCardTurnover tbody tr:hover, .AccountPosTrasactionCorporate .gvCardTurnover tbody tr:hover, .AccountStatementsCorporate .gvCardTurnover tbody tr:hover, .CreditorTemplateManagingV2 .gvCardTurnover tbody tr:hover, .CreditorTemplateManagingForeignV2 .gvCardTurnover tbody tr:hover, .CrontoTokenListV2 .gvCardTurnover tbody tr:hover, .CreditorTemplateManagingPublicV2 .gvCardTurnover tbody tr:hover, .CardTurnoverCorporate .gvCardTurnover tbody tr:hover, .CardStatementsCorporate .gvCardTurnover tbody tr:hover, .CardSpendingCorporate .gvCardTurnover tbody tr:hover, .CardInstallmentsV2 .gvCardTurnover tbody tr:hover, .DepositTurnoverCorporate .gvCardTurnover tbody tr:hover, .DepositStatementsCorporate .gvCardTurnover tbody tr:hover, .LoanRepaymentsCorporate .gvCardTurnover tbody tr:hover, .MessageHubNotificationList .gvCardTurnover tbody tr:hover, .PaymentOverviewV2 .gvCardTurnover tbody tr:hover, .LoanAnnuityPlanCorporate .gvCardTurnover tbody tr:hover, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .gvCardTurnover tbody tr:hover, .domesticDialog .gvCardTurnover tbody tr:hover, .foreignDialog .gvCardTurnover tbody tr:hover, .salaryDialog .gvCardTurnover tbody tr:hover, .inflowsManaging .gvCardTurnover tbody tr:hover, .InflowsCorporateV2 .gvCardTurnover tbody tr:hover, .domesticPublicDialog .gvCardTurnover tbody tr:hover, .SupplementaryCardsListCorporate .gvCardTurnover tbody tr:hover { background-color: #FFFFFF; } .Forms_ActiveWorkflowListSOG .gvCardTurnover tbody tr td:nth-child(2), .AccountTurnoverCorporate .gvCardTurnover tbody tr td:nth-child(2), .AccountPosTrasactionCorporate .gvCardTurnover tbody tr td:nth-child(2), .AccountStatementsCorporate .gvCardTurnover tbody tr td:nth-child(2), .CreditorTemplateManagingV2 .gvCardTurnover tbody tr td:nth-child(2), .CreditorTemplateManagingForeignV2 .gvCardTurnover tbody tr td:nth-child(2), .CrontoTokenListV2 .gvCardTurnover tbody tr td:nth-child(2), .CreditorTemplateManagingPublicV2 .gvCardTurnover tbody tr td:nth-child(2), .CardTurnoverCorporate .gvCardTurnover tbody tr td:nth-child(2), .CardStatementsCorporate .gvCardTurnover tbody tr td:nth-child(2), .CardSpendingCorporate .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), .LoanRepaymentsCorporate .gvCardTurnover tbody tr td:nth-child(2), .MessageHubNotificationList .gvCardTurnover tbody tr td:nth-child(2), .PaymentOverviewV2 .gvCardTurnover tbody tr td:nth-child(2), .LoanAnnuityPlanCorporate .gvCardTurnover tbody tr td:nth-child(2), .CurrencyExchangeCorporateV2 .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), .ForeignOrderCorporateV3 .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), .inflowsManaging .gvCardTurnover tbody tr td:nth-child(2), .InflowsCorporateV2 .gvCardTurnover tbody tr td:nth-child(2), .domesticPublicDialog .gvCardTurnover tbody tr td:nth-child(2), .SupplementaryCardsListCorporate .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, .AccountTurnoverCorporate .gvCardTurnover tbody tr td:nth-child(2) span, .AccountPosTrasactionCorporate .gvCardTurnover tbody tr td:nth-child(2) span, .AccountStatementsCorporate .gvCardTurnover tbody tr td:nth-child(2) span, .CreditorTemplateManagingV2 .gvCardTurnover tbody tr td:nth-child(2) span, .CreditorTemplateManagingForeignV2 .gvCardTurnover tbody tr td:nth-child(2) span, .CrontoTokenListV2 .gvCardTurnover tbody tr td:nth-child(2) span, .CreditorTemplateManagingPublicV2 .gvCardTurnover tbody tr td:nth-child(2) span, .CardTurnoverCorporate .gvCardTurnover tbody tr td:nth-child(2) span, .CardStatementsCorporate .gvCardTurnover tbody tr td:nth-child(2) span, .CardSpendingCorporate .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, .LoanRepaymentsCorporate .gvCardTurnover tbody tr td:nth-child(2) span, .MessageHubNotificationList .gvCardTurnover tbody tr td:nth-child(2) span, .PaymentOverviewV2 .gvCardTurnover tbody tr td:nth-child(2) span, .LoanAnnuityPlanCorporate .gvCardTurnover tbody tr td:nth-child(2) span, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .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, .inflowsManaging .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, .SupplementaryCardsListCorporate .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, .AccountTurnoverCorporate .gvCardTurnover tbody tr td:last-child, .AccountPosTrasactionCorporate .gvCardTurnover tbody tr td:last-child, .AccountStatementsCorporate .gvCardTurnover tbody tr td:last-child, .CreditorTemplateManagingV2 .gvCardTurnover tbody tr td:last-child, .CreditorTemplateManagingForeignV2 .gvCardTurnover tbody tr td:last-child, .CrontoTokenListV2 .gvCardTurnover tbody tr td:last-child, .CreditorTemplateManagingPublicV2 .gvCardTurnover tbody tr td:last-child, .CardTurnoverCorporate .gvCardTurnover tbody tr td:last-child, .CardStatementsCorporate .gvCardTurnover tbody tr td:last-child, .CardSpendingCorporate .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, .LoanRepaymentsCorporate .gvCardTurnover tbody tr td:last-child, .MessageHubNotificationList .gvCardTurnover tbody tr td:last-child, .PaymentOverviewV2 .gvCardTurnover tbody tr td:last-child, .LoanAnnuityPlanCorporate .gvCardTurnover tbody tr td:last-child, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .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, .inflowsManaging .gvCardTurnover tbody tr td:last-child, .InflowsCorporateV2 .gvCardTurnover tbody tr td:last-child, .domesticPublicDialog .gvCardTurnover tbody tr td:last-child, .SupplementaryCardsListCorporate .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, .AccountTurnoverCorporate .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .AccountPosTrasactionCorporate .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .AccountStatementsCorporate .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .CreditorTemplateManagingV2 .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .CreditorTemplateManagingForeignV2 .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .CrontoTokenListV2 .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .CreditorTemplateManagingPublicV2 .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .CardTurnoverCorporate .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .CardStatementsCorporate .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .CardSpendingCorporate .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, .LoanRepaymentsCorporate .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .MessageHubNotificationList .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .PaymentOverviewV2 .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .LoanAnnuityPlanCorporate .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .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, .inflowsManaging .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, .SupplementaryCardsListCorporate .gvCardTurnover tbody tr td:last-child .tablesaw-cell-content { justify-content: end !important; } .Forms_ActiveWorkflowListSOG .gvCardTurnover tbody tr td .date, .AccountTurnoverCorporate .gvCardTurnover tbody tr td .date, .AccountPosTrasactionCorporate .gvCardTurnover tbody tr td .date, .AccountStatementsCorporate .gvCardTurnover tbody tr td .date, .CreditorTemplateManagingV2 .gvCardTurnover tbody tr td .date, .CreditorTemplateManagingForeignV2 .gvCardTurnover tbody tr td .date, .CrontoTokenListV2 .gvCardTurnover tbody tr td .date, .CreditorTemplateManagingPublicV2 .gvCardTurnover tbody tr td .date, .CardTurnoverCorporate .gvCardTurnover tbody tr td .date, .CardStatementsCorporate .gvCardTurnover tbody tr td .date, .CardSpendingCorporate .gvCardTurnover tbody tr td .date, .CardInstallmentsV2 .gvCardTurnover tbody tr td .date, .DepositTurnoverCorporate .gvCardTurnover tbody tr td .date, .DepositStatementsCorporate .gvCardTurnover tbody tr td .date, .LoanRepaymentsCorporate .gvCardTurnover tbody tr td .date, .MessageHubNotificationList .gvCardTurnover tbody tr td .date, .PaymentOverviewV2 .gvCardTurnover tbody tr td .date, .LoanAnnuityPlanCorporate .gvCardTurnover tbody tr td .date, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .gvCardTurnover tbody tr td .date, .domesticDialog .gvCardTurnover tbody tr td .date, .foreignDialog .gvCardTurnover tbody tr td .date, .salaryDialog .gvCardTurnover tbody tr td .date, .inflowsManaging .gvCardTurnover tbody tr td .date, .InflowsCorporateV2 .gvCardTurnover tbody tr td .date, .domesticPublicDialog .gvCardTurnover tbody tr td .date, .SupplementaryCardsListCorporate .gvCardTurnover tbody tr td .date { font-size: 15px; } .Forms_ActiveWorkflowListSOG .gvCardTurnover tbody tr td .tablesaw-cell-content, .AccountTurnoverCorporate .gvCardTurnover tbody tr td .tablesaw-cell-content, .AccountPosTrasactionCorporate .gvCardTurnover tbody tr td .tablesaw-cell-content, .AccountStatementsCorporate .gvCardTurnover tbody tr td .tablesaw-cell-content, .CreditorTemplateManagingV2 .gvCardTurnover tbody tr td .tablesaw-cell-content, .CreditorTemplateManagingForeignV2 .gvCardTurnover tbody tr td .tablesaw-cell-content, .CrontoTokenListV2 .gvCardTurnover tbody tr td .tablesaw-cell-content, .CreditorTemplateManagingPublicV2 .gvCardTurnover tbody tr td .tablesaw-cell-content, .CardTurnoverCorporate .gvCardTurnover tbody tr td .tablesaw-cell-content, .CardStatementsCorporate .gvCardTurnover tbody tr td .tablesaw-cell-content, .CardSpendingCorporate .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, .LoanRepaymentsCorporate .gvCardTurnover tbody tr td .tablesaw-cell-content, .MessageHubNotificationList .gvCardTurnover tbody tr td .tablesaw-cell-content, .PaymentOverviewV2 .gvCardTurnover tbody tr td .tablesaw-cell-content, .LoanAnnuityPlanCorporate .gvCardTurnover tbody tr td .tablesaw-cell-content, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .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, .inflowsManaging .gvCardTurnover tbody tr td .tablesaw-cell-content, .InflowsCorporateV2 .gvCardTurnover tbody tr td .tablesaw-cell-content, .domesticPublicDialog .gvCardTurnover tbody tr td .tablesaw-cell-content, .SupplementaryCardsListCorporate .gvCardTurnover tbody tr td .tablesaw-cell-content { font-size: 15px; } .Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlanCorporate, .AccountTurnoverCorporate #gvLoanAnnuityPlanCorporate, .AccountPosTrasactionCorporate #gvLoanAnnuityPlanCorporate, .AccountStatementsCorporate #gvLoanAnnuityPlanCorporate, .CreditorTemplateManagingV2 #gvLoanAnnuityPlanCorporate, .CreditorTemplateManagingForeignV2 #gvLoanAnnuityPlanCorporate, .CrontoTokenListV2 #gvLoanAnnuityPlanCorporate, .CreditorTemplateManagingPublicV2 #gvLoanAnnuityPlanCorporate, .CardTurnoverCorporate #gvLoanAnnuityPlanCorporate, .CardStatementsCorporate #gvLoanAnnuityPlanCorporate, .CardSpendingCorporate #gvLoanAnnuityPlanCorporate, .CardInstallmentsV2 #gvLoanAnnuityPlanCorporate, .DepositTurnoverCorporate #gvLoanAnnuityPlanCorporate, .DepositStatementsCorporate #gvLoanAnnuityPlanCorporate, .LoanRepaymentsCorporate #gvLoanAnnuityPlanCorporate, .MessageHubNotificationList #gvLoanAnnuityPlanCorporate, .PaymentOverviewV2 #gvLoanAnnuityPlanCorporate, .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate, .CurrencyExchangeCorporateV2 #gvLoanAnnuityPlanCorporate, .ExchangeOfficeOverviewCorporateV2 #gvLoanAnnuityPlanCorporate, .OrderPackageReportCorporateV3 #gvLoanAnnuityPlanCorporate, .OrdersFromOrderPackagesListCorporateV3 #gvLoanAnnuityPlanCorporate, .DomesticOrderReportCorporateV3 #gvLoanAnnuityPlanCorporate, .ForeignOrderReportCorporateV3 #gvLoanAnnuityPlanCorporate, .SalariesOverviewCorporateV2 #gvLoanAnnuityPlanCorporate, .DomesticOrderCorporateV3 #gvLoanAnnuityPlanCorporate, .ForeignOrderCorporateV3 #gvLoanAnnuityPlanCorporate, .domesticDialog #gvLoanAnnuityPlanCorporate, .foreignDialog #gvLoanAnnuityPlanCorporate, .salaryDialog #gvLoanAnnuityPlanCorporate, .inflowsManaging #gvLoanAnnuityPlanCorporate, .InflowsCorporateV2 #gvLoanAnnuityPlanCorporate, .domesticPublicDialog #gvLoanAnnuityPlanCorporate, .SupplementaryCardsListCorporate #gvLoanAnnuityPlanCorporate { /*.clientGridPager { display: flex !important; }*/ /*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 #gvLoanAnnuityPlanCorporate thead, .AccountTurnoverCorporate #gvLoanAnnuityPlanCorporate thead, .AccountPosTrasactionCorporate #gvLoanAnnuityPlanCorporate thead, .AccountStatementsCorporate #gvLoanAnnuityPlanCorporate thead, .CreditorTemplateManagingV2 #gvLoanAnnuityPlanCorporate thead, .CreditorTemplateManagingForeignV2 #gvLoanAnnuityPlanCorporate thead, .CrontoTokenListV2 #gvLoanAnnuityPlanCorporate thead, .CreditorTemplateManagingPublicV2 #gvLoanAnnuityPlanCorporate thead, .CardTurnoverCorporate #gvLoanAnnuityPlanCorporate thead, .CardStatementsCorporate #gvLoanAnnuityPlanCorporate thead, .CardSpendingCorporate #gvLoanAnnuityPlanCorporate thead, .CardInstallmentsV2 #gvLoanAnnuityPlanCorporate thead, .DepositTurnoverCorporate #gvLoanAnnuityPlanCorporate thead, .DepositStatementsCorporate #gvLoanAnnuityPlanCorporate thead, .LoanRepaymentsCorporate #gvLoanAnnuityPlanCorporate thead, .MessageHubNotificationList #gvLoanAnnuityPlanCorporate thead, .PaymentOverviewV2 #gvLoanAnnuityPlanCorporate thead, .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate thead, .CurrencyExchangeCorporateV2 #gvLoanAnnuityPlanCorporate thead, .ExchangeOfficeOverviewCorporateV2 #gvLoanAnnuityPlanCorporate thead, .OrderPackageReportCorporateV3 #gvLoanAnnuityPlanCorporate thead, .OrdersFromOrderPackagesListCorporateV3 #gvLoanAnnuityPlanCorporate thead, .DomesticOrderReportCorporateV3 #gvLoanAnnuityPlanCorporate thead, .ForeignOrderReportCorporateV3 #gvLoanAnnuityPlanCorporate thead, .SalariesOverviewCorporateV2 #gvLoanAnnuityPlanCorporate thead, .DomesticOrderCorporateV3 #gvLoanAnnuityPlanCorporate thead, .ForeignOrderCorporateV3 #gvLoanAnnuityPlanCorporate thead, .domesticDialog #gvLoanAnnuityPlanCorporate thead, .foreignDialog #gvLoanAnnuityPlanCorporate thead, .salaryDialog #gvLoanAnnuityPlanCorporate thead, .inflowsManaging #gvLoanAnnuityPlanCorporate thead, .InflowsCorporateV2 #gvLoanAnnuityPlanCorporate thead, .domesticPublicDialog #gvLoanAnnuityPlanCorporate thead, .SupplementaryCardsListCorporate #gvLoanAnnuityPlanCorporate thead { border-bottom: 1px solid #8294a8 !important; } .Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlanCorporate .clientGrid tbody:before, .AccountTurnoverCorporate #gvLoanAnnuityPlanCorporate .clientGrid tbody:before, .AccountPosTrasactionCorporate #gvLoanAnnuityPlanCorporate .clientGrid tbody:before, .AccountStatementsCorporate #gvLoanAnnuityPlanCorporate .clientGrid tbody:before, .CreditorTemplateManagingV2 #gvLoanAnnuityPlanCorporate .clientGrid tbody:before, .CreditorTemplateManagingForeignV2 #gvLoanAnnuityPlanCorporate .clientGrid tbody:before, .CrontoTokenListV2 #gvLoanAnnuityPlanCorporate .clientGrid tbody:before, .CreditorTemplateManagingPublicV2 #gvLoanAnnuityPlanCorporate .clientGrid tbody:before, .CardTurnoverCorporate #gvLoanAnnuityPlanCorporate .clientGrid tbody:before, .CardStatementsCorporate #gvLoanAnnuityPlanCorporate .clientGrid tbody:before, .CardSpendingCorporate #gvLoanAnnuityPlanCorporate .clientGrid tbody:before, .CardInstallmentsV2 #gvLoanAnnuityPlanCorporate .clientGrid tbody:before, .DepositTurnoverCorporate #gvLoanAnnuityPlanCorporate .clientGrid tbody:before, .DepositStatementsCorporate #gvLoanAnnuityPlanCorporate .clientGrid tbody:before, .LoanRepaymentsCorporate #gvLoanAnnuityPlanCorporate .clientGrid tbody:before, .MessageHubNotificationList #gvLoanAnnuityPlanCorporate .clientGrid tbody:before, .PaymentOverviewV2 #gvLoanAnnuityPlanCorporate .clientGrid tbody:before, .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate .clientGrid tbody:before, .CurrencyExchangeCorporateV2 #gvLoanAnnuityPlanCorporate .clientGrid tbody:before, .ExchangeOfficeOverviewCorporateV2 #gvLoanAnnuityPlanCorporate .clientGrid tbody:before, .OrderPackageReportCorporateV3 #gvLoanAnnuityPlanCorporate .clientGrid tbody:before, .OrdersFromOrderPackagesListCorporateV3 #gvLoanAnnuityPlanCorporate .clientGrid tbody:before, .DomesticOrderReportCorporateV3 #gvLoanAnnuityPlanCorporate .clientGrid tbody:before, .ForeignOrderReportCorporateV3 #gvLoanAnnuityPlanCorporate .clientGrid tbody:before, .SalariesOverviewCorporateV2 #gvLoanAnnuityPlanCorporate .clientGrid tbody:before, .DomesticOrderCorporateV3 #gvLoanAnnuityPlanCorporate .clientGrid tbody:before, .ForeignOrderCorporateV3 #gvLoanAnnuityPlanCorporate .clientGrid tbody:before, .domesticDialog #gvLoanAnnuityPlanCorporate .clientGrid tbody:before, .foreignDialog #gvLoanAnnuityPlanCorporate .clientGrid tbody:before, .salaryDialog #gvLoanAnnuityPlanCorporate .clientGrid tbody:before, .inflowsManaging #gvLoanAnnuityPlanCorporate .clientGrid tbody:before, .InflowsCorporateV2 #gvLoanAnnuityPlanCorporate .clientGrid tbody:before, .domesticPublicDialog #gvLoanAnnuityPlanCorporate .clientGrid tbody:before, .SupplementaryCardsListCorporate #gvLoanAnnuityPlanCorporate .clientGrid tbody:before { content: "@"; display: block; line-height: 20px; text-indent: -99999px; } .Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlanCorporate table tbody tr:first-child, .AccountTurnoverCorporate #gvLoanAnnuityPlanCorporate table tbody tr:first-child, .AccountPosTrasactionCorporate #gvLoanAnnuityPlanCorporate table tbody tr:first-child, .AccountStatementsCorporate #gvLoanAnnuityPlanCorporate table tbody tr:first-child, .CreditorTemplateManagingV2 #gvLoanAnnuityPlanCorporate table tbody tr:first-child, .CreditorTemplateManagingForeignV2 #gvLoanAnnuityPlanCorporate table tbody tr:first-child, .CrontoTokenListV2 #gvLoanAnnuityPlanCorporate table tbody tr:first-child, .CreditorTemplateManagingPublicV2 #gvLoanAnnuityPlanCorporate table tbody tr:first-child, .CardTurnoverCorporate #gvLoanAnnuityPlanCorporate table tbody tr:first-child, .CardStatementsCorporate #gvLoanAnnuityPlanCorporate table tbody tr:first-child, .CardSpendingCorporate #gvLoanAnnuityPlanCorporate table tbody tr:first-child, .CardInstallmentsV2 #gvLoanAnnuityPlanCorporate table tbody tr:first-child, .DepositTurnoverCorporate #gvLoanAnnuityPlanCorporate table tbody tr:first-child, .DepositStatementsCorporate #gvLoanAnnuityPlanCorporate table tbody tr:first-child, .LoanRepaymentsCorporate #gvLoanAnnuityPlanCorporate table tbody tr:first-child, .MessageHubNotificationList #gvLoanAnnuityPlanCorporate table tbody tr:first-child, .PaymentOverviewV2 #gvLoanAnnuityPlanCorporate table tbody tr:first-child, .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate table tbody tr:first-child, .CurrencyExchangeCorporateV2 #gvLoanAnnuityPlanCorporate table tbody tr:first-child, .ExchangeOfficeOverviewCorporateV2 #gvLoanAnnuityPlanCorporate table tbody tr:first-child, .OrderPackageReportCorporateV3 #gvLoanAnnuityPlanCorporate table tbody tr:first-child, .OrdersFromOrderPackagesListCorporateV3 #gvLoanAnnuityPlanCorporate table tbody tr:first-child, .DomesticOrderReportCorporateV3 #gvLoanAnnuityPlanCorporate table tbody tr:first-child, .ForeignOrderReportCorporateV3 #gvLoanAnnuityPlanCorporate table tbody tr:first-child, .SalariesOverviewCorporateV2 #gvLoanAnnuityPlanCorporate table tbody tr:first-child, .DomesticOrderCorporateV3 #gvLoanAnnuityPlanCorporate table tbody tr:first-child, .ForeignOrderCorporateV3 #gvLoanAnnuityPlanCorporate table tbody tr:first-child, .domesticDialog #gvLoanAnnuityPlanCorporate table tbody tr:first-child, .foreignDialog #gvLoanAnnuityPlanCorporate table tbody tr:first-child, .salaryDialog #gvLoanAnnuityPlanCorporate table tbody tr:first-child, .inflowsManaging #gvLoanAnnuityPlanCorporate table tbody tr:first-child, .InflowsCorporateV2 #gvLoanAnnuityPlanCorporate table tbody tr:first-child, .domesticPublicDialog #gvLoanAnnuityPlanCorporate table tbody tr:first-child, .SupplementaryCardsListCorporate #gvLoanAnnuityPlanCorporate table tbody tr:first-child { border-top: none !important; } .Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(2), .AccountTurnoverCorporate #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(2), .AccountPosTrasactionCorporate #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(2), .AccountStatementsCorporate #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(2), .CreditorTemplateManagingV2 #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(2), .CreditorTemplateManagingForeignV2 #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(2), .CrontoTokenListV2 #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(2), .CreditorTemplateManagingPublicV2 #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(2), .CardTurnoverCorporate #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(2), .CardStatementsCorporate #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(2), .CardSpendingCorporate #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(2), .CardInstallmentsV2 #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(2), .DepositTurnoverCorporate #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(2), .DepositStatementsCorporate #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(2), .LoanRepaymentsCorporate #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(2), .MessageHubNotificationList #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(2), .PaymentOverviewV2 #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(2), .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(2), .CurrencyExchangeCorporateV2 #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(2), .ExchangeOfficeOverviewCorporateV2 #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(2), .OrderPackageReportCorporateV3 #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(2), .OrdersFromOrderPackagesListCorporateV3 #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(2), .DomesticOrderReportCorporateV3 #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(2), .ForeignOrderReportCorporateV3 #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(2), .SalariesOverviewCorporateV2 #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(2), .DomesticOrderCorporateV3 #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(2), .ForeignOrderCorporateV3 #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(2), .domesticDialog #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(2), .foreignDialog #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(2), .salaryDialog #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(2), .inflowsManaging #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(2), .InflowsCorporateV2 #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(2), .domesticPublicDialog #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(2), .SupplementaryCardsListCorporate #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(2) { border-top-left-radius: 12px; border-bottom-left-radius: 12px; } .Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlanCorporate table tbody tr td:last-child, .AccountTurnoverCorporate #gvLoanAnnuityPlanCorporate table tbody tr td:last-child, .AccountPosTrasactionCorporate #gvLoanAnnuityPlanCorporate table tbody tr td:last-child, .AccountStatementsCorporate #gvLoanAnnuityPlanCorporate table tbody tr td:last-child, .CreditorTemplateManagingV2 #gvLoanAnnuityPlanCorporate table tbody tr td:last-child, .CreditorTemplateManagingForeignV2 #gvLoanAnnuityPlanCorporate table tbody tr td:last-child, .CrontoTokenListV2 #gvLoanAnnuityPlanCorporate table tbody tr td:last-child, .CreditorTemplateManagingPublicV2 #gvLoanAnnuityPlanCorporate table tbody tr td:last-child, .CardTurnoverCorporate #gvLoanAnnuityPlanCorporate table tbody tr td:last-child, .CardStatementsCorporate #gvLoanAnnuityPlanCorporate table tbody tr td:last-child, .CardSpendingCorporate #gvLoanAnnuityPlanCorporate table tbody tr td:last-child, .CardInstallmentsV2 #gvLoanAnnuityPlanCorporate table tbody tr td:last-child, .DepositTurnoverCorporate #gvLoanAnnuityPlanCorporate table tbody tr td:last-child, .DepositStatementsCorporate #gvLoanAnnuityPlanCorporate table tbody tr td:last-child, .LoanRepaymentsCorporate #gvLoanAnnuityPlanCorporate table tbody tr td:last-child, .MessageHubNotificationList #gvLoanAnnuityPlanCorporate table tbody tr td:last-child, .PaymentOverviewV2 #gvLoanAnnuityPlanCorporate table tbody tr td:last-child, .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate table tbody tr td:last-child, .CurrencyExchangeCorporateV2 #gvLoanAnnuityPlanCorporate table tbody tr td:last-child, .ExchangeOfficeOverviewCorporateV2 #gvLoanAnnuityPlanCorporate table tbody tr td:last-child, .OrderPackageReportCorporateV3 #gvLoanAnnuityPlanCorporate table tbody tr td:last-child, .OrdersFromOrderPackagesListCorporateV3 #gvLoanAnnuityPlanCorporate table tbody tr td:last-child, .DomesticOrderReportCorporateV3 #gvLoanAnnuityPlanCorporate table tbody tr td:last-child, .ForeignOrderReportCorporateV3 #gvLoanAnnuityPlanCorporate table tbody tr td:last-child, .SalariesOverviewCorporateV2 #gvLoanAnnuityPlanCorporate table tbody tr td:last-child, .DomesticOrderCorporateV3 #gvLoanAnnuityPlanCorporate table tbody tr td:last-child, .ForeignOrderCorporateV3 #gvLoanAnnuityPlanCorporate table tbody tr td:last-child, .domesticDialog #gvLoanAnnuityPlanCorporate table tbody tr td:last-child, .foreignDialog #gvLoanAnnuityPlanCorporate table tbody tr td:last-child, .salaryDialog #gvLoanAnnuityPlanCorporate table tbody tr td:last-child, .inflowsManaging #gvLoanAnnuityPlanCorporate table tbody tr td:last-child, .InflowsCorporateV2 #gvLoanAnnuityPlanCorporate table tbody tr td:last-child, .domesticPublicDialog #gvLoanAnnuityPlanCorporate table tbody tr td:last-child, .SupplementaryCardsListCorporate #gvLoanAnnuityPlanCorporate table tbody tr td:last-child { border-top-right-radius: 12px; border-bottom-right-radius: 12px; } .Forms_ActiveWorkflowListSOG .gvAccountTurnoverPreview .sort-indicator, .Forms_ActiveWorkflowListSOG .gridViewDepositTurnover .sort-indicator, .AccountTurnoverCorporate .gvAccountTurnoverPreview .sort-indicator, .AccountTurnoverCorporate .gridViewDepositTurnover .sort-indicator, .AccountPosTrasactionCorporate .gvAccountTurnoverPreview .sort-indicator, .AccountPosTrasactionCorporate .gridViewDepositTurnover .sort-indicator, .AccountStatementsCorporate .gvAccountTurnoverPreview .sort-indicator, .AccountStatementsCorporate .gridViewDepositTurnover .sort-indicator, .CreditorTemplateManagingV2 .gvAccountTurnoverPreview .sort-indicator, .CreditorTemplateManagingV2 .gridViewDepositTurnover .sort-indicator, .CreditorTemplateManagingForeignV2 .gvAccountTurnoverPreview .sort-indicator, .CreditorTemplateManagingForeignV2 .gridViewDepositTurnover .sort-indicator, .CrontoTokenListV2 .gvAccountTurnoverPreview .sort-indicator, .CrontoTokenListV2 .gridViewDepositTurnover .sort-indicator, .CreditorTemplateManagingPublicV2 .gvAccountTurnoverPreview .sort-indicator, .CreditorTemplateManagingPublicV2 .gridViewDepositTurnover .sort-indicator, .CardTurnoverCorporate .gvAccountTurnoverPreview .sort-indicator, .CardTurnoverCorporate .gridViewDepositTurnover .sort-indicator, .CardStatementsCorporate .gvAccountTurnoverPreview .sort-indicator, .CardStatementsCorporate .gridViewDepositTurnover .sort-indicator, .CardSpendingCorporate .gvAccountTurnoverPreview .sort-indicator, .CardSpendingCorporate .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, .LoanRepaymentsCorporate .gvAccountTurnoverPreview .sort-indicator, .LoanRepaymentsCorporate .gridViewDepositTurnover .sort-indicator, .MessageHubNotificationList .gvAccountTurnoverPreview .sort-indicator, .MessageHubNotificationList .gridViewDepositTurnover .sort-indicator, .PaymentOverviewV2 .gvAccountTurnoverPreview .sort-indicator, .PaymentOverviewV2 .gridViewDepositTurnover .sort-indicator, .LoanAnnuityPlanCorporate .gvAccountTurnoverPreview .sort-indicator, .LoanAnnuityPlanCorporate .gridViewDepositTurnover .sort-indicator, .CurrencyExchangeCorporateV2 .gvAccountTurnoverPreview .sort-indicator, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .gvAccountTurnoverPreview .sort-indicator, .ForeignOrderCorporateV3 .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, .inflowsManaging .gvAccountTurnoverPreview .sort-indicator, .inflowsManaging .gridViewDepositTurnover .sort-indicator, .InflowsCorporateV2 .gvAccountTurnoverPreview .sort-indicator, .InflowsCorporateV2 .gridViewDepositTurnover .sort-indicator, .domesticPublicDialog .gvAccountTurnoverPreview .sort-indicator, .domesticPublicDialog .gridViewDepositTurnover .sort-indicator, .SupplementaryCardsListCorporate .gvAccountTurnoverPreview .sort-indicator, .SupplementaryCardsListCorporate .gridViewDepositTurnover .sort-indicator { left: 100%; } .Forms_ActiveWorkflowListSOG .gvAccountTurnoverPreview table tbody tr:hover, .Forms_ActiveWorkflowListSOG .gridViewDepositTurnover table tbody tr:hover, .AccountTurnoverCorporate .gvAccountTurnoverPreview table tbody tr:hover, .AccountTurnoverCorporate .gridViewDepositTurnover table tbody tr:hover, .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table tbody tr:hover, .AccountPosTrasactionCorporate .gridViewDepositTurnover table tbody tr:hover, .AccountStatementsCorporate .gvAccountTurnoverPreview table tbody tr:hover, .AccountStatementsCorporate .gridViewDepositTurnover table tbody tr:hover, .CreditorTemplateManagingV2 .gvAccountTurnoverPreview table tbody tr:hover, .CreditorTemplateManagingV2 .gridViewDepositTurnover table tbody tr:hover, .CreditorTemplateManagingForeignV2 .gvAccountTurnoverPreview table tbody tr:hover, .CreditorTemplateManagingForeignV2 .gridViewDepositTurnover table tbody tr:hover, .CrontoTokenListV2 .gvAccountTurnoverPreview table tbody tr:hover, .CrontoTokenListV2 .gridViewDepositTurnover table tbody tr:hover, .CreditorTemplateManagingPublicV2 .gvAccountTurnoverPreview table tbody tr:hover, .CreditorTemplateManagingPublicV2 .gridViewDepositTurnover table tbody tr:hover, .CardTurnoverCorporate .gvAccountTurnoverPreview table tbody tr:hover, .CardTurnoverCorporate .gridViewDepositTurnover table tbody tr:hover, .CardStatementsCorporate .gvAccountTurnoverPreview table tbody tr:hover, .CardStatementsCorporate .gridViewDepositTurnover table tbody tr:hover, .CardSpendingCorporate .gvAccountTurnoverPreview table tbody tr:hover, .CardSpendingCorporate .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, .LoanRepaymentsCorporate .gvAccountTurnoverPreview table tbody tr:hover, .LoanRepaymentsCorporate .gridViewDepositTurnover table tbody tr:hover, .MessageHubNotificationList .gvAccountTurnoverPreview table tbody tr:hover, .MessageHubNotificationList .gridViewDepositTurnover table tbody tr:hover, .PaymentOverviewV2 .gvAccountTurnoverPreview table tbody tr:hover, .PaymentOverviewV2 .gridViewDepositTurnover table tbody tr:hover, .LoanAnnuityPlanCorporate .gvAccountTurnoverPreview table tbody tr:hover, .LoanAnnuityPlanCorporate .gridViewDepositTurnover table tbody tr:hover, .CurrencyExchangeCorporateV2 .gvAccountTurnoverPreview table tbody tr:hover, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .gvAccountTurnoverPreview table tbody tr:hover, .ForeignOrderCorporateV3 .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, .inflowsManaging .gvAccountTurnoverPreview table tbody tr:hover, .inflowsManaging .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, .SupplementaryCardsListCorporate .gvAccountTurnoverPreview table tbody tr:hover, .SupplementaryCardsListCorporate .gridViewDepositTurnover table tbody tr:hover { background-color: #FFFFFF; } .Forms_ActiveWorkflowListSOG .gvAccountTurnoverPreview table tbody tr td, .Forms_ActiveWorkflowListSOG .gridViewDepositTurnover table tbody tr td, .AccountTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td, .AccountTurnoverCorporate .gridViewDepositTurnover table tbody tr td, .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table tbody tr td, .AccountPosTrasactionCorporate .gridViewDepositTurnover table tbody tr td, .AccountStatementsCorporate .gvAccountTurnoverPreview table tbody tr td, .AccountStatementsCorporate .gridViewDepositTurnover table tbody tr td, .CreditorTemplateManagingV2 .gvAccountTurnoverPreview table tbody tr td, .CreditorTemplateManagingV2 .gridViewDepositTurnover table tbody tr td, .CreditorTemplateManagingForeignV2 .gvAccountTurnoverPreview table tbody tr td, .CreditorTemplateManagingForeignV2 .gridViewDepositTurnover table tbody tr td, .CrontoTokenListV2 .gvAccountTurnoverPreview table tbody tr td, .CrontoTokenListV2 .gridViewDepositTurnover table tbody tr td, .CreditorTemplateManagingPublicV2 .gvAccountTurnoverPreview table tbody tr td, .CreditorTemplateManagingPublicV2 .gridViewDepositTurnover table tbody tr td, .CardTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td, .CardTurnoverCorporate .gridViewDepositTurnover table tbody tr td, .CardStatementsCorporate .gvAccountTurnoverPreview table tbody tr td, .CardStatementsCorporate .gridViewDepositTurnover table tbody tr td, .CardSpendingCorporate .gvAccountTurnoverPreview table tbody tr td, .CardSpendingCorporate .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, .LoanRepaymentsCorporate .gvAccountTurnoverPreview table tbody tr td, .LoanRepaymentsCorporate .gridViewDepositTurnover table tbody tr td, .MessageHubNotificationList .gvAccountTurnoverPreview table tbody tr td, .MessageHubNotificationList .gridViewDepositTurnover table tbody tr td, .PaymentOverviewV2 .gvAccountTurnoverPreview table tbody tr td, .PaymentOverviewV2 .gridViewDepositTurnover table tbody tr td, .LoanAnnuityPlanCorporate .gvAccountTurnoverPreview table tbody tr td, .LoanAnnuityPlanCorporate .gridViewDepositTurnover table tbody tr td, .CurrencyExchangeCorporateV2 .gvAccountTurnoverPreview table tbody tr td, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .gvAccountTurnoverPreview table tbody tr td, .ForeignOrderCorporateV3 .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, .inflowsManaging .gvAccountTurnoverPreview table tbody tr td, .inflowsManaging .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, .SupplementaryCardsListCorporate .gvAccountTurnoverPreview table tbody tr td, .SupplementaryCardsListCorporate .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), .AccountTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .AccountTurnoverCorporate .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), .AccountStatementsCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .AccountStatementsCorporate .gridViewDepositTurnover table tbody tr td:nth-child(2), .CreditorTemplateManagingV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .CreditorTemplateManagingV2 .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), .CrontoTokenListV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .CrontoTokenListV2 .gridViewDepositTurnover table tbody tr td:nth-child(2), .CreditorTemplateManagingPublicV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .CreditorTemplateManagingPublicV2 .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), .CardStatementsCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .CardStatementsCorporate .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), .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), .LoanRepaymentsCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .LoanRepaymentsCorporate .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), .PaymentOverviewV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .PaymentOverviewV2 .gridViewDepositTurnover table tbody tr td:nth-child(2), .LoanAnnuityPlanCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .LoanAnnuityPlanCorporate .gridViewDepositTurnover table tbody tr td:nth-child(2), .CurrencyExchangeCorporateV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .CurrencyExchangeCorporateV2 .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), .ForeignOrderCorporateV3 .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .ForeignOrderCorporateV3 .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), .inflowsManaging .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .inflowsManaging .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), .SupplementaryCardsListCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .SupplementaryCardsListCorporate .gridViewDepositTurnover table tbody tr td:nth-child(2) { width: 25.5%; 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, .AccountTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .AccountTurnoverCorporate .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, .AccountStatementsCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .AccountStatementsCorporate .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .CreditorTemplateManagingV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .CreditorTemplateManagingV2 .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, .CrontoTokenListV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .CrontoTokenListV2 .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .CreditorTemplateManagingPublicV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .CreditorTemplateManagingPublicV2 .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, .CardStatementsCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .CardStatementsCorporate .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, .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, .LoanRepaymentsCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .LoanRepaymentsCorporate .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, .PaymentOverviewV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .PaymentOverviewV2 .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .LoanAnnuityPlanCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .LoanAnnuityPlanCorporate .gridViewDepositTurnover table tbody tr td:nth-child(2) span, .CurrencyExchangeCorporateV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .ForeignOrderCorporateV3 .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, .inflowsManaging .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .inflowsManaging .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, .SupplementaryCardsListCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span, .SupplementaryCardsListCorporate .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, .AccountTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td:first-child, .AccountTurnoverCorporate .gridViewDepositTurnover table tbody tr td:first-child, .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table tbody tr td:first-child, .AccountPosTrasactionCorporate .gridViewDepositTurnover table tbody tr td:first-child, .AccountStatementsCorporate .gvAccountTurnoverPreview table tbody tr td:first-child, .AccountStatementsCorporate .gridViewDepositTurnover table tbody tr td:first-child, .CreditorTemplateManagingV2 .gvAccountTurnoverPreview table tbody tr td:first-child, .CreditorTemplateManagingV2 .gridViewDepositTurnover table tbody tr td:first-child, .CreditorTemplateManagingForeignV2 .gvAccountTurnoverPreview table tbody tr td:first-child, .CreditorTemplateManagingForeignV2 .gridViewDepositTurnover table tbody tr td:first-child, .CrontoTokenListV2 .gvAccountTurnoverPreview table tbody tr td:first-child, .CrontoTokenListV2 .gridViewDepositTurnover table tbody tr td:first-child, .CreditorTemplateManagingPublicV2 .gvAccountTurnoverPreview table tbody tr td:first-child, .CreditorTemplateManagingPublicV2 .gridViewDepositTurnover table tbody tr td:first-child, .CardTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td:first-child, .CardTurnoverCorporate .gridViewDepositTurnover table tbody tr td:first-child, .CardStatementsCorporate .gvAccountTurnoverPreview table tbody tr td:first-child, .CardStatementsCorporate .gridViewDepositTurnover table tbody tr td:first-child, .CardSpendingCorporate .gvAccountTurnoverPreview table tbody tr td:first-child, .CardSpendingCorporate .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, .LoanRepaymentsCorporate .gvAccountTurnoverPreview table tbody tr td:first-child, .LoanRepaymentsCorporate .gridViewDepositTurnover table tbody tr td:first-child, .MessageHubNotificationList .gvAccountTurnoverPreview table tbody tr td:first-child, .MessageHubNotificationList .gridViewDepositTurnover table tbody tr td:first-child, .PaymentOverviewV2 .gvAccountTurnoverPreview table tbody tr td:first-child, .PaymentOverviewV2 .gridViewDepositTurnover table tbody tr td:first-child, .LoanAnnuityPlanCorporate .gvAccountTurnoverPreview table tbody tr td:first-child, .LoanAnnuityPlanCorporate .gridViewDepositTurnover table tbody tr td:first-child, .CurrencyExchangeCorporateV2 .gvAccountTurnoverPreview table tbody tr td:first-child, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .gvAccountTurnoverPreview table tbody tr td:first-child, .ForeignOrderCorporateV3 .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, .inflowsManaging .gvAccountTurnoverPreview table tbody tr td:first-child, .inflowsManaging .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, .SupplementaryCardsListCorporate .gvAccountTurnoverPreview table tbody tr td:first-child, .SupplementaryCardsListCorporate .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, .AccountTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td:last-child, .AccountTurnoverCorporate .gridViewDepositTurnover table tbody tr td:last-child, .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table tbody tr td:last-child, .AccountPosTrasactionCorporate .gridViewDepositTurnover table tbody tr td:last-child, .AccountStatementsCorporate .gvAccountTurnoverPreview table tbody tr td:last-child, .AccountStatementsCorporate .gridViewDepositTurnover table tbody tr td:last-child, .CreditorTemplateManagingV2 .gvAccountTurnoverPreview table tbody tr td:last-child, .CreditorTemplateManagingV2 .gridViewDepositTurnover table tbody tr td:last-child, .CreditorTemplateManagingForeignV2 .gvAccountTurnoverPreview table tbody tr td:last-child, .CreditorTemplateManagingForeignV2 .gridViewDepositTurnover table tbody tr td:last-child, .CrontoTokenListV2 .gvAccountTurnoverPreview table tbody tr td:last-child, .CrontoTokenListV2 .gridViewDepositTurnover table tbody tr td:last-child, .CreditorTemplateManagingPublicV2 .gvAccountTurnoverPreview table tbody tr td:last-child, .CreditorTemplateManagingPublicV2 .gridViewDepositTurnover table tbody tr td:last-child, .CardTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td:last-child, .CardTurnoverCorporate .gridViewDepositTurnover table tbody tr td:last-child, .CardStatementsCorporate .gvAccountTurnoverPreview table tbody tr td:last-child, .CardStatementsCorporate .gridViewDepositTurnover table tbody tr td:last-child, .CardSpendingCorporate .gvAccountTurnoverPreview table tbody tr td:last-child, .CardSpendingCorporate .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, .LoanRepaymentsCorporate .gvAccountTurnoverPreview table tbody tr td:last-child, .LoanRepaymentsCorporate .gridViewDepositTurnover table tbody tr td:last-child, .MessageHubNotificationList .gvAccountTurnoverPreview table tbody tr td:last-child, .MessageHubNotificationList .gridViewDepositTurnover table tbody tr td:last-child, .PaymentOverviewV2 .gvAccountTurnoverPreview table tbody tr td:last-child, .PaymentOverviewV2 .gridViewDepositTurnover table tbody tr td:last-child, .LoanAnnuityPlanCorporate .gvAccountTurnoverPreview table tbody tr td:last-child, .LoanAnnuityPlanCorporate .gridViewDepositTurnover table tbody tr td:last-child, .CurrencyExchangeCorporateV2 .gvAccountTurnoverPreview table tbody tr td:last-child, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .gvAccountTurnoverPreview table tbody tr td:last-child, .ForeignOrderCorporateV3 .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, .inflowsManaging .gvAccountTurnoverPreview table tbody tr td:last-child, .inflowsManaging .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, .SupplementaryCardsListCorporate .gvAccountTurnoverPreview table tbody tr td:last-child, .SupplementaryCardsListCorporate .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, .AccountTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .AccountTurnoverCorporate .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, .AccountStatementsCorporate .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .AccountStatementsCorporate .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .CreditorTemplateManagingV2 .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .CreditorTemplateManagingV2 .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, .CrontoTokenListV2 .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .CrontoTokenListV2 .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .CreditorTemplateManagingPublicV2 .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .CreditorTemplateManagingPublicV2 .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, .CardStatementsCorporate .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .CardStatementsCorporate .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, .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, .LoanRepaymentsCorporate .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .LoanRepaymentsCorporate .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, .PaymentOverviewV2 .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .PaymentOverviewV2 .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .LoanAnnuityPlanCorporate .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .LoanAnnuityPlanCorporate .gridViewDepositTurnover table tbody tr td:last-child .tablesaw-cell-content, .CurrencyExchangeCorporateV2 .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .ForeignOrderCorporateV3 .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, .inflowsManaging .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .inflowsManaging .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, .SupplementaryCardsListCorporate .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content, .SupplementaryCardsListCorporate .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, .AccountTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td .date, .AccountTurnoverCorporate .gridViewDepositTurnover table tbody tr td .date, .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table tbody tr td .date, .AccountPosTrasactionCorporate .gridViewDepositTurnover table tbody tr td .date, .AccountStatementsCorporate .gvAccountTurnoverPreview table tbody tr td .date, .AccountStatementsCorporate .gridViewDepositTurnover table tbody tr td .date, .CreditorTemplateManagingV2 .gvAccountTurnoverPreview table tbody tr td .date, .CreditorTemplateManagingV2 .gridViewDepositTurnover table tbody tr td .date, .CreditorTemplateManagingForeignV2 .gvAccountTurnoverPreview table tbody tr td .date, .CreditorTemplateManagingForeignV2 .gridViewDepositTurnover table tbody tr td .date, .CrontoTokenListV2 .gvAccountTurnoverPreview table tbody tr td .date, .CrontoTokenListV2 .gridViewDepositTurnover table tbody tr td .date, .CreditorTemplateManagingPublicV2 .gvAccountTurnoverPreview table tbody tr td .date, .CreditorTemplateManagingPublicV2 .gridViewDepositTurnover table tbody tr td .date, .CardTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td .date, .CardTurnoverCorporate .gridViewDepositTurnover table tbody tr td .date, .CardStatementsCorporate .gvAccountTurnoverPreview table tbody tr td .date, .CardStatementsCorporate .gridViewDepositTurnover table tbody tr td .date, .CardSpendingCorporate .gvAccountTurnoverPreview table tbody tr td .date, .CardSpendingCorporate .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, .LoanRepaymentsCorporate .gvAccountTurnoverPreview table tbody tr td .date, .LoanRepaymentsCorporate .gridViewDepositTurnover table tbody tr td .date, .MessageHubNotificationList .gvAccountTurnoverPreview table tbody tr td .date, .MessageHubNotificationList .gridViewDepositTurnover table tbody tr td .date, .PaymentOverviewV2 .gvAccountTurnoverPreview table tbody tr td .date, .PaymentOverviewV2 .gridViewDepositTurnover table tbody tr td .date, .LoanAnnuityPlanCorporate .gvAccountTurnoverPreview table tbody tr td .date, .LoanAnnuityPlanCorporate .gridViewDepositTurnover table tbody tr td .date, .CurrencyExchangeCorporateV2 .gvAccountTurnoverPreview table tbody tr td .date, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .gvAccountTurnoverPreview table tbody tr td .date, .ForeignOrderCorporateV3 .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, .inflowsManaging .gvAccountTurnoverPreview table tbody tr td .date, .inflowsManaging .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, .SupplementaryCardsListCorporate .gvAccountTurnoverPreview table tbody tr td .date, .SupplementaryCardsListCorporate .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, .AccountTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .AccountTurnoverCorporate .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, .AccountStatementsCorporate .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .AccountStatementsCorporate .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .CreditorTemplateManagingV2 .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .CreditorTemplateManagingV2 .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, .CrontoTokenListV2 .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .CrontoTokenListV2 .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .CreditorTemplateManagingPublicV2 .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .CreditorTemplateManagingPublicV2 .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, .CardStatementsCorporate .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .CardStatementsCorporate .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, .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, .LoanRepaymentsCorporate .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .LoanRepaymentsCorporate .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, .PaymentOverviewV2 .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .PaymentOverviewV2 .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .LoanAnnuityPlanCorporate .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .LoanAnnuityPlanCorporate .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content, .CurrencyExchangeCorporateV2 .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .ForeignOrderCorporateV3 .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, .inflowsManaging .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .inflowsManaging .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, .SupplementaryCardsListCorporate .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content, .SupplementaryCardsListCorporate .gridViewDepositTurnover table tbody tr td .tablesaw-cell-content { font-size: 15px; } .Forms_ActiveWorkflowListSOG .gvLoanRepayments table tbody tr:hover, .AccountTurnoverCorporate .gvLoanRepayments table tbody tr:hover, .AccountPosTrasactionCorporate .gvLoanRepayments table tbody tr:hover, .AccountStatementsCorporate .gvLoanRepayments table tbody tr:hover, .CreditorTemplateManagingV2 .gvLoanRepayments table tbody tr:hover, .CreditorTemplateManagingForeignV2 .gvLoanRepayments table tbody tr:hover, .CrontoTokenListV2 .gvLoanRepayments table tbody tr:hover, .CreditorTemplateManagingPublicV2 .gvLoanRepayments table tbody tr:hover, .CardTurnoverCorporate .gvLoanRepayments table tbody tr:hover, .CardStatementsCorporate .gvLoanRepayments table tbody tr:hover, .CardSpendingCorporate .gvLoanRepayments table tbody tr:hover, .CardInstallmentsV2 .gvLoanRepayments table tbody tr:hover, .DepositTurnoverCorporate .gvLoanRepayments table tbody tr:hover, .DepositStatementsCorporate .gvLoanRepayments table tbody tr:hover, .LoanRepaymentsCorporate .gvLoanRepayments table tbody tr:hover, .MessageHubNotificationList .gvLoanRepayments table tbody tr:hover, .PaymentOverviewV2 .gvLoanRepayments table tbody tr:hover, .LoanAnnuityPlanCorporate .gvLoanRepayments table tbody tr:hover, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .gvLoanRepayments table tbody tr:hover, .domesticDialog .gvLoanRepayments table tbody tr:hover, .foreignDialog .gvLoanRepayments table tbody tr:hover, .salaryDialog .gvLoanRepayments table tbody tr:hover, .inflowsManaging .gvLoanRepayments table tbody tr:hover, .InflowsCorporateV2 .gvLoanRepayments table tbody tr:hover, .domesticPublicDialog .gvLoanRepayments table tbody tr:hover, .SupplementaryCardsListCorporate .gvLoanRepayments table tbody tr:hover { background-color: #F5F5F5; } .Forms_ActiveWorkflowListSOG .gvLoanRepayments table tbody tr td, .AccountTurnoverCorporate .gvLoanRepayments table tbody tr td, .AccountPosTrasactionCorporate .gvLoanRepayments table tbody tr td, .AccountStatementsCorporate .gvLoanRepayments table tbody tr td, .CreditorTemplateManagingV2 .gvLoanRepayments table tbody tr td, .CreditorTemplateManagingForeignV2 .gvLoanRepayments table tbody tr td, .CrontoTokenListV2 .gvLoanRepayments table tbody tr td, .CreditorTemplateManagingPublicV2 .gvLoanRepayments table tbody tr td, .CardTurnoverCorporate .gvLoanRepayments table tbody tr td, .CardStatementsCorporate .gvLoanRepayments table tbody tr td, .CardSpendingCorporate .gvLoanRepayments table tbody tr td, .CardInstallmentsV2 .gvLoanRepayments table tbody tr td, .DepositTurnoverCorporate .gvLoanRepayments table tbody tr td, .DepositStatementsCorporate .gvLoanRepayments table tbody tr td, .LoanRepaymentsCorporate .gvLoanRepayments table tbody tr td, .MessageHubNotificationList .gvLoanRepayments table tbody tr td, .PaymentOverviewV2 .gvLoanRepayments table tbody tr td, .LoanAnnuityPlanCorporate .gvLoanRepayments table tbody tr td, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .gvLoanRepayments table tbody tr td, .domesticDialog .gvLoanRepayments table tbody tr td, .foreignDialog .gvLoanRepayments table tbody tr td, .salaryDialog .gvLoanRepayments table tbody tr td, .inflowsManaging .gvLoanRepayments table tbody tr td, .InflowsCorporateV2 .gvLoanRepayments table tbody tr td, .domesticPublicDialog .gvLoanRepayments table tbody tr td, .SupplementaryCardsListCorporate .gvLoanRepayments table tbody tr td { line-height: unset; } .Forms_ActiveWorkflowListSOG .gvLoanRepayments table tbody tr td:nth-child(2), .AccountTurnoverCorporate .gvLoanRepayments table tbody tr td:nth-child(2), .AccountPosTrasactionCorporate .gvLoanRepayments table tbody tr td:nth-child(2), .AccountStatementsCorporate .gvLoanRepayments table tbody tr td:nth-child(2), .CreditorTemplateManagingV2 .gvLoanRepayments table tbody tr td:nth-child(2), .CreditorTemplateManagingForeignV2 .gvLoanRepayments table tbody tr td:nth-child(2), .CrontoTokenListV2 .gvLoanRepayments table tbody tr td:nth-child(2), .CreditorTemplateManagingPublicV2 .gvLoanRepayments table tbody tr td:nth-child(2), .CardTurnoverCorporate .gvLoanRepayments table tbody tr td:nth-child(2), .CardStatementsCorporate .gvLoanRepayments table tbody tr td:nth-child(2), .CardSpendingCorporate .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), .LoanRepaymentsCorporate .gvLoanRepayments table tbody tr td:nth-child(2), .MessageHubNotificationList .gvLoanRepayments table tbody tr td:nth-child(2), .PaymentOverviewV2 .gvLoanRepayments table tbody tr td:nth-child(2), .LoanAnnuityPlanCorporate .gvLoanRepayments table tbody tr td:nth-child(2), .CurrencyExchangeCorporateV2 .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), .ForeignOrderCorporateV3 .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), .inflowsManaging .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), .SupplementaryCardsListCorporate .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, .AccountTurnoverCorporate .gvLoanRepayments table tbody tr td:nth-child(2) span, .AccountPosTrasactionCorporate .gvLoanRepayments table tbody tr td:nth-child(2) span, .AccountStatementsCorporate .gvLoanRepayments table tbody tr td:nth-child(2) span, .CreditorTemplateManagingV2 .gvLoanRepayments table tbody tr td:nth-child(2) span, .CreditorTemplateManagingForeignV2 .gvLoanRepayments table tbody tr td:nth-child(2) span, .CrontoTokenListV2 .gvLoanRepayments table tbody tr td:nth-child(2) span, .CreditorTemplateManagingPublicV2 .gvLoanRepayments table tbody tr td:nth-child(2) span, .CardTurnoverCorporate .gvLoanRepayments table tbody tr td:nth-child(2) span, .CardStatementsCorporate .gvLoanRepayments table tbody tr td:nth-child(2) span, .CardSpendingCorporate .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, .LoanRepaymentsCorporate .gvLoanRepayments table tbody tr td:nth-child(2) span, .MessageHubNotificationList .gvLoanRepayments table tbody tr td:nth-child(2) span, .PaymentOverviewV2 .gvLoanRepayments table tbody tr td:nth-child(2) span, .LoanAnnuityPlanCorporate .gvLoanRepayments table tbody tr td:nth-child(2) span, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .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, .inflowsManaging .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, .SupplementaryCardsListCorporate .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), .AccountTurnoverCorporate .gvLoanRepayments table tbody tr td:nth-child(3), .AccountPosTrasactionCorporate .gvLoanRepayments table tbody tr td:nth-child(3), .AccountStatementsCorporate .gvLoanRepayments table tbody tr td:nth-child(3), .CreditorTemplateManagingV2 .gvLoanRepayments table tbody tr td:nth-child(3), .CreditorTemplateManagingForeignV2 .gvLoanRepayments table tbody tr td:nth-child(3), .CrontoTokenListV2 .gvLoanRepayments table tbody tr td:nth-child(3), .CreditorTemplateManagingPublicV2 .gvLoanRepayments table tbody tr td:nth-child(3), .CardTurnoverCorporate .gvLoanRepayments table tbody tr td:nth-child(3), .CardStatementsCorporate .gvLoanRepayments table tbody tr td:nth-child(3), .CardSpendingCorporate .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), .LoanRepaymentsCorporate .gvLoanRepayments table tbody tr td:nth-child(3), .MessageHubNotificationList .gvLoanRepayments table tbody tr td:nth-child(3), .PaymentOverviewV2 .gvLoanRepayments table tbody tr td:nth-child(3), .LoanAnnuityPlanCorporate .gvLoanRepayments table tbody tr td:nth-child(3), .CurrencyExchangeCorporateV2 .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), .ForeignOrderCorporateV3 .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), .inflowsManaging .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), .SupplementaryCardsListCorporate .gvLoanRepayments table tbody tr td:nth-child(3) { width: 59.5%; } .Forms_ActiveWorkflowListSOG .gvLoanRepayments table tbody tr td:last-child, .AccountTurnoverCorporate .gvLoanRepayments table tbody tr td:last-child, .AccountPosTrasactionCorporate .gvLoanRepayments table tbody tr td:last-child, .AccountStatementsCorporate .gvLoanRepayments table tbody tr td:last-child, .CreditorTemplateManagingV2 .gvLoanRepayments table tbody tr td:last-child, .CreditorTemplateManagingForeignV2 .gvLoanRepayments table tbody tr td:last-child, .CrontoTokenListV2 .gvLoanRepayments table tbody tr td:last-child, .CreditorTemplateManagingPublicV2 .gvLoanRepayments table tbody tr td:last-child, .CardTurnoverCorporate .gvLoanRepayments table tbody tr td:last-child, .CardStatementsCorporate .gvLoanRepayments table tbody tr td:last-child, .CardSpendingCorporate .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, .LoanRepaymentsCorporate .gvLoanRepayments table tbody tr td:last-child, .MessageHubNotificationList .gvLoanRepayments table tbody tr td:last-child, .PaymentOverviewV2 .gvLoanRepayments table tbody tr td:last-child, .LoanAnnuityPlanCorporate .gvLoanRepayments table tbody tr td:last-child, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .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, .inflowsManaging .gvLoanRepayments table tbody tr td:last-child, .InflowsCorporateV2 .gvLoanRepayments table tbody tr td:last-child, .domesticPublicDialog .gvLoanRepayments table tbody tr td:last-child, .SupplementaryCardsListCorporate .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, .AccountTurnoverCorporate .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .AccountPosTrasactionCorporate .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .AccountStatementsCorporate .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .CreditorTemplateManagingV2 .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .CreditorTemplateManagingForeignV2 .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .CrontoTokenListV2 .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .CreditorTemplateManagingPublicV2 .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .CardTurnoverCorporate .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .CardStatementsCorporate .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .CardSpendingCorporate .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, .LoanRepaymentsCorporate .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .MessageHubNotificationList .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .PaymentOverviewV2 .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .LoanAnnuityPlanCorporate .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .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, .inflowsManaging .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, .SupplementaryCardsListCorporate .gvLoanRepayments table tbody tr td:last-child .tablesaw-cell-content { justify-content: end !important; } .Forms_ActiveWorkflowListSOG .gvLoanRepayments table tbody tr td .date, .AccountTurnoverCorporate .gvLoanRepayments table tbody tr td .date, .AccountPosTrasactionCorporate .gvLoanRepayments table tbody tr td .date, .AccountStatementsCorporate .gvLoanRepayments table tbody tr td .date, .CreditorTemplateManagingV2 .gvLoanRepayments table tbody tr td .date, .CreditorTemplateManagingForeignV2 .gvLoanRepayments table tbody tr td .date, .CrontoTokenListV2 .gvLoanRepayments table tbody tr td .date, .CreditorTemplateManagingPublicV2 .gvLoanRepayments table tbody tr td .date, .CardTurnoverCorporate .gvLoanRepayments table tbody tr td .date, .CardStatementsCorporate .gvLoanRepayments table tbody tr td .date, .CardSpendingCorporate .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, .LoanRepaymentsCorporate .gvLoanRepayments table tbody tr td .date, .MessageHubNotificationList .gvLoanRepayments table tbody tr td .date, .PaymentOverviewV2 .gvLoanRepayments table tbody tr td .date, .LoanAnnuityPlanCorporate .gvLoanRepayments table tbody tr td .date, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .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, .inflowsManaging .gvLoanRepayments table tbody tr td .date, .InflowsCorporateV2 .gvLoanRepayments table tbody tr td .date, .domesticPublicDialog .gvLoanRepayments table tbody tr td .date, .SupplementaryCardsListCorporate .gvLoanRepayments table tbody tr td .date { font-size: 15px; } .Forms_ActiveWorkflowListSOG .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .AccountTurnoverCorporate .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .AccountPosTrasactionCorporate .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .AccountStatementsCorporate .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .CreditorTemplateManagingV2 .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .CreditorTemplateManagingForeignV2 .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .CrontoTokenListV2 .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .CreditorTemplateManagingPublicV2 .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .CardTurnoverCorporate .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .CardStatementsCorporate .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .CardSpendingCorporate .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, .LoanRepaymentsCorporate .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .MessageHubNotificationList .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .PaymentOverviewV2 .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .LoanAnnuityPlanCorporate .gvLoanRepayments table tbody tr td .tablesaw-cell-content, .CurrencyExchangeCorporateV2 .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, .ForeignOrderCorporateV3 .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, .inflowsManaging .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, .SupplementaryCardsListCorporate .gvLoanRepayments table tbody tr td .tablesaw-cell-content { font-size: 15px; } .MessageHubNotificationList .tableFilter .transaction-filter-inner .filterButton { right: unset; top: 10px; } .AccountStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box.byYear .transaction-filter, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box.byYear .transaction-filter { border: none; } .AccountStatementsCorporate .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; } .AccountStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box.byYear select, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box.byYear select { background: #FFFFFF; } .CurrencyExchangeCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box { width: 20%; } .CardTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton button, .CardStatementsCorporate .tableFilter .transaction-filter-inner .filterButton button, .CardSpendingCorporate .tableFilter .transaction-filter-inner .filterButton button { position: absolute; } .CardSpendingCorporate table thead { border-bottom: 1px solid #8294a8; } 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 0.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 0.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 0.5s; transition: color 0.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 0.3s; transition: opacity 0.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 0.5s, visibility 0.5s; transition: opacity 0.5s, visibility 0.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 0.5s; transition: background-color 0.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: rgba(0, 0, 0, 0); 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 0.3s; transition: opacity 0.3s; } .Forms_ActiveWorkflowListSOG .showPagination, .CreditorTemplateManaging .showPagination { justify-content: flex-end; } .LoanAnnuityPlanCorporate, .CreditorTemplateManagingV2, .CreditorTemplateManagingForeignV2, .CrontoTokenListV2, .CreditorTemplateManagingPublicV2 { 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; } .AccountStatementsCorporate .account-statements-info, .CreditorTemplateManagingV2 .account-statements-info, .CreditorTemplateManagingPublicV2 .account-statements-info, .CreditorTemplateManagingForeignV2 .account-statements-info, .CrontoTokenListV2 .account-statements-info, .CardStatementsCorporate .account-statements-info, .DepositStatementsCorporate .account-statements-info { padding: 20px; -webkit-transition: background-color 0.5s; transition: background-color 0.5s; cursor: pointer; } .AccountStatementsCorporate .account-statements-info:hover, .CreditorTemplateManagingV2 .account-statements-info:hover, .CreditorTemplateManagingPublicV2 .account-statements-info:hover, .CreditorTemplateManagingForeignV2 .account-statements-info:hover, .CrontoTokenListV2 .account-statements-info:hover, .CardStatementsCorporate .account-statements-info:hover, .DepositStatementsCorporate .account-statements-info:hover { background-color: #FFFFFF; } .AccountStatementsCorporate .account-statements-info:hover .template-selfie-wrapper, .CreditorTemplateManagingV2 .account-statements-info:hover .template-selfie-wrapper, .CreditorTemplateManagingPublicV2 .account-statements-info:hover .template-selfie-wrapper, .CreditorTemplateManagingForeignV2 .account-statements-info:hover .template-selfie-wrapper, .CrontoTokenListV2 .account-statements-info:hover .template-selfie-wrapper, .CardStatementsCorporate .account-statements-info:hover .template-selfie-wrapper, .DepositStatementsCorporate .account-statements-info:hover .template-selfie-wrapper { background-color: #f5f8fb !important; } .AccountStatementsCorporate .account-statements-info .group-inner, .CreditorTemplateManagingV2 .account-statements-info .group-inner, .CreditorTemplateManagingPublicV2 .account-statements-info .group-inner, .CreditorTemplateManagingForeignV2 .account-statements-info .group-inner, .CrontoTokenListV2 .account-statements-info .group-inner, .CardStatementsCorporate .account-statements-info .group-inner, .DepositStatementsCorporate .account-statements-info .group-inner { width: 17%; padding-left: 50px; margin-bottom: 0; } .AccountStatementsCorporate .account-statements-info .group-inner.image, .CreditorTemplateManagingV2 .account-statements-info .group-inner.image, .CreditorTemplateManagingPublicV2 .account-statements-info .group-inner.image, .CreditorTemplateManagingForeignV2 .account-statements-info .group-inner.image, .CrontoTokenListV2 .account-statements-info .group-inner.image, .CardStatementsCorporate .account-statements-info .group-inner.image, .DepositStatementsCorporate .account-statements-info .group-inner.image { display: flex; justify-content: space-around; } .AccountStatementsCorporate .account-statements-info .group-inner .template-selfie-wrapper, .CreditorTemplateManagingV2 .account-statements-info .group-inner .template-selfie-wrapper, .CreditorTemplateManagingPublicV2 .account-statements-info .group-inner .template-selfie-wrapper, .CreditorTemplateManagingForeignV2 .account-statements-info .group-inner .template-selfie-wrapper, .CrontoTokenListV2 .account-statements-info .group-inner .template-selfie-wrapper, .CardStatementsCorporate .account-statements-info .group-inner .template-selfie-wrapper, .DepositStatementsCorporate .account-statements-info .group-inner .template-selfie-wrapper { width: 40px; height: 40px; background-color: #fff; border-radius: 4px; flex-shrink: 0; } .AccountStatementsCorporate .account-statements-info .group-inner .template-selfie-wrapper p, .CreditorTemplateManagingV2 .account-statements-info .group-inner .template-selfie-wrapper p, .CreditorTemplateManagingPublicV2 .account-statements-info .group-inner .template-selfie-wrapper p, .CreditorTemplateManagingForeignV2 .account-statements-info .group-inner .template-selfie-wrapper p, .CrontoTokenListV2 .account-statements-info .group-inner .template-selfie-wrapper p, .CardStatementsCorporate .account-statements-info .group-inner .template-selfie-wrapper p, .DepositStatementsCorporate .account-statements-info .group-inner .template-selfie-wrapper p { font-weight: bold; } .AccountStatementsCorporate .account-statements-info .profile-text-arrow, .CreditorTemplateManagingV2 .account-statements-info .profile-text-arrow, .CreditorTemplateManagingPublicV2 .account-statements-info .profile-text-arrow, .CreditorTemplateManagingForeignV2 .account-statements-info .profile-text-arrow, .CrontoTokenListV2 .account-statements-info .profile-text-arrow, .CardStatementsCorporate .account-statements-info .profile-text-arrow, .DepositStatementsCorporate .account-statements-info .profile-text-arrow { fill: #8294a8; right: 16px; } .AccountStatementsCorporate .checkboxCustom .checkbox-save .checkmark, .CreditorTemplateManagingV2 .checkboxCustom .checkbox-save .checkmark, .CreditorTemplateManagingPublicV2 .checkboxCustom .checkbox-save .checkmark, .CreditorTemplateManagingForeignV2 .checkboxCustom .checkbox-save .checkmark, .CrontoTokenListV2 .checkboxCustom .checkbox-save .checkmark, .CardStatementsCorporate .checkboxCustom .checkbox-save .checkmark, .DepositStatementsCorporate .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; } .AccountStatementsCorporate .checkboxCustom .checkbox-save .checkmark:after, .CreditorTemplateManagingV2 .checkboxCustom .checkbox-save .checkmark:after, .CreditorTemplateManagingPublicV2 .checkboxCustom .checkbox-save .checkmark:after, .CreditorTemplateManagingForeignV2 .checkboxCustom .checkbox-save .checkmark:after, .CrontoTokenListV2 .checkboxCustom .checkbox-save .checkmark:after, .CardStatementsCorporate .checkboxCustom .checkbox-save .checkmark:after, .DepositStatementsCorporate .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 0.3s; transition: opacity 0.3s; } .AccountStatementsCorporate .payment-filter, .CreditorTemplateManagingV2 .payment-filter, .CreditorTemplateManagingPublicV2 .payment-filter, .CreditorTemplateManagingForeignV2 .payment-filter, .CrontoTokenListV2 .payment-filter, .CardStatementsCorporate .payment-filter, .DepositStatementsCorporate .payment-filter { /* &-box { &.active { .inactive-arrow { opacity: 0; } } }*/ } .AccountStatementsCorporate .payment-filter .payment-filter-box, .CreditorTemplateManagingV2 .payment-filter .payment-filter-box, .CreditorTemplateManagingPublicV2 .payment-filter .payment-filter-box, .CreditorTemplateManagingForeignV2 .payment-filter .payment-filter-box, .CrontoTokenListV2 .payment-filter .payment-filter-box, .CardStatementsCorporate .payment-filter .payment-filter-box, .DepositStatementsCorporate .payment-filter .payment-filter-box { position: relative; } .AccountStatementsCorporate .payment-filter .payment-filter-box:first-child, .CreditorTemplateManagingV2 .payment-filter .payment-filter-box:first-child, .CreditorTemplateManagingPublicV2 .payment-filter .payment-filter-box:first-child, .CreditorTemplateManagingForeignV2 .payment-filter .payment-filter-box:first-child, .CrontoTokenListV2 .payment-filter .payment-filter-box:first-child, .CardStatementsCorporate .payment-filter .payment-filter-box:first-child, .DepositStatementsCorporate .payment-filter .payment-filter-box:first-child { width: 16%; padding-left: 80px; } .AccountStatementsCorporate .payment-filter .payment-filter-box .checkboxCustom .checkbox-save.checked .checkmark:after, .CreditorTemplateManagingV2 .payment-filter .payment-filter-box .checkboxCustom .checkbox-save.checked .checkmark:after, .CreditorTemplateManagingPublicV2 .payment-filter .payment-filter-box .checkboxCustom .checkbox-save.checked .checkmark:after, .CreditorTemplateManagingForeignV2 .payment-filter .payment-filter-box .checkboxCustom .checkbox-save.checked .checkmark:after, .CrontoTokenListV2 .payment-filter .payment-filter-box .checkboxCustom .checkbox-save.checked .checkmark:after, .CardStatementsCorporate .payment-filter .payment-filter-box .checkboxCustom .checkbox-save.checked .checkmark:after, .DepositStatementsCorporate .payment-filter .payment-filter-box .checkboxCustom .checkbox-save.checked .checkmark:after { opacity: 1; } .AccountStatementsCorporate .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark, .CreditorTemplateManagingV2 .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark, .CreditorTemplateManagingPublicV2 .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark, .CreditorTemplateManagingForeignV2 .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark, .CrontoTokenListV2 .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark, .CardStatementsCorporate .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark, .DepositStatementsCorporate .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; } .AccountStatementsCorporate .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark:after, .CreditorTemplateManagingV2 .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark:after, .CreditorTemplateManagingPublicV2 .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark:after, .CreditorTemplateManagingForeignV2 .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark:after, .CrontoTokenListV2 .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark:after, .CardStatementsCorporate .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark:after, .DepositStatementsCorporate .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 0.3s; transition: opacity 0.3s; } .AccountStatementsCorporate .payment-filter .payment-filter-box svg, .CreditorTemplateManagingV2 .payment-filter .payment-filter-box svg, .CreditorTemplateManagingPublicV2 .payment-filter .payment-filter-box svg, .CreditorTemplateManagingForeignV2 .payment-filter .payment-filter-box svg, .CrontoTokenListV2 .payment-filter .payment-filter-box svg, .CardStatementsCorporate .payment-filter .payment-filter-box svg, .DepositStatementsCorporate .payment-filter .payment-filter-box svg { left: 127px !important; } .AccountStatementsCorporate .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient, .CreditorTemplateManagingV2 .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient, .CreditorTemplateManagingPublicV2 .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient, .CreditorTemplateManagingForeignV2 .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient, .CrontoTokenListV2 .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient, .CardStatementsCorporate .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient, .DepositStatementsCorporate .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient { top: -3px; } .AccountStatementsCorporate .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient svg, .CreditorTemplateManagingV2 .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient svg, .CreditorTemplateManagingPublicV2 .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, .CrontoTokenListV2 .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, .DepositStatementsCorporate .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient svg { top: 5px; } .AccountStatementsCorporate .payment-filter-recipient, .CreditorTemplateManagingV2 .payment-filter-recipient, .CreditorTemplateManagingPublicV2 .payment-filter-recipient, .CreditorTemplateManagingForeignV2 .payment-filter-recipient, .CrontoTokenListV2 .payment-filter-recipient, .CardStatementsCorporate .payment-filter-recipient, .DepositStatementsCorporate .payment-filter-recipient { padding-left: 18px !important; } .AccountStatementsCorporate .checkboxCustom .checkbox-save.checked .checkmark:after, .CreditorTemplateManagingV2 .checkboxCustom .checkbox-save.checked .checkmark:after, .CreditorTemplateManagingPublicV2 .checkboxCustom .checkbox-save.checked .checkmark:after, .CreditorTemplateManagingForeignV2 .checkboxCustom .checkbox-save.checked .checkmark:after, .CrontoTokenListV2 .checkboxCustom .checkbox-save.checked .checkmark:after, .CardStatementsCorporate .checkboxCustom .checkbox-save.checked .checkmark:after, .DepositStatementsCorporate .checkboxCustom .checkbox-save.checked .checkmark:after { opacity: 1; } .AccountStatementsCorporate .showPagination, .CreditorTemplateManagingV2 .showPagination, .CreditorTemplateManagingPublicV2 .showPagination, .CreditorTemplateManagingForeignV2 .showPagination, .CrontoTokenListV2 .showPagination, .CardStatementsCorporate .showPagination, .DepositStatementsCorporate .showPagination { justify-content: flex-end; } .CardStatementsCorporate .tableFilter { margin-bottom: 50px; } .CardStatementsCorporate .payment-filter .payment-filter-box svg { left: 120px !important; } .CardStatementsCorporate .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 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; } .UserInfoCorporate { /*.password-change-dialog .wrapper-label-input{ height: 50px !important; }*/ } .UserInfoCorporate .UserInfoHeader { max-width: -webkit-calc(100% - ((100% - 1125px) / 2)); max-width: calc(100% - (100% - 1125px) / 2); margin-left: auto; padding: 50px 72px 50px 20px; } .UserInfoCorporate .UserInfoHeader .heading { font-family: "pt_sansregular", 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 0.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 0.5s; } .token-list .account-statement-info-inner .account-statements-info { transition: all 0.5s; height: 55px; } .token-list .account-statement-info-inner .account-statements-info:hover { background-color: #FFFFFF; transition: all 0.5s; } .token-list .account-statement-info-inner .account-statements-info:hover .tokens-ico { background-color: #EFEFEF; transition: all 0.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 0.5s, background-color 0.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; } .LoanRepaymentsCorporate { margin-bottom: 150px; padding-bottom: 0px !important; } .LoanRepaymentsCorporate .loans-wrapper { position: relative; } .LoanRepaymentsCorporate .customBorderLine { border-bottom: 1px solid #8294a8; margin-top: 10px; } .LoanRepaymentsCorporate .payment-filter-box .page-text-2 { padding-right: 25px; float: right; } .LoanRepaymentsCorporate .payments-ico { width: 40px; height: 40px; border-radius: 12px; background-color: #FFFFFF; position: relative; } .LoanRepaymentsCorporate .payments-ico .payments-ico-svg { position: absolute; width: 20px; height: 20px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .LoanRepaymentsCorporate .pager { padding-top: 13px !important; margin-top: 16px !important; margin-bottom: -100px !important; } .LoanRepaymentsCorporate .pager text { font-weight: bold; } .LoanRepaymentsCorporate .loan-filter-wrapper .payment-filter-payment { position: relative; padding: 4px; border-radius: 15px; cursor: pointer; -webkit-transition: background-color 0.5s; transition: background-color 0.5s; } .LoanRepaymentsCorporate .loan-filter-wrapper .payment-filter-payment:hover { background-color: #FFFFFF; } .LoanRepaymentsCorporate .loan-filter-wrapper .payment-filter-payment:hover .payments-ico { background-color: #EFEFEF; transition: background-color 0.5s; } .LoanRepaymentsCorporate .loan-filter-wrapper .payment-filter-payment:hover .pdf-download { opacity: 1; visibility: visible; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .LoanRepaymentsCorporate .loan-filter-wrapper .payment-filter-payment .page-text small { position: relative; top: -2px; } .LoanRepaymentsCorporate .loan-filter-wrapper .payment-filter-payment .page-text small .dot-menu-dot { display: block; margin: 2px; width: 4px; height: 4px; border-radius: 50%; } .LoanRepaymentsCorporate .loan-filter-wrapper .payment-filter-payment .payment-filter-currency { margin: 0 7px; } .LoanRepaymentsCorporate .loan-filter-wrapper .payment-info-amount { width: 16%; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; text-align: left !important; } .LoanRepaymentsCorporate .loan-filter-wrapper .payment-info-amount .text-page { padding-left: 0px; } .LoanRepaymentsCorporate .loan-filter-wrapper .payment-info-date { width: 16%; } .LoanRepaymentsCorporate .loan-filter-wrapper .payment-info-date p { padding-left: 16px; } .LoanRepaymentsCorporate .loan-filter-wrapper .payment-info-recipient { width: 25%; } .LoanRepaymentsCorporate .loan-filter-wrapper .payment-info-recipient .page-text { text-align: right; } .LoanRepaymentsCorporate .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 0.5s, visibility 0.5s, background-color 0.5s, box-shadow 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, visibility 0.5s, background-color 0.5s, box-shadow 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, visibility 0.5s, transform 0.5s, background-color 0.5s, box-shadow 0.5s; transition: opacity 0.5s, visibility 0.5s, transform 0.5s, background-color 0.5s, box-shadow 0.5s, -webkit-transform 0.5s; padding: 10px; margin-left: 16px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); } .LoanRepaymentsCorporate .loan-filter-wrapper .pdf-download:hover { box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.08); background-color: #DCDCDC; } .LoanRepaymentsCorporate .loan-filter-wrapper .pdf-download .pdf-ico { width: 18px; height: 20px; } .LoanRepaymentsCorporate .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; } .LoanRepaymentsCorporate .loan-filter-wrapper .payment-filter-payment.payment-info-amount .page-text { padding-left: 0px; } .LoanRepaymentsCorporate .payment-filter-ico { position: absolute; width: 8px; height: 14px; right: 8px !important; top: 0px; cursor: pointer; } .LoanRepaymentsCorporate .payment-filter-recipient { width: 25%; } .LoanRepaymentsCorporate .payment-filter-recipient .filter-loan-wrapper { position: relative; } .LoanRepaymentsCorporate .payment-filter-box { position: relative; /* .payment-filter-amount { width: 16% !important; }*/ } .LoanRepaymentsCorporate .payment-filter-box.active .payment-ico-filter-down { opacity: 0; } .LoanRepaymentsCorporate .payment-filter-box:first-child { width: 16%; } .LoanRepaymentsCorporate .payment-filter-box:first-child .page-text-2 { float: left; } .LoanRepaymentsCorporate .payment-filter-box:first-child .filter-loan-wrapper { position: relative; } .LoanRepaymentsCorporate .payment-filter-box .page-text-2 { cursor: pointer; padding-right: 25px !important; display: inline-block; margin-bottom: 15px; font-weight: bold; line-height: 1; -webkit-transition: color 0.5s; transition: color 0.5s; } .LoanRepaymentsCorporate .payment-filter-amount { width: 16% !important; padding-left: 10px; } .LoanRepaymentsCorporate .payment-filter-amount .page-text-2 { float: left; } .LoanRepaymentsCorporate .payment-filter-amount .payment-filter-ico { float: right !important; left: 65px !important; } .LoanRepaymentsCorporate .payment-filter-payment .page-text { width: calc(100% - 20px); } .LoanRepaymentsCorporate .payment-filter-wrapper { padding-bottom: 35px; } .SupplementaryCardsListCorporate { margin-bottom: 150px; padding-bottom: 0px !important; } .SupplementaryCardsListCorporate .s-widget-title { margin-bottom: 30px !important; } .SupplementaryCardsListCorporate .cards-wrapper { position: relative; } .SupplementaryCardsListCorporate .customBorderLine { border-bottom: 1px solid #8294a8; margin-top: 10px; } .SupplementaryCardsListCorporate .payment-filter-box .page-text-2 { padding-right: 25px; float: left; } .SupplementaryCardsListCorporate .pager { padding-top: 13px !important; margin-top: 16px !important; margin-bottom: -100px !important; } .SupplementaryCardsListCorporate .card-filter-wrapper .payment-filter-payment { position: relative; padding: 4px; border-radius: 15px; cursor: pointer; -webkit-transition: background-color 0.5s; transition: background-color 0.5s; height: 40px; } .SupplementaryCardsListCorporate .card-filter-wrapper .payment-filter-payment:hover { background-color: #FFFFFF; } .SupplementaryCardsListCorporate .card-filter-wrapper .payment-filter-payment:hover .payments-ico { background-color: #EFEFEF; transition: background-color 0.5s; } .SupplementaryCardsListCorporate .card-filter-wrapper .payment-filter-payment:hover .pdf-download { opacity: 1; visibility: visible; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .SupplementaryCardsListCorporate .card-filter-wrapper .payment-filter-payment .page-text small { position: relative; top: -2px; } .SupplementaryCardsListCorporate .card-filter-wrapper .payment-filter-payment .page-text small .dot-menu-dot { display: block; margin: 2px; width: 4px; height: 4px; border-radius: 50%; } .SupplementaryCardsListCorporate .card-filter-wrapper .payment-filter-payment .payment-filter-currency { margin: 0 7px; } .SupplementaryCardsListCorporate .card-filter-wrapper .payment-info-amount { width: 16%; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; text-align: left !important; } .SupplementaryCardsListCorporate .card-filter-wrapper .payment-info-amount .text-page { padding-left: 0px; } .SupplementaryCardsListCorporate .card-filter-wrapper .payment-info-date { width: 16%; } .SupplementaryCardsListCorporate .card-filter-wrapper .payment-info-date p { padding-left: 16px; } .SupplementaryCardsListCorporate .card-filter-wrapper .payment-info-recipient { width: 25%; } .SupplementaryCardsListCorporate .card-filter-wrapper .payment-info-recipient:first-child .page-text { padding-left: 16px; } .SupplementaryCardsListCorporate .card-filter-wrapper .payment-info-recipient .page-text { text-align: left; padding-left: 0px; } .SupplementaryCardsListCorporate .card-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 0.5s, visibility 0.5s, background-color 0.5s, box-shadow 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, visibility 0.5s, background-color 0.5s, box-shadow 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, visibility 0.5s, transform 0.5s, background-color 0.5s, box-shadow 0.5s; transition: opacity 0.5s, visibility 0.5s, transform 0.5s, background-color 0.5s, box-shadow 0.5s, -webkit-transform 0.5s; padding: 10px; margin-left: 16px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); } .SupplementaryCardsListCorporate .card-filter-wrapper .pdf-download:hover { box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.08); background-color: #DCDCDC; } .SupplementaryCardsListCorporate .card-filter-wrapper .pdf-download .pdf-ico { width: 18px; height: 20px; } .SupplementaryCardsListCorporate .card-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; } .SupplementaryCardsListCorporate .card-filter-wrapper .payment-filter-payment.payment-info-amount .page-text { padding-left: 0px; } .SupplementaryCardsListCorporate .payment-filter-ico { position: absolute; width: 8px; height: 14px; top: 0px; cursor: pointer; } .SupplementaryCardsListCorporate .payment-filter-recipient { width: 25%; } .SupplementaryCardsListCorporate .payment-filter-recipient .filter-card-wrapper { position: relative; } .SupplementaryCardsListCorporate .payment-filter-box { position: relative; /* .payment-filter-amount { width: 16% !important; }*/ } .SupplementaryCardsListCorporate .payment-filter-box.active .payment-ico-filter-down { opacity: 0; } .SupplementaryCardsListCorporate .payment-filter-box:first-child .page-text-2 { float: left; } .SupplementaryCardsListCorporate .payment-filter-box:first-child .filter-card-wrapper { position: relative; } .SupplementaryCardsListCorporate .payment-filter-box .page-text-2 { cursor: pointer; padding-right: 25px !important; display: inline-block; margin-bottom: 15px; font-weight: bold; line-height: 1; -webkit-transition: color 0.5s; transition: color 0.5s; } .SupplementaryCardsListCorporate .payment-filter-amount { width: 16% !important; padding-left: 10px; } .SupplementaryCardsListCorporate .payment-filter-amount .page-text-2 { float: left; } .SupplementaryCardsListCorporate .payment-filter-amount .payment-filter-ico { float: right !important; left: 65px !important; } .SupplementaryCardsListCorporate .payment-filter-payment .page-text { width: calc(100% - 20px); } .SupplementaryCardsListCorporate .payment-filter-wrapper { padding-bottom: 35px; } .SupplementaryCardsListCorporate .credit-type-select-wrapper .dk-select .dk-select-options li:first-child { padding-bottom: 0; } .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 #8294a8; } .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 #8294a8; } .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 #8294a8; } /*.AccountTurnoverV2 {*/ .gvAccountTurnoverPreview, .gridViewDepositTurnover { overflow-x: auto; } .gvAccountTurnoverPreview .clientGrid thead, .gridViewDepositTurnover .clientGrid thead { border-bottom: 1px solid #8294a8; } .gvAccountTurnoverPreview .clientGrid thead tr th, .gridViewDepositTurnover .clientGrid thead tr th { text-align: left; } .gvAccountTurnoverPreview .clientGrid thead tr th:nth-child(2), .gridViewDepositTurnover .clientGrid thead tr th:nth-child(2) { width: 9%; } .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(4), .gridViewDepositTurnover .clientGrid thead tr th:nth-child(4) { text-align: center; } .gvAccountTurnoverPreview .clientGrid thead tr th:nth-child(7), .gvAccountTurnoverPreview .clientGrid thead tr th:nth-child(8), .gridViewDepositTurnover .clientGrid thead tr th:nth-child(7), .gridViewDepositTurnover .clientGrid thead tr th:nth-child(8) { 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(3), .gridViewDepositTurnover .clientGrid tbody tr td:nth-child(3) { text-align: left; color: #8294a8; } .gvAccountTurnoverPreview .clientGrid tbody tr td:nth-child(4), .gridViewDepositTurnover .clientGrid tbody tr td:nth-child(4) { text-align: left; } .gvAccountTurnoverPreview .clientGrid tbody tr td:nth-child(5) .tablesaw-cell-content, .gridViewDepositTurnover .clientGrid tbody tr td:nth-child(5) .tablesaw-cell-content { justify-content: flex-start; } .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 0.5s; transition: background-color 0.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: 0.1s; transition-delay: 0.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: 16%; -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 0.5s, visibility 0.5s, background-color 0.5s, box-shadow 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, visibility 0.5s, background-color 0.5s, box-shadow 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, visibility 0.5s, transform 0.5s, background-color 0.5s, box-shadow 0.5s; transition: opacity 0.5s, visibility 0.5s, transform 0.5s, background-color 0.5s, box-shadow 0.5s, -webkit-transform 0.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 0.5s; transition: color 0.5s; } .gvAccountTurnoverPreview .payment-filter-box .payment-filter-amount, .gridViewDepositTurnover .payment-filter-box .payment-filter-amount { width: 10%; } .gvSupplementaryCards .clientGrid thead { border-bottom: 1px solid #8294a8; } .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: 150px; } .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; } .LoanAnnuityPlanCorporate { position: relative; /* .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; } }*/ } .LoanAnnuityPlanCorporate .turnover-icon { margin-right: 13px; } .LoanAnnuityPlanCorporate .filter-wrapper-list-7-outher-wrapper .filter-wrapper-list-7 { padding: 16px; border-radius: 28px; } .LoanAnnuityPlanCorporate .filter-wrapper-list-7-outher-wrapper .filter-wrapper-list-7 .payment-filter-box { width: 25%; text-align: right; } .LoanAnnuityPlanCorporate .filter-wrapper-list-7-outher-wrapper .filter-wrapper-list-7 .payment-filter-box p { width: 100%; } .LoanAnnuityPlanCorporate .filter-wrapper-list-7-outher-wrapper .filter-wrapper-list-7 .payment-filter-box-total { width: 8.33333%; text-align: left; } .LoanAnnuityPlanCorporate .filter-wrapper-list-7-outher-wrapper .filter-wrapper-list-7 .col-1 { width: 24%; } .LoanAnnuityPlanCorporate .filter-wrapper-list-7-outher-wrapper .filter-wrapper-list-7 .col-2 { width: 15.66667%; } .LoanAnnuityPlanCorporate .filter-wrapper-list-7-outher-wrapper .filter-wrapper-list-7 .payment-filter { padding-bottom: 10px; } .LoanAnnuityPlanCorporate .filter-wrapper-list-7-outher-wrapper .filter-wrapper-list-7 .payment-info-wrapper .payment-filter-payment .blank-column-ap-total { width: 3.8% !important; } .LoanAnnuityPlanCorporate .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; } .LoanAnnuityPlanCorporate .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; } .LoanAnnuityPlanCorporate .filter-wrapper-list-7-outher-wrapper .page-text { line-height: 1; } .LoanAnnuityPlanCorporate .date { color: #C7C7C7; } .LoanAnnuityPlanCorporate .row-arrow { display: inline; float: right; } .LoanAnnuityPlanCorporate .row-arrow svg { fill: #C7C7C7; } .LoanBalancePreviewCorporate, .AccountBalancePreviewCorporate, .AuthorizedAccountsCorporate, .CardBalancePreviewCorporate, .DepositBalancePreviewCorporate { margin-bottom: 0 !important; } .LoanBalancePreviewCorporate .menu-line, .AccountBalancePreviewCorporate .menu-line, .AuthorizedAccountsCorporate .menu-line, .CardBalancePreviewCorporate .menu-line, .DepositBalancePreviewCorporate .menu-line { width: 100%; border-bottom: 1px solid #8294a8; } .LoanBalancePreviewCorporate .accounts-intro-title, .AccountBalancePreviewCorporate .accounts-intro-title, .AuthorizedAccountsCorporate .accounts-intro-title, .CardBalancePreviewCorporate .accounts-intro-title, .DepositBalancePreviewCorporate .accounts-intro-title { width: 60%; } .LoanBalancePreviewCorporate .accounts-intro-title .account-card-text, .AccountBalancePreviewCorporate .accounts-intro-title .account-card-text, .AuthorizedAccountsCorporate .accounts-intro-title .account-card-text, .CardBalancePreviewCorporate .accounts-intro-title .account-card-text, .DepositBalancePreviewCorporate .accounts-intro-title .account-card-text { width: calc(100% - 75px); } .LoanBalancePreviewCorporate .accounts-intro-title .account-card-text h2, .AccountBalancePreviewCorporate .accounts-intro-title .account-card-text h2, .AuthorizedAccountsCorporate .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; overflow-wrap: break-word; } .LoanBalancePreviewCorporate .filter-error-ico, .AccountBalancePreviewCorporate .filter-error-ico, .AuthorizedAccountsCorporate .filter-error-ico, .CardBalancePreviewCorporate .filter-error-ico, .DepositBalancePreviewCorporate .filter-error-ico { margin-top: 15px; } .AccountBalancePreviewCorporate .user-account-card .account-intro-inner, .AuthorizedAccountsCorporate .user-account-card .account-intro-inner { width: calc(100% - 77px); } .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); top: 40px; } .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: -webkit-calc(20% - 17px); width: calc(20% - 4px); } .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: #8294a8; width: 18px; height: 18px; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); } .MessageHubNotificationList .btnNewMessage { background: linear-gradient(90deg, #0079ff, #00c6ff); } .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; } .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.0008) !important; transition: box-shadow 0.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 0.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: "Source-Sans-Pro", 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; } .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 0.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; } .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-right: 25px !important; } .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: 20px; } .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; } .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 0.5s, background-color 0.5s; transition: box-shadow 0.5s, background-color 0.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 .transaction-filter-inner .dk-selected { transform: none; } .notificationMsgListFilter .active { border: 1px solid #0a79b8 !important; } .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, .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 0.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: 9px 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); font-weight: bold; } .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 0.3s; transition: opacity 0.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 0.5s; transition: box-shadow 0.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, .PaymentTransferV2 .s-widget-title, .CardPayment .s-widget-title, .PaymentOrderV2 .s-widget-title, .PaymentOrderV4 .s-widget-title { display: none; } .FXTrading .s-widget-body-header, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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 0.3s; cursor: pointer; font-family: "Source-Sans-Pro-semibold", "sans-serif"; } .FXTrading .transaction-filter-inner .buttons-wrapper .debt-btn:first-child, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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: rgb(82, 174, 48); 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, .PaymentTransferV2 .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: rgba(0, 0, 0, 0); user-select: none; background-color: rgb(239, 239, 239); } .FXTrading .user-account-card-outer .wrapper, .PaymentTransferV2 .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, .PaymentTransferV2 .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 0.5s; transition: background-color 0.5s; width: 100%; } .FXTrading .user-account-card-outer .wrapper.account-card-img:hover, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; width: 7px; height: 12px; right: 1px; position: relative; top: -10px; } .FXTrading .user-account-card-outer .wrapper.account-card-img .account-detail-menu, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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; } .FXTrading .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance.right, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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), rgba(0, 0, 0, 0)); 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, .PaymentTransferV2 .transaction-calendar, .CardPayment .transaction-calendar, .PaymentOrderV2 .transaction-calendar, .PaymentOrderV4 .transaction-calendar { position: relative; } .Forms_ActiveWorkflowListSOG .transaction-calendar .input-1, .FXTrading .transaction-calendar .input-1, .PaymentTransferV2 .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, .PaymentTransferV2 .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 0.3s; transition: opacity 0.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 0.5s; transition: background-color 0.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), rgba(0, 0, 0, 0)); 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 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .transaction-filter-inner .btn-2 { border-radius: 38px; transition: all 0.5s; margin-top: 75px; max-width: 600px !important; } .FXTrading .transaction-filter-inner .btn-2:hover, .CardPayment .transaction-filter-inner .btn-2:hover, .PaymentTransferV2 .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, .PaymentTransferV2 .transaction-filter-inner .btn-2.disabled { pointer-events: none; cursor: not-allowed; } .FXTrading .transaction-filter-inner .dk-selected, .CardPayment .transaction-filter-inner .dk-selected, .PaymentTransferV2 .transaction-filter-inner .dk-selected { height: 60px !important; } .FXTrading .transaction-filter-inner .dk-selected:after, .CardPayment .transaction-filter-inner .dk-selected:after, .PaymentTransferV2 .transaction-filter-inner .dk-selected:after { background: url(images/icons/arrow-down1.png) 50% no-repeat !important; background-size: 11px !important; top: -13px; right: 10px !important; width: 20px; height: 100%; } .FXTrading .transaction-filter-inner .input-amount, .CardPayment .transaction-filter-inner .input-amount, .PaymentTransferV2 .transaction-filter-inner .input-amount { padding: 23px 0px 5px 24px; font-size: 15px; font-family: "Source-Sans-Pro-bold", sans-serif; height: 22px; border: 1px solid #dcdcdc; } .FXTrading .transaction-filter-inner .input-amount.borderError, .CardPayment .transaction-filter-inner .input-amount.borderError, .PaymentTransferV2 .transaction-filter-inner .input-amount.borderError { border: 1px solid red; } .FXTrading .transaction-filter-inner .input-amount.disabled, .CardPayment .transaction-filter-inner .input-amount.disabled, .PaymentTransferV2 .transaction-filter-inner .input-amount.disabled { background: rgb(239, 239, 239); pointer-events: none; color: gray; cursor: not-allowed; } .FXTrading .transaction-filter-inner label, .CardPayment .transaction-filter-inner label, .PaymentTransferV2 .transaction-filter-inner label { position: absolute; top: 8px; left: 24px; padding: 0 24px 0 0; z-index: 1; } .FXTrading .transaction-filter-inner label.txt, .CardPayment .transaction-filter-inner label.txt, .PaymentTransferV2 .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, .PaymentTransferV2 .transaction-filter-inner label.zIndex { z-index: 11; } .FXTrading .transaction-filter-inner label.debt-repayment, .CardPayment .transaction-filter-inner label.debt-repayment, .PaymentTransferV2 .transaction-filter-inner label.debt-repayment { font-size: 12px; } .FXTrading .transaction-filter-inner .amount-currency, .CardPayment .transaction-filter-inner .amount-currency, .PaymentTransferV2 .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, .PaymentTransferV2 .transaction-filter-inner .credit-type-select-wrapper { padding: 24px 0 5px 24px; border: 1px solid #dcdcdc !important; border: none; border-radius: 30px; width: 97%; } .FXTrading .transaction-filter-inner .credit-type-select-wrapper.txt, .CardPayment .transaction-filter-inner .credit-type-select-wrapper.txt, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-selected p { margin-bottom: 0px; } .FXTrading .account-custom-name, .CardPayment .account-custom-name, .PaymentTransferV2 .account-custom-name { margin-bottom: 0px !important; } .FXTrading .accounts-intro-balance, .CardPayment .accounts-intro-balance, .PaymentTransferV2 .accounts-intro-balance { margin-left: 210px; } .FXTrading .focusin, .CardPayment .focusin, .PaymentTransferV2 .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 0.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: rgb(255, 255, 255); color: #52AE30; border: none; font-weight: bold; font-size: 14px; transition: all 0.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.004); 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: rgb(255, 255, 255); } #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 0.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, .PaymentTransferV2 .input-select-1, .PaymentTransferV2 .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, .accountBlockedFunds, .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, .accountBlockedFunds .transaction-popup-detail, .foreignInstructions .transaction-popup-detail { padding-right: 30px; } .SMSDialog .ui-dialog-titlebar, .accountBlockedFunds .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, .accountBlockedFunds .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, .accountBlockedFunds .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, .accountBlockedFunds .ui-dialog-titlebar-close, .foreignInstructions .ui-dialog-titlebar-close { display: none; } .SMSDialog .ui-dialog-buttonpane, .accountBlockedFunds .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, .accountBlockedFunds .ui-dialog-buttonpane .ui-dialog-buttonset, .foreignInstructions .ui-dialog-buttonpane .ui-dialog-buttonset { float: none !important; } .SMSDialog .ui-dialog-buttonpane .ui-dialog-buttonset button, .accountBlockedFunds .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 0.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, .accountBlockedFunds .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, .accountBlockedFunds input.smsCode, .foreignInstructions input.smsCode { padding: 0; padding-left: 10px; width: 96%; transform: translateY(10px); margin-bottom: 25px; } .SMSDialog input.smsCode.borderError, .accountBlockedFunds input.smsCode.borderError, .foreignInstructions input.smsCode.borderError { border: 1px solid red; } .SMSDialog .active, .accountBlockedFunds .active, .foreignInstructions .active { border: 1px solid #0a79b8 !important; } .SMSDialog .SMSmessage, .accountBlockedFunds .SMSmessage, .foreignInstructions .SMSmessage { margin-bottom: 20px; display: block; margin-top: -25px; font-family: "Source-Sans-Pro", sans-serif !important; } .LoanRepaymentsCorporate, .CreditorTemplateManaging, .CardStatementsCorporate, .AccountStatementsCorporate, .CreditorTemplateManagingV2, .CreditorTemplateManagingPublicV2, .CreditorTemplateManagingForeignV2, .CrontoTokenListV2, .DepositStatementsCorporate, .SupplementaryCardsListCorporate { padding-bottom: 100px; } .LoanRepaymentsCorporate .account-statements-info-wrapper, .CreditorTemplateManaging .account-statements-info-wrapper, .CardStatementsCorporate .account-statements-info-wrapper, .AccountStatementsCorporate .account-statements-info-wrapper, .CreditorTemplateManagingV2 .account-statements-info-wrapper, .CreditorTemplateManagingPublicV2 .account-statements-info-wrapper, .CreditorTemplateManagingForeignV2 .account-statements-info-wrapper, .CrontoTokenListV2 .account-statements-info-wrapper, .DepositStatementsCorporate .account-statements-info-wrapper, .SupplementaryCardsListCorporate .account-statements-info-wrapper { border-bottom: 1px solid #8294a8; } .LoanRepaymentsCorporate .show-per-page .page-text-2, .CreditorTemplateManaging .show-per-page .page-text-2, .CardStatementsCorporate .show-per-page .page-text-2, .AccountStatementsCorporate .show-per-page .page-text-2, .CreditorTemplateManagingV2 .show-per-page .page-text-2, .CreditorTemplateManagingPublicV2 .show-per-page .page-text-2, .CreditorTemplateManagingForeignV2 .show-per-page .page-text-2, .CrontoTokenListV2 .show-per-page .page-text-2, .DepositStatementsCorporate .show-per-page .page-text-2, .SupplementaryCardsListCorporate .show-per-page .page-text-2 { padding-right: 16px; } .LoanRepaymentsCorporate .payment-filter-box .inactive-sort-arrow, .CreditorTemplateManaging .payment-filter-box .inactive-sort-arrow, .CardStatementsCorporate .payment-filter-box .inactive-sort-arrow, .AccountStatementsCorporate .payment-filter-box .inactive-sort-arrow, .CreditorTemplateManagingV2 .payment-filter-box .inactive-sort-arrow, .CreditorTemplateManagingPublicV2 .payment-filter-box .inactive-sort-arrow, .CreditorTemplateManagingForeignV2 .payment-filter-box .inactive-sort-arrow, .CrontoTokenListV2 .payment-filter-box .inactive-sort-arrow, .DepositStatementsCorporate .payment-filter-box .inactive-sort-arrow, .SupplementaryCardsListCorporate .payment-filter-box .inactive-sort-arrow { right: unset; display: inline; float: left; transition: opacity 0.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; } .LoanRepaymentsCorporate .payment-filter-box .sort-indicator-name, .CreditorTemplateManaging .payment-filter-box .sort-indicator-name, .CardStatementsCorporate .payment-filter-box .sort-indicator-name, .AccountStatementsCorporate .payment-filter-box .sort-indicator-name, .CreditorTemplateManagingV2 .payment-filter-box .sort-indicator-name, .CreditorTemplateManagingPublicV2 .payment-filter-box .sort-indicator-name, .CreditorTemplateManagingForeignV2 .payment-filter-box .sort-indicator-name, .CrontoTokenListV2 .payment-filter-box .sort-indicator-name, .DepositStatementsCorporate .payment-filter-box .sort-indicator-name, .SupplementaryCardsListCorporate .payment-filter-box .sort-indicator-name { right: unset; display: inline; float: left; transition: opacity 0.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; } .LoanRepaymentsCorporate .payment-filter-box .sort-indicator-name.active, .CreditorTemplateManaging .payment-filter-box .sort-indicator-name.active, .CardStatementsCorporate .payment-filter-box .sort-indicator-name.active, .AccountStatementsCorporate .payment-filter-box .sort-indicator-name.active, .CreditorTemplateManagingV2 .payment-filter-box .sort-indicator-name.active, .CreditorTemplateManagingPublicV2 .payment-filter-box .sort-indicator-name.active, .CreditorTemplateManagingForeignV2 .payment-filter-box .sort-indicator-name.active, .CrontoTokenListV2 .payment-filter-box .sort-indicator-name.active, .DepositStatementsCorporate .payment-filter-box .sort-indicator-name.active, .SupplementaryCardsListCorporate .payment-filter-box .sort-indicator-name.active { opacity: 1; z-index: 2; } .LoanRepaymentsCorporate .payment-filter-box .sort-indicator-name-2, .CreditorTemplateManaging .payment-filter-box .sort-indicator-name-2, .CardStatementsCorporate .payment-filter-box .sort-indicator-name-2, .AccountStatementsCorporate .payment-filter-box .sort-indicator-name-2, .CreditorTemplateManagingV2 .payment-filter-box .sort-indicator-name-2, .CreditorTemplateManagingPublicV2 .payment-filter-box .sort-indicator-name-2, .CreditorTemplateManagingForeignV2 .payment-filter-box .sort-indicator-name-2, .CrontoTokenListV2 .payment-filter-box .sort-indicator-name-2, .DepositStatementsCorporate .payment-filter-box .sort-indicator-name-2, .SupplementaryCardsListCorporate .payment-filter-box .sort-indicator-name-2 { right: unset; display: inline; float: left; transition: opacity 0.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; } .LoanRepaymentsCorporate .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, .AccountStatementsCorporate .payment-filter-box .sort-indicator-name-2.active, .CreditorTemplateManagingV2 .payment-filter-box .sort-indicator-name-2.active, .CreditorTemplateManagingPublicV2 .payment-filter-box .sort-indicator-name-2.active, .CreditorTemplateManagingForeignV2 .payment-filter-box .sort-indicator-name-2.active, .CrontoTokenListV2 .payment-filter-box .sort-indicator-name-2.active, .DepositStatementsCorporate .payment-filter-box .sort-indicator-name-2.active, .SupplementaryCardsListCorporate .payment-filter-box .sort-indicator-name-2.active { opacity: 1; z-index: 2; } .LoanRepaymentsCorporate .credit-type-select-wrapper, .CreditorTemplateManaging .credit-type-select-wrapper, .CardStatementsCorporate .credit-type-select-wrapper, .AccountStatementsCorporate .credit-type-select-wrapper, .CreditorTemplateManagingV2 .credit-type-select-wrapper, .CreditorTemplateManagingPublicV2 .credit-type-select-wrapper, .CreditorTemplateManagingForeignV2 .credit-type-select-wrapper, .CrontoTokenListV2 .credit-type-select-wrapper, .DepositStatementsCorporate .credit-type-select-wrapper, .SupplementaryCardsListCorporate .credit-type-select-wrapper { height: 40px; background-color: transparent; } .LoanRepaymentsCorporate .credit-type-select-wrapper .dk-select, .CreditorTemplateManaging .credit-type-select-wrapper .dk-select, .CardStatementsCorporate .credit-type-select-wrapper .dk-select, .AccountStatementsCorporate .credit-type-select-wrapper .dk-select, .CreditorTemplateManagingV2 .credit-type-select-wrapper .dk-select, .CreditorTemplateManagingPublicV2 .credit-type-select-wrapper .dk-select, .CreditorTemplateManagingForeignV2 .credit-type-select-wrapper .dk-select, .CrontoTokenListV2 .credit-type-select-wrapper .dk-select, .DepositStatementsCorporate .credit-type-select-wrapper .dk-select, .SupplementaryCardsListCorporate .credit-type-select-wrapper .dk-select { padding: 10px 35px 10px 16px; background-color: #fff; border: 1px solid #b4bfcb; border-radius: 6px; } .LoanRepaymentsCorporate .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, .AccountStatementsCorporate .credit-type-select-wrapper .dk-select .acc-number, .CreditorTemplateManagingV2 .credit-type-select-wrapper .dk-select .acc-number, .CreditorTemplateManagingPublicV2 .credit-type-select-wrapper .dk-select .acc-number, .CreditorTemplateManagingForeignV2 .credit-type-select-wrapper .dk-select .acc-number, .CrontoTokenListV2 .credit-type-select-wrapper .dk-select .acc-number, .DepositStatementsCorporate .credit-type-select-wrapper .dk-select .acc-number, .SupplementaryCardsListCorporate .credit-type-select-wrapper .dk-select .acc-number { color: #C7C7C7; font-size: 15px; } .LoanRepaymentsCorporate .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, .AccountStatementsCorporate .credit-type-select-wrapper .dk-select .dk-selected, .CreditorTemplateManagingV2 .credit-type-select-wrapper .dk-select .dk-selected, .CreditorTemplateManagingPublicV2 .credit-type-select-wrapper .dk-select .dk-selected, .CreditorTemplateManagingForeignV2 .credit-type-select-wrapper .dk-select .dk-selected, .CrontoTokenListV2 .credit-type-select-wrapper .dk-select .dk-selected, .DepositStatementsCorporate .credit-type-select-wrapper .dk-select .dk-selected, .SupplementaryCardsListCorporate .credit-type-select-wrapper .dk-select .dk-selected { border: none; border-radius: 0; padding: 0; position: relative; } .LoanRepaymentsCorporate .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, .AccountStatementsCorporate .credit-type-select-wrapper .dk-select .dk-selected:after, .CreditorTemplateManagingV2 .credit-type-select-wrapper .dk-select .dk-selected:after, .CreditorTemplateManagingPublicV2 .credit-type-select-wrapper .dk-select .dk-selected:after, .CreditorTemplateManagingForeignV2 .credit-type-select-wrapper .dk-select .dk-selected:after, .CrontoTokenListV2 .credit-type-select-wrapper .dk-select .dk-selected:after, .DepositStatementsCorporate .credit-type-select-wrapper .dk-select .dk-selected:after, .SupplementaryCardsListCorporate .credit-type-select-wrapper .dk-select .dk-selected:after { content: ""; display: block; width: 9px; height: 100%; position: absolute; top: 0; right: -20px; background: url(images/icons/arrow-down.png) 50% no-repeat; background-size: 9px; } .LoanRepaymentsCorporate .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, .AccountStatementsCorporate .credit-type-select-wrapper .dk-select .dk-select-options, .CreditorTemplateManagingV2 .credit-type-select-wrapper .dk-select .dk-select-options, .CreditorTemplateManagingPublicV2 .credit-type-select-wrapper .dk-select .dk-select-options, .CreditorTemplateManagingForeignV2 .credit-type-select-wrapper .dk-select .dk-select-options, .CrontoTokenListV2 .credit-type-select-wrapper .dk-select .dk-select-options, .DepositStatementsCorporate .credit-type-select-wrapper .dk-select .dk-select-options, .SupplementaryCardsListCorporate .credit-type-select-wrapper .dk-select .dk-select-options { border-radius: 0; position: relative; box-shadow: none; display: none; visibility: visible !important; opacity: 1; padding-top: 0; border: none; } .LoanRepaymentsCorporate .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, .AccountStatementsCorporate .credit-type-select-wrapper .dk-select .dk-select-options li, .CreditorTemplateManagingV2 .credit-type-select-wrapper .dk-select .dk-select-options li, .CreditorTemplateManagingPublicV2 .credit-type-select-wrapper .dk-select .dk-select-options li, .CreditorTemplateManagingForeignV2 .credit-type-select-wrapper .dk-select .dk-select-options li, .CrontoTokenListV2 .credit-type-select-wrapper .dk-select .dk-select-options li, .DepositStatementsCorporate .credit-type-select-wrapper .dk-select .dk-select-options li, .SupplementaryCardsListCorporate .credit-type-select-wrapper .dk-select .dk-select-options li { padding: 16px 0; } .LoanRepaymentsCorporate .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, .AccountStatementsCorporate .credit-type-select-wrapper .dk-select .dk-select-options li:last-child, .CreditorTemplateManagingV2 .credit-type-select-wrapper .dk-select .dk-select-options li:last-child, .CreditorTemplateManagingPublicV2 .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, .CrontoTokenListV2 .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, .SupplementaryCardsListCorporate .credit-type-select-wrapper .dk-select .dk-select-options li:last-child { padding-top: 0; padding-bottom: 6px; } .LoanRepaymentsCorporate .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, .AccountStatementsCorporate .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected, .CreditorTemplateManagingV2 .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected, .CreditorTemplateManagingPublicV2 .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, .CrontoTokenListV2 .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, .SupplementaryCardsListCorporate .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected { background: transparent; } .LoanRepaymentsCorporate .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, .AccountStatementsCorporate .credit-type-select-wrapper .dk-select .dk-select-options.perPage, .CreditorTemplateManagingV2 .credit-type-select-wrapper .dk-select .dk-select-options.perPage, .CreditorTemplateManagingPublicV2 .credit-type-select-wrapper .dk-select .dk-select-options.perPage, .CreditorTemplateManagingForeignV2 .credit-type-select-wrapper .dk-select .dk-select-options.perPage, .CrontoTokenListV2 .credit-type-select-wrapper .dk-select .dk-select-options.perPage, .DepositStatementsCorporate .credit-type-select-wrapper .dk-select .dk-select-options.perPage, .SupplementaryCardsListCorporate .credit-type-select-wrapper .dk-select .dk-select-options.perPage { border-top: 2px solid #52ae30; } .LoanRepaymentsCorporate .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, .AccountStatementsCorporate .credit-type-select-wrapper .dk-select .dk-select-options.perPage li, .CreditorTemplateManagingV2 .credit-type-select-wrapper .dk-select .dk-select-options.perPage li, .CreditorTemplateManagingPublicV2 .credit-type-select-wrapper .dk-select .dk-select-options.perPage li, .CreditorTemplateManagingForeignV2 .credit-type-select-wrapper .dk-select .dk-select-options.perPage li, .CrontoTokenListV2 .credit-type-select-wrapper .dk-select .dk-select-options.perPage li, .DepositStatementsCorporate .credit-type-select-wrapper .dk-select .dk-select-options.perPage li, .SupplementaryCardsListCorporate .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; } .LoanRepaymentsCorporate .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, .AccountStatementsCorporate .credit-type-select-wrapper .dk-select .dk-select-options.perPage li:hover, .CreditorTemplateManagingV2 .credit-type-select-wrapper .dk-select .dk-select-options.perPage li:hover, .CreditorTemplateManagingPublicV2 .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, .CrontoTokenListV2 .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, .SupplementaryCardsListCorporate .credit-type-select-wrapper .dk-select .dk-select-options.perPage li:hover { background-color: whitesmoke; border-color: #dcdcdc; } .LoanRepaymentsCorporate .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, .AccountStatementsCorporate .credit-type-select-wrapper .dk-select .dk-select-options.perPage li.dk-option-selected, .CreditorTemplateManagingV2 .credit-type-select-wrapper .dk-select .dk-select-options.perPage li.dk-option-selected, .CreditorTemplateManagingPublicV2 .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, .CrontoTokenListV2 .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, .SupplementaryCardsListCorporate .credit-type-select-wrapper .dk-select .dk-select-options.perPage li.dk-option-selected { background: transparent; } .LoanRepaymentsCorporate .credit-type-select-wrapper .dk-select.perPage, .CreditorTemplateManaging .credit-type-select-wrapper .dk-select.perPage, .CardStatementsCorporate .credit-type-select-wrapper .dk-select.perPage, .AccountStatementsCorporate .credit-type-select-wrapper .dk-select.perPage, .CreditorTemplateManagingV2 .credit-type-select-wrapper .dk-select.perPage, .CreditorTemplateManagingPublicV2 .credit-type-select-wrapper .dk-select.perPage, .CreditorTemplateManagingForeignV2 .credit-type-select-wrapper .dk-select.perPage, .CrontoTokenListV2 .credit-type-select-wrapper .dk-select.perPage, .DepositStatementsCorporate .credit-type-select-wrapper .dk-select.perPage, .SupplementaryCardsListCorporate .credit-type-select-wrapper .dk-select.perPage { padding: 0; overflow: hidden; } .LoanRepaymentsCorporate .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, .AccountStatementsCorporate .credit-type-select-wrapper .dk-select.perPage .dk-selected, .CreditorTemplateManagingV2 .credit-type-select-wrapper .dk-select.perPage .dk-selected, .CreditorTemplateManagingPublicV2 .credit-type-select-wrapper .dk-select.perPage .dk-selected, .CreditorTemplateManagingForeignV2 .credit-type-select-wrapper .dk-select.perPage .dk-selected, .CrontoTokenListV2 .credit-type-select-wrapper .dk-select.perPage .dk-selected, .DepositStatementsCorporate .credit-type-select-wrapper .dk-select.perPage .dk-selected, .SupplementaryCardsListCorporate .credit-type-select-wrapper .dk-select.perPage .dk-selected { padding: 10px 35px 10px 16px; } .LoanRepaymentsCorporate .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, .AccountStatementsCorporate .credit-type-select-wrapper .dk-select.perPage .dk-selected:after, .CreditorTemplateManagingV2 .credit-type-select-wrapper .dk-select.perPage .dk-selected:after, .CreditorTemplateManagingPublicV2 .credit-type-select-wrapper .dk-select.perPage .dk-selected:after, .CreditorTemplateManagingForeignV2 .credit-type-select-wrapper .dk-select.perPage .dk-selected:after, .CrontoTokenListV2 .credit-type-select-wrapper .dk-select.perPage .dk-selected:after, .DepositStatementsCorporate .credit-type-select-wrapper .dk-select.perPage .dk-selected:after, .SupplementaryCardsListCorporate .credit-type-select-wrapper .dk-select.perPage .dk-selected:after { right: 15px; } .LoanRepaymentsCorporate .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, .AccountStatementsCorporate .credit-type-select-wrapper .select-1.dk-select-open-down, .CreditorTemplateManagingV2 .credit-type-select-wrapper .select-1.dk-select-open-down, .CreditorTemplateManagingPublicV2 .credit-type-select-wrapper .select-1.dk-select-open-down, .CreditorTemplateManagingForeignV2 .credit-type-select-wrapper .select-1.dk-select-open-down, .CrontoTokenListV2 .credit-type-select-wrapper .select-1.dk-select-open-down, .DepositStatementsCorporate .credit-type-select-wrapper .select-1.dk-select-open-down, .SupplementaryCardsListCorporate .credit-type-select-wrapper .select-1.dk-select-open-down { border-radius: 6px; border-color: #0faaea; } .LoanRepaymentsCorporate .payment-filter .payment-filter-box svg, .CreditorTemplateManaging .payment-filter .payment-filter-box svg, .CardStatementsCorporate .payment-filter .payment-filter-box svg, .AccountStatementsCorporate .payment-filter .payment-filter-box svg, .CreditorTemplateManagingV2 .payment-filter .payment-filter-box svg, .CreditorTemplateManagingPublicV2 .payment-filter .payment-filter-box svg, .CreditorTemplateManagingForeignV2 .payment-filter .payment-filter-box svg, .CrontoTokenListV2 .payment-filter .payment-filter-box svg, .DepositStatementsCorporate .payment-filter .payment-filter-box svg, .SupplementaryCardsListCorporate .payment-filter .payment-filter-box svg { right: unset; display: inline; float: left; } .LoanRepaymentsCorporate .account-statements-info .beneficiaries-fav svg, .CreditorTemplateManaging .account-statements-info .beneficiaries-fav svg, .CardStatementsCorporate .account-statements-info .beneficiaries-fav svg, .AccountStatementsCorporate .account-statements-info .beneficiaries-fav svg, .CreditorTemplateManagingV2 .account-statements-info .beneficiaries-fav svg, .CreditorTemplateManagingPublicV2 .account-statements-info .beneficiaries-fav svg, .CreditorTemplateManagingForeignV2 .account-statements-info .beneficiaries-fav svg, .CrontoTokenListV2 .account-statements-info .beneficiaries-fav svg, .DepositStatementsCorporate .account-statements-info .beneficiaries-fav svg, .SupplementaryCardsListCorporate .account-statements-info .beneficiaries-fav svg { margin: 0 25px; } .LoanRepaymentsCorporate .account-statements-info .beneficiaries-fav.active svg, .CreditorTemplateManaging .account-statements-info .beneficiaries-fav.active svg, .CardStatementsCorporate .account-statements-info .beneficiaries-fav.active svg, .AccountStatementsCorporate .account-statements-info .beneficiaries-fav.active svg, .CreditorTemplateManagingV2 .account-statements-info .beneficiaries-fav.active svg, .CreditorTemplateManagingPublicV2 .account-statements-info .beneficiaries-fav.active svg, .CreditorTemplateManagingForeignV2 .account-statements-info .beneficiaries-fav.active svg, .CrontoTokenListV2 .account-statements-info .beneficiaries-fav.active svg, .DepositStatementsCorporate .account-statements-info .beneficiaries-fav.active svg, .SupplementaryCardsListCorporate .account-statements-info .beneficiaries-fav.active svg { stroke: #f60; fill: #f60; } .LoanRepaymentsCorporate .account-statements-info .payments-ico p, .CreditorTemplateManaging .account-statements-info .payments-ico p, .CardStatementsCorporate .account-statements-info .payments-ico p, .AccountStatementsCorporate .account-statements-info .payments-ico p, .CreditorTemplateManagingV2 .account-statements-info .payments-ico p, .CreditorTemplateManagingPublicV2 .account-statements-info .payments-ico p, .CreditorTemplateManagingForeignV2 .account-statements-info .payments-ico p, .CrontoTokenListV2 .account-statements-info .payments-ico p, .DepositStatementsCorporate .account-statements-info .payments-ico p, .SupplementaryCardsListCorporate .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%); } .LoanRepaymentsCorporate .account-statements-info .payments-ico img, .CreditorTemplateManaging .account-statements-info .payments-ico img, .CardStatementsCorporate .account-statements-info .payments-ico img, .AccountStatementsCorporate .account-statements-info .payments-ico img, .CreditorTemplateManagingV2 .account-statements-info .payments-ico img, .CreditorTemplateManagingPublicV2 .account-statements-info .payments-ico img, .CreditorTemplateManagingForeignV2 .account-statements-info .payments-ico img, .CrontoTokenListV2 .account-statements-info .payments-ico img, .DepositStatementsCorporate .account-statements-info .payments-ico img, .SupplementaryCardsListCorporate .account-statements-info .payments-ico img { border-radius: 50%; } .LoanRepaymentsCorporate .account-statements-info .account-statement-pdf-download, .CreditorTemplateManaging .account-statements-info .account-statement-pdf-download, .CardStatementsCorporate .account-statements-info .account-statement-pdf-download, .AccountStatementsCorporate .account-statements-info .account-statement-pdf-download, .CreditorTemplateManagingV2 .account-statements-info .account-statement-pdf-download, .CreditorTemplateManagingPublicV2 .account-statements-info .account-statement-pdf-download, .CreditorTemplateManagingForeignV2 .account-statements-info .account-statement-pdf-download, .CrontoTokenListV2 .account-statements-info .account-statement-pdf-download, .DepositStatementsCorporate .account-statements-info .account-statement-pdf-download, .SupplementaryCardsListCorporate .account-statements-info .account-statement-pdf-download { padding-right: 0; } .LoanRepaymentsCorporate .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, .AccountStatementsCorporate .account-statements-info .account-statement-pdf-download p, .CreditorTemplateManagingV2 .account-statements-info .account-statement-pdf-download p, .CreditorTemplateManagingPublicV2 .account-statements-info .account-statement-pdf-download p, .CreditorTemplateManagingForeignV2 .account-statements-info .account-statement-pdf-download p, .CrontoTokenListV2 .account-statements-info .account-statement-pdf-download p, .DepositStatementsCorporate .account-statements-info .account-statement-pdf-download p, .SupplementaryCardsListCorporate .account-statements-info .account-statement-pdf-download p { padding-left: 16px; } .LoanRepaymentsCorporate .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, .AccountStatementsCorporate .account-statements-info .account-statement-pdf-download .dot-menu-text-wrapper .pdf-download .page-text, .CreditorTemplateManagingV2 .account-statements-info .account-statement-pdf-download .dot-menu-text-wrapper .pdf-download .page-text, .CreditorTemplateManagingPublicV2 .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, .CrontoTokenListV2 .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, .SupplementaryCardsListCorporate .account-statements-info .account-statement-pdf-download .dot-menu-text-wrapper .pdf-download .page-text { padding-left: 10px; text-transform: inherit; white-space: nowrap; } .LoanRepaymentsCorporate .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, .AccountStatementsCorporate .account-statements-info .account-detail-menu .dot-menu, .CreditorTemplateManagingV2 .account-statements-info .account-detail-menu .dot-menu, .CreditorTemplateManagingPublicV2 .account-statements-info .account-detail-menu .dot-menu, .CreditorTemplateManagingForeignV2 .account-statements-info .account-detail-menu .dot-menu, .CrontoTokenListV2 .account-statements-info .account-detail-menu .dot-menu, .DepositStatementsCorporate .account-statements-info .account-detail-menu .dot-menu, .SupplementaryCardsListCorporate .account-statements-info .account-detail-menu .dot-menu { box-shadow: none; } .LoanRepaymentsCorporate .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, .AccountStatementsCorporate .account-statements-info .account-detail-menu .dot-menu:hover, .CreditorTemplateManagingV2 .account-statements-info .account-detail-menu .dot-menu:hover, .CreditorTemplateManagingPublicV2 .account-statements-info .account-detail-menu .dot-menu:hover, .CreditorTemplateManagingForeignV2 .account-statements-info .account-detail-menu .dot-menu:hover, .CrontoTokenListV2 .account-statements-info .account-detail-menu .dot-menu:hover, .DepositStatementsCorporate .account-statements-info .account-detail-menu .dot-menu:hover, .SupplementaryCardsListCorporate .account-statements-info .account-detail-menu .dot-menu:hover { box-shadow: none; } .LoanRepaymentsCorporate .addNew, .CreditorTemplateManaging .addNew, .CardStatementsCorporate .addNew, .AccountStatementsCorporate .addNew, .CreditorTemplateManagingV2 .addNew, .CreditorTemplateManagingPublicV2 .addNew, .CreditorTemplateManagingForeignV2 .addNew, .CrontoTokenListV2 .addNew, .DepositStatementsCorporate .addNew, .SupplementaryCardsListCorporate .addNew { top: unset; position: absolute; } .LoanRepaymentsCorporate .addNew a, .CreditorTemplateManaging .addNew a, .CardStatementsCorporate .addNew a, .AccountStatementsCorporate .addNew a, .CreditorTemplateManagingV2 .addNew a, .CreditorTemplateManagingPublicV2 .addNew a, .CreditorTemplateManagingForeignV2 .addNew a, .CrontoTokenListV2 .addNew a, .DepositStatementsCorporate .addNew a, .SupplementaryCardsListCorporate .addNew a { border-radius: 25px; cursor: pointer; height: 20px; } .LoanRepaymentsCorporate .addNew a > .plus-ico, .CreditorTemplateManaging .addNew a > .plus-ico, .CardStatementsCorporate .addNew a > .plus-ico, .AccountStatementsCorporate .addNew a > .plus-ico, .CreditorTemplateManagingV2 .addNew a > .plus-ico, .CreditorTemplateManagingPublicV2 .addNew a > .plus-ico, .CreditorTemplateManagingForeignV2 .addNew a > .plus-ico, .CrontoTokenListV2 .addNew a > .plus-ico, .DepositStatementsCorporate .addNew a > .plus-ico, .SupplementaryCardsListCorporate .addNew a > .plus-ico { width: 18px; height: 18px; stroke: currentColor; margin-right: 7px; } .LoanRepaymentsCorporate .addNew a p, .CreditorTemplateManaging .addNew a p, .CardStatementsCorporate .addNew a p, .AccountStatementsCorporate .addNew a p, .CreditorTemplateManagingV2 .addNew a p, .CreditorTemplateManagingPublicV2 .addNew a p, .CreditorTemplateManagingForeignV2 .addNew a p, .CrontoTokenListV2 .addNew a p, .DepositStatementsCorporate .addNew a p, .SupplementaryCardsListCorporate .addNew a p { /*padding-left: 10px;*/ font-size: 14px; } .LoanRepaymentsCorporate .addNew:hover, .CreditorTemplateManaging .addNew:hover, .CardStatementsCorporate .addNew:hover, .AccountStatementsCorporate .addNew:hover, .CreditorTemplateManagingV2 .addNew:hover, .CreditorTemplateManagingPublicV2 .addNew:hover, .CreditorTemplateManagingForeignV2 .addNew:hover, .CrontoTokenListV2 .addNew:hover, .DepositStatementsCorporate .addNew:hover, .SupplementaryCardsListCorporate .addNew:hover { color: white; } .LoanRepaymentsCorporate .addNew:hover a, .CreditorTemplateManaging .addNew:hover a, .CardStatementsCorporate .addNew:hover a, .AccountStatementsCorporate .addNew:hover a, .CreditorTemplateManagingV2 .addNew:hover a, .CreditorTemplateManagingPublicV2 .addNew:hover a, .CreditorTemplateManagingForeignV2 .addNew:hover a, .CrontoTokenListV2 .addNew:hover a, .DepositStatementsCorporate .addNew:hover a, .SupplementaryCardsListCorporate .addNew:hover a { box-shadow: none; } .LoanRepaymentsCorporate .popup-content, .CreditorTemplateManaging .popup-content, .CardStatementsCorporate .popup-content, .AccountStatementsCorporate .popup-content, .CreditorTemplateManagingV2 .popup-content, .CreditorTemplateManagingPublicV2 .popup-content, .CreditorTemplateManagingForeignV2 .popup-content, .CrontoTokenListV2 .popup-content, .DepositStatementsCorporate .popup-content, .SupplementaryCardsListCorporate .popup-content { width: 184px; } .LoanRepaymentsCorporate .popup-content .dot-decoration, .CreditorTemplateManaging .popup-content .dot-decoration, .CardStatementsCorporate .popup-content .dot-decoration, .AccountStatementsCorporate .popup-content .dot-decoration, .CreditorTemplateManagingV2 .popup-content .dot-decoration, .CreditorTemplateManagingPublicV2 .popup-content .dot-decoration, .CreditorTemplateManagingForeignV2 .popup-content .dot-decoration, .CrontoTokenListV2 .popup-content .dot-decoration, .DepositStatementsCorporate .popup-content .dot-decoration, .SupplementaryCardsListCorporate .popup-content .dot-decoration { right: 55px; } .LoanRepaymentsCorporate .popup-content p.third-element, .CreditorTemplateManaging .popup-content p.third-element, .CardStatementsCorporate .popup-content p.third-element, .AccountStatementsCorporate .popup-content p.third-element, .CreditorTemplateManagingV2 .popup-content p.third-element, .CreditorTemplateManagingPublicV2 .popup-content p.third-element, .CreditorTemplateManagingForeignV2 .popup-content p.third-element, .CrontoTokenListV2 .popup-content p.third-element, .DepositStatementsCorporate .popup-content p.third-element, .SupplementaryCardsListCorporate .popup-content p.third-element { white-space: nowrap; } .LoanRepaymentsCorporate .widget-tabs, .CreditorTemplateManaging .widget-tabs, .CardStatementsCorporate .widget-tabs, .AccountStatementsCorporate .widget-tabs, .CreditorTemplateManagingV2 .widget-tabs, .CreditorTemplateManagingPublicV2 .widget-tabs, .CreditorTemplateManagingForeignV2 .widget-tabs, .CrontoTokenListV2 .widget-tabs, .DepositStatementsCorporate .widget-tabs, .SupplementaryCardsListCorporate .widget-tabs { top: -160px; position: absolute; width: 380px; left: 0; right: 0; } .LoanRepaymentsCorporate .widget-tabs li a, .CreditorTemplateManaging .widget-tabs li a, .CardStatementsCorporate .widget-tabs li a, .AccountStatementsCorporate .widget-tabs li a, .CreditorTemplateManagingV2 .widget-tabs li a, .CreditorTemplateManagingPublicV2 .widget-tabs li a, .CreditorTemplateManagingForeignV2 .widget-tabs li a, .CrontoTokenListV2 .widget-tabs li a, .DepositStatementsCorporate .widget-tabs li a, .SupplementaryCardsListCorporate .widget-tabs li a { /*padding: 6px 55px;*/ padding: 4px 0; white-space: nowrap; display: inline-block; width: 100%; } .CardStatementsCorporate .account-statements-info-wrapper, .AccountStatementsCorporate .account-statements-info-wrapper, .DepositStatementsCorporate .account-statements-info-wrapper { border-bottom: 1px solid #8294a8; } .CardStatementsCorporate .account-statements-info-wrapper .payment-filter, .AccountStatementsCorporate .account-statements-info-wrapper .payment-filter, .DepositStatementsCorporate .account-statements-info-wrapper .payment-filter { border-bottom: 1px solid #8294a8 !important; } .CardStatementsCorporate .account-statements-info-wrapper .payment-filter .payment-filter-box svg, .AccountStatementsCorporate .account-statements-info-wrapper .payment-filter .payment-filter-box svg, .DepositStatementsCorporate .account-statements-info-wrapper .payment-filter .payment-filter-box svg { float: right; left: unset !important; } .CardStatementsCorporate .account-statements-info-wrapper .payment-filter .payment-filter-box .page-text-2, .AccountStatementsCorporate .account-statements-info-wrapper .payment-filter .payment-filter-box .page-text-2, .DepositStatementsCorporate .account-statements-info-wrapper .payment-filter .payment-filter-box .page-text-2 { font-weight: bold; } .CardStatementsCorporate .filter-error-text, .AccountStatementsCorporate .filter-error-text, .DepositStatementsCorporate .filter-error-text { margin-top: 40px; } .classNoStatements { border-bottom: 1px solid #8294a8; padding-bottom: 20px; } .classNoData { border-top: 1px solid #8294a8; border-bottom: 1px solid #8294a8; padding-top: 20px; padding-bottom: 20px; } .LoanRepaymentsCorporate .credit-type-select-wrapper .dk-select .dk-selected:after, .DepositStatementsCorporate .credit-type-select-wrapper .dk-select .dk-selected:after, .AccountStatementsCorporate .credit-type-select-wrapper .dk-select .dk-selected:after, .SupplementaryCardsListCorporate .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, .AccountStatementsCorporate .tableFilter { margin-bottom: 50px; } .DepositStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input, .AccountStatementsCorporate .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, .AccountStatementsCorporate .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-selected, .AccountStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .dk-select .dk-selected { padding: 11px 35px 12px 16px; } .DepositStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .dk-select .dk-select-options, .AccountStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .dk-select .dk-select-options { padding: 0; padding-top: 50px; } .DepositStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .select-1.active .dk-selected, .AccountStatementsCorporate .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 .account-statement-pdf-download, .AccountStatementsCorporate .account-statement-pdf-download { width: 76%; } .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; }*/ } .AccountStatementsCorporate, .DepositStatementsCorporate, .CardStatementsCorporate { margin-bottom: 0px; padding-bottom: 0px; } .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 0.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 0.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 0.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 .form-error-message-block { top: 40px; } .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 0.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 0.3s; transition: opacity 0.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; } .PaymentOverviewV2 .s-widget-title { margin-top: -32px; } .PaymentOverviewV2 table thead tr { border-bottom: 1px solid #8294a8; } .PaymentOverviewV2 table thead th { text-align: left !important; padding-left: 12px; } .PaymentOverviewV2 table thead th:nth-child(2) { text-align: center !important; padding-left: 0px; } .PaymentOverviewV2 table thead th:last-child { text-align: right !important; padding-right: 15px; padding-left: 0px; } .PaymentOverviewV2 table thead th:nth-child(7) { display: none !important; } .PaymentOverviewV2 table tbody:before { content: "@"; display: block; line-height: 20px; text-indent: -99999px; } .PaymentOverviewV2 table tbody tr:first-child { border-top: none !important; } .PaymentOverviewV2 table tbody tr td:nth-child(2) { border-bottom-left-radius: 31px; border-top-left-radius: 31px; width: 21%; } .PaymentOverviewV2 table tbody tr td:nth-child(3) { width: 26%; } .PaymentOverviewV2 table tbody tr td:nth-child(3) span { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; max-width: 355px; } .PaymentOverviewV2 table tbody tr td:nth-child(4) { width: 30%; } .PaymentOverviewV2 table tbody tr td:nth-child(4) span { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; max-width: 375px; } .PaymentOverviewV2 table tbody tr td:last-child { border-bottom-right-radius: 31px; border-top-right-radius: 31px; text-align: right !important; } .PaymentOverviewV2 table tbody tr td .amount-overview { display: inline; color: rgba(0, 0, 0, 0.87) !important; font-family: "Source-Sans-Pro-bold", sans-serif !important; } .PaymentOverviewV2 table tbody tr td .currencyTurnover { color: rgba(0, 0, 0, 0.54) !important; font-family: "Source-Sans-Pro-bold", sans-serif !important; } .PaymentOverviewV2 table tbody tr td .status-completed { color: #0a79b8; } .PaymentOverviewV2 table tbody tr td .status-rejected { color: #ff435a; } .PaymentOverviewV2 table tbody tr td .status-pending { color: rgba(0, 0, 0, 0.54); } .PaymentOverviewV2 .account-input { width: 19% !important; } .PaymentOverviewV2 .account-input .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; } .PaymentOverviewV2 .account-input.activeClick .dk-select .dk-selected { border-radius: 25px 25px 0 0 !important; } .PaymentOverviewV2 .clientGridPager { display: flex !important; } .PaymentOverviewV2 .focusin { border: 1px solid #0a79b8; } .PaymentOverviewV2 .transaction-filter-inner .dk-selected { transform: none !important; z-index: 1 !important; } .PaymentOverviewV2 .transaction-filter-inner .filterButton { box-shadow: none !important; right: -35px; } .PaymentOverviewV2 .transaction-filter-inner .filterButton button { font-size: 15px !important; box-shadow: none; } .PaymentOverviewV2 .transaction-filter-inner .transaction-filter-box .transaction-filter input { padding-left: 15px !important; background-color: transparent; } .PaymentOverviewV2 .transaction-filter-inner .description .search { fill: #8294a8; width: 18px; height: 18px; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); } .PaymentOverviewV2 .transaction-filter-inner .description .input-1 { width: 67% !important; } .PaymentOverviewV2 .transaction-filter-inner .dk-select-options { padding-top: 0px !important; margin-top: 28px !important; border-radius: 0px 0px 25px 25px !important; } .PaymentOverviewV2 .transaction-filter-inner .dk-select-options .dk-option:first-child { border-top: 2px solid #0a79b8; } .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img { display: block !important; position: absolute; right: 15px; width: 18px; height: 18px; } .PaymentOverviewV2 .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: -0.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: -0.02em; cursor: pointer; height: fit-content; transition: color 0.3s, background-color 0.3s, border 0.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 0.3s; transition: box-shadow 0.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: "•"; 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 #8294a8; 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 #8294a8; 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: #8294a8; 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 0.3s; transition: opacity 0.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: hsla(0, 0%, 100%, 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 0.3s; transition: opacity 0.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: hsla(0, 0%, 100%, 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 0.5s; transition: background-color 0.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 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.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 0.3s; transition: all 0.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 0.3s; transition: all 0.3s; } .accDetailsPopup .mCSB_inside > .mCSB_container, .cardInstallmentsDetails .mCSB_inside > .mCSB_container, .accountBalanceSlider .mCSB_inside > .mCSB_container { margin-right: 0px !important; } .accDetailsPopup div > #toggle-acc-details, .cardInstallmentsDetails div > #toggle-acc-details, .accountBalanceSlider div > #toggle-acc-details { width: unset !important; } .accDetailsPopup .transaction-popup-details-wrapper .transaction-popup-detail .dot-menu, .cardBalance .transaction-popup-details-wrapper .transaction-popup-detail .dot-menu, .accountBalanceSlider .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, .cardBalance .transaction-popup-details-wrapper .transaction-popup-detail .dot-menu p.popup, .accountBalanceSlider .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, .cardBalance .transaction-popup-details-wrapper .transaction-popup-detail .dot-menu:hover, .accountBalanceSlider .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, .cardBalance .transaction-popup-details-wrapper .transaction-popup-detail .detail-border-3, .accountBalanceSlider .transaction-popup-details-wrapper .transaction-popup-detail .detail-border-3 { border-radius: 12px; } .accountBalanceSlider .popup-ammount-wrapper .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; }*/ } .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card { width: 250px !important; height: 158px !important; box-shadow: 0 6px 10px rgba(0, 0, 0, 0.16) !important; border-radius: 6px; position: relative; margin-bottom: 20px; } .accountBalanceSlider .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%; } .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-613 { background-image: url("images/cards-types/img_44.png"); } .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-614 { background-image: url("images/cards-types/img_27.png"); } .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-647 { background-image: url("images/cards-types/img_23.png"); } .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card .card-image.card-648 { background-image: url("images/cards-types/img_48.png"); } .accountBalanceSlider .popup-ammount-wrapper .user-account-card-img.card.block { display: block; } .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 0.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 0.3s; transition: opacity 0.3s; } .installmentsList .check-all-top { margin: 0 40px; padding-bottom: 20px; border-bottom: 1px solid #8294a8; 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; } .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: 0.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 0.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: 0.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 0.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 0.5s; } .upgrade PopUp .open-package-btn { color: #FFFFFF !important; } .upgrade PopUp .open-package-btn.disabled { cursor: default !important; pointer-events: none !important; background-color: #8294a8 !important; } .upgrade PopUp .open-package-btn.disabled:hover { background-color: #8294a8 !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: hsla(0, 0%, 100%, 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 0.3s; transition: opacity 0.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 #8294a8; 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 #8294a8; } .gvCurrencyExchangeCorporate .clientGrid td .currency-flag { position: relative; top: -5px; float: left; padding-left: 16px; } .gvCurrencyExchangeCorporate .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; } .gvCurrencyExchangeCorporate .clientGrid tbody tr td:nth-child(3), .gvCurrencyExchangeCorporate .clientGrid tbody tr td:nth-child(4), .gvCurrencyExchangeCorporate .clientGrid tbody tr td:nth-child(5) { width: 120px; } /*#region flags*/ .CurrencyCalculatorCorporate .EUR, .CurrencyExchangeCorporateV2 .currency-flag.EUR:before { background-image: url(images/flags/euro.png); } .CurrencyCalculatorCorporate .MKD, .CurrencyExchangeCorporateV2 .currency-flag.MKD:before { background-image: url(images/flags/mkd.png); } .CurrencyCalculatorCorporate .USD, .CurrencyExchangeCorporateV2 .currency-flag.USD:before { background-image: url(images/flags/usa.png); } .CurrencyCalculatorCorporate .CHF, .CurrencyExchangeCorporateV2 .currency-flag.CHF:before { background-image: url(images/flags/swiss.png); } .CurrencyCalculatorCorporate .GBP, .CurrencyExchangeCorporateV2 .currency-flag.GBP:before { background-image: url(images/flags/gb.png); } .CurrencyCalculatorCorporate .TRY, .CurrencyExchangeCorporateV2 .currency-flag.TRY:before { background-image: url(images/flags/turkey.png); } .CurrencyCalculatorCorporate .SEK, .CurrencyExchangeCorporateV2 .currency-flag.SEK:before { background-image: url(images/flags/swe.png); } .CurrencyCalculatorCorporate .CAD, .CurrencyExchangeCorporateV2 .currency-flag.CAD:before { background-image: url(images/flags/cad.png); } .CurrencyCalculatorCorporate .DKK, .CurrencyExchangeCorporateV2 .currency-flag.DKK:before { background-image: url(images/flags/dan.png); } .CurrencyCalculatorCorporate .JPY, .CurrencyExchangeCorporateV2 .currency-flag.JPY:before { background-image: url(images/flags/japan.png); } .CurrencyCalculatorCorporate .NOK, .CurrencyExchangeCorporateV2 .currency-flag.NOK:before { background-image: url(images/flags/norv.png); } .CurrencyCalculatorCorporate .AUD, .CurrencyExchangeCorporateV2 .currency-flag.AUD:before { background-image: url(images/flags/australia.png); } /*#endregion flags*/ .CreditorTemplateManagingV2 .account-statements-info, .CreditorTemplateManagingForeignV2 .account-statements-info, .CrontoTokenListV2 .account-statements-info, .CreditorTemplateManagingPublicV2 .account-statements-info { padding: 20px; -webkit-transition: background-color 0.5s; transition: background-color 0.5s; } .CreditorTemplateManagingV2 .account-statements-info:hover, .CreditorTemplateManagingForeignV2 .account-statements-info:hover, .CrontoTokenListV2 .account-statements-info:hover, .CreditorTemplateManagingPublicV2 .account-statements-info:hover { background-color: #FFFFFF; } .CreditorTemplateManagingV2 .account-statements-info:hover .template-selfie-wrapper, .CreditorTemplateManagingForeignV2 .account-statements-info:hover .template-selfie-wrapper, .CrontoTokenListV2 .account-statements-info:hover .template-selfie-wrapper, .CreditorTemplateManagingPublicV2 .account-statements-info:hover .template-selfie-wrapper { background-color: #f5f8fb !important; } .CreditorTemplateManagingV2 .account-statements-info:hover .profile-popup.active, .CreditorTemplateManagingForeignV2 .account-statements-info:hover .profile-popup.active, .CrontoTokenListV2 .account-statements-info:hover .profile-popup.active, .CreditorTemplateManagingPublicV2 .account-statements-info:hover .profile-popup.active { z-index: 105; } .CreditorTemplateManagingV2 .account-statements-info .group-inner, .CreditorTemplateManagingForeignV2 .account-statements-info .group-inner, .CrontoTokenListV2 .account-statements-info .group-inner, .CreditorTemplateManagingPublicV2 .account-statements-info .group-inner { width: 20%; margin-bottom: 0; } .CreditorTemplateManagingV2 .account-statements-info .group-inner.image, .CreditorTemplateManagingForeignV2 .account-statements-info .group-inner.image, .CrontoTokenListV2 .account-statements-info .group-inner.image, .CreditorTemplateManagingPublicV2 .account-statements-info .group-inner.image { display: flex; justify-content: unset; overflow: hidden; } .CreditorTemplateManagingV2 .account-statements-info .group-inner .template-selfie-wrapper, .CreditorTemplateManagingForeignV2 .account-statements-info .group-inner .template-selfie-wrapper, .CrontoTokenListV2 .account-statements-info .group-inner .template-selfie-wrapper, .CreditorTemplateManagingPublicV2 .account-statements-info .group-inner .template-selfie-wrapper { width: 40px; height: 40px; background-color: #fff; border-radius: 4px; margin-right: 12px; } .CreditorTemplateManagingV2 .account-statements-info .group-inner.actionsElement, .CreditorTemplateManagingForeignV2 .account-statements-info .group-inner.actionsElement, .CrontoTokenListV2 .account-statements-info .group-inner.actionsElement, .CreditorTemplateManagingPublicV2 .account-statements-info .group-inner.actionsElement { width: 60%; } .CreditorTemplateManagingV2 .account-statements-info .group-inner .background-2, .CreditorTemplateManagingForeignV2 .account-statements-info .group-inner .background-2, .CrontoTokenListV2 .account-statements-info .group-inner .background-2, .CreditorTemplateManagingPublicV2 .account-statements-info .group-inner .background-2 { background-color: #fff; } .CreditorTemplateManagingV2 .account-statements-info .group-inner .pdf-download:hover, .CreditorTemplateManagingForeignV2 .account-statements-info .group-inner .pdf-download:hover, .CrontoTokenListV2 .account-statements-info .group-inner .pdf-download:hover, .CreditorTemplateManagingPublicV2 .account-statements-info .group-inner .pdf-download:hover { background-color: rgba(10, 121, 184, 0.1); } .CreditorTemplateManagingV2 .account-statements-info .group-inner .hover-button, .CreditorTemplateManagingForeignV2 .account-statements-info .group-inner .hover-button, .CrontoTokenListV2 .account-statements-info .group-inner .hover-button, .CreditorTemplateManagingPublicV2 .account-statements-info .group-inner .hover-button { opacity: 0; margin-right: 20px; } .CreditorTemplateManagingV2 .account-statements-info:hover .hover-button, .CreditorTemplateManagingForeignV2 .account-statements-info:hover .hover-button, .CrontoTokenListV2 .account-statements-info:hover .hover-button, .CreditorTemplateManagingPublicV2 .account-statements-info:hover .hover-button { opacity: 1; -webkit-transition: opacity 1s; transition: opacity 1s; } .CreditorTemplateManagingV2 .account-statements-info .profile-text-arrow, .CreditorTemplateManagingForeignV2 .account-statements-info .profile-text-arrow, .CrontoTokenListV2 .account-statements-info .profile-text-arrow, .CreditorTemplateManagingPublicV2 .account-statements-info .profile-text-arrow { fill: #8294a8; right: 16px; } .CreditorTemplateManagingV2 .account-statements-info .profile-text-arrow.star-ico, .CreditorTemplateManagingForeignV2 .account-statements-info .profile-text-arrow.star-ico, .CrontoTokenListV2 .account-statements-info .profile-text-arrow.star-ico, .CreditorTemplateManagingPublicV2 .account-statements-info .profile-text-arrow.star-ico { fill: #fff; stroke: #8294a8; width: 21px; height: 20px; margin-right: 25px; -webkit-transition: fill 0.3s; transition: fill 0.3s; cursor: pointer; } .CreditorTemplateManagingV2 .account-statements-info .profile-text-arrow.star-ico.active, .CreditorTemplateManagingForeignV2 .account-statements-info .profile-text-arrow.star-ico.active, .CrontoTokenListV2 .account-statements-info .profile-text-arrow.star-ico.active, .CreditorTemplateManagingPublicV2 .account-statements-info .profile-text-arrow.star-ico.active { fill: #ed6b06; stroke: #ed6b06; } .CreditorTemplateManagingV2 .account-statements-info .three-dots-dropdown-menu, .CreditorTemplateManagingForeignV2 .account-statements-info .three-dots-dropdown-menu, .CrontoTokenListV2 .account-statements-info .three-dots-dropdown-menu, .CreditorTemplateManagingPublicV2 .account-statements-info .three-dots-dropdown-menu { width: 20px; height: 20px; margin-right: 20px; cursor: pointer; } .CreditorTemplateManagingV2 .account-statements-info .three-dots-dropdown-menu .dot, .CreditorTemplateManagingForeignV2 .account-statements-info .three-dots-dropdown-menu .dot, .CrontoTokenListV2 .account-statements-info .three-dots-dropdown-menu .dot, .CreditorTemplateManagingPublicV2 .account-statements-info .three-dots-dropdown-menu .dot { border-radius: 50%; background: #8294a8; width: 5px; height: 5px; } .CreditorTemplateManagingV2 .checkboxCustom .checkbox-save .checkmark, .CreditorTemplateManagingForeignV2 .checkboxCustom .checkbox-save .checkmark, .CrontoTokenListV2 .checkboxCustom .checkbox-save .checkmark, .CreditorTemplateManagingPublicV2 .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; } .CreditorTemplateManagingV2 .checkboxCustom .checkbox-save .checkmark:after, .CreditorTemplateManagingForeignV2 .checkboxCustom .checkbox-save .checkmark:after, .CrontoTokenListV2 .checkboxCustom .checkbox-save .checkmark:after, .CreditorTemplateManagingPublicV2 .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 0.3s; transition: opacity 0.3s; } .CreditorTemplateManagingV2 .payment-filter .payment-filter-box, .CreditorTemplateManagingForeignV2 .payment-filter .payment-filter-box, .CrontoTokenListV2 .payment-filter .payment-filter-box, .CreditorTemplateManagingPublicV2 .payment-filter .payment-filter-box { position: relative; } .CreditorTemplateManagingV2 .payment-filter .payment-filter-box:first-child, .CreditorTemplateManagingForeignV2 .payment-filter .payment-filter-box:first-child, .CrontoTokenListV2 .payment-filter .payment-filter-box:first-child, .CreditorTemplateManagingPublicV2 .payment-filter .payment-filter-box:first-child { width: 20%; } .CreditorTemplateManagingV2 .payment-filter .payment-filter-box .checkboxCustom .checkbox-save.checked .checkmark:after, .CreditorTemplateManagingForeignV2 .payment-filter .payment-filter-box .checkboxCustom .checkbox-save.checked .checkmark:after, .CrontoTokenListV2 .payment-filter .payment-filter-box .checkboxCustom .checkbox-save.checked .checkmark:after, .CreditorTemplateManagingPublicV2 .payment-filter .payment-filter-box .checkboxCustom .checkbox-save.checked .checkmark:after { opacity: 1; } .CreditorTemplateManagingV2 .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark, .CreditorTemplateManagingForeignV2 .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark, .CrontoTokenListV2 .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark, .CreditorTemplateManagingPublicV2 .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; } .CreditorTemplateManagingV2 .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark:after, .CreditorTemplateManagingForeignV2 .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark:after, .CrontoTokenListV2 .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark:after, .CreditorTemplateManagingPublicV2 .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 0.3s; transition: opacity 0.3s; } .CreditorTemplateManagingV2 .payment-filter .payment-filter-box svg, .CreditorTemplateManagingForeignV2 .payment-filter .payment-filter-box svg, .CrontoTokenListV2 .payment-filter .payment-filter-box svg, .CreditorTemplateManagingPublicV2 .payment-filter .payment-filter-box svg { left: unset !important; } .CreditorTemplateManagingV2 .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient, .CreditorTemplateManagingForeignV2 .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient, .CrontoTokenListV2 .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient, .CreditorTemplateManagingPublicV2 .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient { top: -3px; width: 20%; } .CreditorTemplateManagingV2 .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, .CrontoTokenListV2 .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient svg, .CreditorTemplateManagingPublicV2 .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient svg { left: unset !important; top: 5px; } .CreditorTemplateManagingV2 .checkboxCustom .checkbox-save.checked .checkmark:after, .CreditorTemplateManagingForeignV2 .checkboxCustom .checkbox-save.checked .checkmark:after, .CrontoTokenListV2 .checkboxCustom .checkbox-save.checked .checkmark:after, .CreditorTemplateManagingPublicV2 .checkboxCustom .checkbox-save.checked .checkmark:after { opacity: 1; } .CreditorTemplateManagingV2 .showPagination, .CreditorTemplateManagingForeignV2 .showPagination, .CrontoTokenListV2 .showPagination, .CreditorTemplateManagingPublicV2 .showPagination { justify-content: flex-end; } .CreditorTemplateManagingV2 .popup-content.active, .CreditorTemplateManagingForeignV2 .popup-content.active, .CrontoTokenListV2 .popup-content.active, .CreditorTemplateManagingPublicV2 .popup-content.active { right: -40px; } .CreditorTemplateManagingV2 .popup-content.active a:hover, .CreditorTemplateManagingForeignV2 .popup-content.active a:hover, .CrontoTokenListV2 .popup-content.active a:hover, .CreditorTemplateManagingPublicV2 .popup-content.active a:hover { color: #0a79b8; } .CreditorTemplateManagingV2 .transaction-filter-inner .transaction-filter-box .input-1, .CreditorTemplateManagingForeignV2 .transaction-filter-inner .transaction-filter-box .input-1, .CrontoTokenListV2 .transaction-filter-inner .transaction-filter-box .input-1, .CreditorTemplateManagingPublicV2 .transaction-filter-inner .transaction-filter-box .input-1 { max-height: 40px; min-width: 300px; width: 100%; padding: 16px; box-sizing: border-box; } .CreditorTemplateManagingV2 .transaction-filter-inner .input-wrap.icon-right input, .CreditorTemplateManagingForeignV2 .transaction-filter-inner .input-wrap.icon-right input, .CrontoTokenListV2 .transaction-filter-inner .input-wrap.icon-right input, .CreditorTemplateManagingPublicV2 .transaction-filter-inner .input-wrap.icon-right input { padding-right: 50px; } .CreditorTemplateManagingV2 .btn-1, .CreditorTemplateManagingForeignV2 .btn-1, .CrontoTokenListV2 .btn-1, .CreditorTemplateManagingPublicV2 .btn-1 { margin-top: 10px; padding: 0 8px !important; max-height: 40px; } .CreditorTemplateManagingV2 .btn-1:before, .CreditorTemplateManagingForeignV2 .btn-1:before, .CrontoTokenListV2 .btn-1:before, .CreditorTemplateManagingPublicV2 .btn-1:before { display: none; } .CreditorTemplateManagingV2 .btn-1.search, .CreditorTemplateManagingForeignV2 .btn-1.search, .CrontoTokenListV2 .btn-1.search, .CreditorTemplateManagingPublicV2 .btn-1.search { padding: 0 18px !important; } .hoverEmptyMessage { background-color: transparent !important; } .AccountTurnoverCorporate .hoverEmptyMessage hr, .AccountPosTrasactionCorporate .hoverEmptyMessage hr, .DepositTurnoverCorporate .hoverEmptyMessage hr, .CardTurnoverCorporate .hoverEmptyMessage hr, .CardSpendingCorporate .hoverEmptyMessage hr { background-color: #8294a8; border: none; height: 1px; } .CreditorTemplateManagingV2, .CreditorTemplateManagingPublicV2, .CreditorTemplateManagingForeignV2 { position: relative; } .CreditorTemplateManagingV2 .s-widget-header, .CreditorTemplateManagingPublicV2 .s-widget-header, .CreditorTemplateManagingForeignV2 .s-widget-header { margin-bottom: 40px; } .CreditorTemplateManagingV2 .payment-filter-box:nth-child(2), .CreditorTemplateManagingPublicV2 .payment-filter-box:nth-child(2), .CreditorTemplateManagingForeignV2 .payment-filter-box:nth-child(2) { padding-left: 20px !important; } .CreditorTemplateManagingV2 .payment-filter-box:nth-child(3), .CreditorTemplateManagingPublicV2 .payment-filter-box:nth-child(3), .CreditorTemplateManagingForeignV2 .payment-filter-box:nth-child(3) { padding-left: 54px !important; } .CreditorTemplateManagingV2 .account-statements-info, .CreditorTemplateManagingPublicV2 .account-statements-info, .CreditorTemplateManagingForeignV2 .account-statements-info { padding: 20px 0; } .CreditorTemplateManagingV2 .account-statements-info .group-inner, .CreditorTemplateManagingPublicV2 .account-statements-info .group-inner, .CreditorTemplateManagingForeignV2 .account-statements-info .group-inner { padding-left: 67px; word-wrap: break-word; } .CreditorTemplateManagingV2 .account-statements-info .group-inner:first-child, .CreditorTemplateManagingPublicV2 .account-statements-info .group-inner:first-child, .CreditorTemplateManagingForeignV2 .account-statements-info .group-inner:first-child { padding-left: 32px; min-width: 20%; } .CreditorTemplateManagingV2 .account-statements-info .group-inner:nth-child(2), .CreditorTemplateManagingPublicV2 .account-statements-info .group-inner:nth-child(2), .CreditorTemplateManagingForeignV2 .account-statements-info .group-inner:nth-child(2) { min-width: 20%; } .CreditorTemplateManagingV2 .account-statements-info .group-inner:nth-child(3), .CreditorTemplateManagingPublicV2 .account-statements-info .group-inner:nth-child(3), .CreditorTemplateManagingForeignV2 .account-statements-info .group-inner:nth-child(3) { padding-left: 54px; } .CreditorTemplateManagingV2 .account-statements-info .group-inner:nth-child(3) label, .CreditorTemplateManagingPublicV2 .account-statements-info .group-inner:nth-child(3) label, .CreditorTemplateManagingForeignV2 .account-statements-info .group-inner:nth-child(3) label { max-width: 160px; } .CreditorTemplateManagingV2 .account-statements-info .group-inner .background-2, .CreditorTemplateManagingPublicV2 .account-statements-info .group-inner .background-2, .CreditorTemplateManagingForeignV2 .account-statements-info .group-inner .background-2 { font-weight: bold; } .CreditorTemplateManagingV2 .checkbox-wrap, .CreditorTemplateManagingPublicV2 .checkbox-wrap, .CreditorTemplateManagingForeignV2 .checkbox-wrap { margin: auto 0; padding: unset; } .CrontoTokenListV2 { margin-top: 40px; } .CrontoTokenListV2 .account-statements-filter-inner { padding-bottom: 10px; } .CrontoTokenListV2 .account-statements-filter-inner .account-statements-info { padding: 5px; } .CrontoTokenListV2 .payment-filter .payment-filter-box:first-child { padding-left: 71px; width: 19.5%; } .CrontoTokenListV2 .payment-filter .payment-filter-box:nth-child(2) { padding-left: 0px !important; width: 25% !important; } .CrontoTokenListV2 .payment-filter .payment-filter-box:last-child { padding-left: 0px !important; width: 50% !important; } .CrontoTokenListV2 .account-statements-info .group-inner:first-child { width: 25%; padding-left: 0px !important; } .CrontoTokenListV2 .account-statements-info .group-inner:nth-child(2) { width: 25%; padding-left: 0px !important; } .CrontoTokenListV2 .account-statements-info .group-inner:last-child { width: 50%; padding-left: 0px !important; } .AccountTurnoverCorporate #AccountTurnoverContent .accountTurnover .gvAccountTurnoverPreview .clientGrid .empty-row { border-bottom: none !important; } .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate .clientGrid .empty-row { border-bottom: none !important; } .CardTurnoverCorporate .gvCardTurnover .clientGrid .empty-row { border-bottom: none !important; } .DepositTurnoverCorporate .gridViewDepositTurnover .clientGrid .empty-row { border-bottom: none !important; } .CardSpendingCorporate .tableFilter { margin-bottom: 40px; } .CardSpendingCorporate .gvCardSpending .clientGrid .empty-row { border-bottom: none !important; } .ui-tabs-nav.ui-widget-header { border: none; background: #ebecf2; font-size: 15px; font-family: Source Sans Pro semibold, sans-serif; color: #353f4a; } .AccountTurnoverCorporate .accountTurnoverFilter.tableFilter .transaction-filter-inner { width: 100%; } .AccountTurnoverCorporate .accountTurnoverFilter.tableFilter .transaction-filter-inner .transaction-filter-box { width: -webkit-calc(13% - 24px); min-width: 133px; } .AccountTurnoverCorporate .accountTurnoverFilter.tableFilter .transaction-filter-inner .transaction-filter-box.input-select-1 { width: 89px; min-width: auto; } .AccountTurnoverCorporate .accountTurnoverFilter.tableFilter .transaction-filter-inner .transaction-filter-box.filterButton { width: auto; min-width: auto; margin-right: 0; } /*# sourceMappingURL=portal.css.map */ @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 */ .FastPayment .fast-pay-account-img.no-img, .FastPayment .fast-pay-account-wrapper, .FastPayment .dot-menu-inner, .help-info-wrapper, .personal-data-settings .help-info-wrapper, .showPagination .pagination .pageCurrent, .repayments.templates a, .widget-pagination.templates a, .repayments, .widget-pagination, .PersonalSettingsV3 .inner .custom-form .group .checkbox-bar .custom-check-label, .ui-datepicker .ui-widget-header .ui-datepicker-next, .ui-datepicker .ui-widget-header .ui-datepicker-prev { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .help-info-wrapper, .personal-data-settings .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; } .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog *, .FastPayment *, .my-account-main-form-wrapper *, .showPagination *, #page-footer, .formApproval .alpaca-controlfield-container.alpaca-controlfield-text, .PersonalSettingsV3 *, .FXTradingCalculator *, .custom-grid.type-2 .col, .sticky-header .main-peace, .input-wrap * { -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, hsla(0, 0%, 100%, 0.6) 50%, hsla(0, 0%, 100%, 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, hsla(0, 0%, 100%, 0.6) 50%, hsla(0, 0%, 100%, 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: rgb(82, 174, 48); } 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"); } .cursor-pointer { cursor: pointer !important; } .stroke-light-blue { stroke: #8294a8 !important; } .mr-20 { margin-right: 20px; } .justify-center { justify-content: center; } .no-pointer { cursor: default !important; } .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; } .height-0 { height: 0; } .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; } .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 0.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: 0.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-wrap { border-radius: 6px; -webkit-transition: border-color 0.3s; transition: border-color 0.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: 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 0.3s; box-sizing: border-box; } .input-1.size-2, .input-change-name.size-2 { font-size: 18px !important; } .input-1[disabled], .input-change-name[disabled] { color: #a2b8cf; background-color: #f5f7f9; } .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; } .unblockPin select { width: 100%; height: 50px; border: 1px solid #b4bfcb; border-radius: 6px; } .no-yes-dialog.unblockPin { max-height: 80vh; height: auto; top: 50% !important; max-width: 500px; transform: translateY(-50%) !important; } .no-yes-dialog.unblockPin .ui-dialog-titlebar { width: 100% !important; } .no-yes-dialog.unblockPin .unblockPin { max-height: 60vh !important; overflow: auto !important; overflow-y: scroll; position: relative; display: block; padding: 0 10px 0 0 !important; } .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: #8294a8; } .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: #8294a8; } .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: #8294a8; } .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 !important; cursor: pointer; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; -webkit-appearance: none; } .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 0.3s; transition: opacity 0.3s; } .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-3 { background-color: #d1d1d1; color: #000000; } .btn-1.color-3:hover { background-color: #b8b8b8; } .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 0.5s; } .btn-1.color-6:hover { background-color: #2A7F00; transition: all 0.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: #52ae30; pointer-events: none; cursor: pointer; } .tag-icon.trnType { background-position: center; background-size: 35px; } .UserInfoCorporate 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: 1210px; 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: 20px; } .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: 0.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: 0.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: -0.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 0.5s; margin-left: 0px; margin-bottom: -40px; } .SliderTutorial .btn-slider-show, .widget-tutorial-slider .btn-slider-show { background-color: #0a79b8; z-index: 100; border-radius: 38px; display: inline; padding: 15px 2px 10px; min-height: 27px; transition: all 0.5s; } .SliderTutorial .btn-slider-show:hover, .widget-tutorial-slider .btn-slider-show:hover { background-color: #2A7F00; } .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 0.5s; color: #fff; display: inline; padding-bottom: 14px; font-family: Source-Sans-Pro-Bold; } .NotificationNoLink { height: 420px !important; } #nav-prev, #nav-next { cursor: pointer; } /*#endregion slidertutorial*/ /*#region userinfo*/ .s-widget.UserInfoCorporate { background-color: transparent; height: 100%; } .s-widget.UserInfoCorporate .s-widget-content { height: 100%; } .s-widget.UserInfoCorporate .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; } .MessageHubNotificationList .filter .filter-inner .select-1 .dk-selected { padding: 11px 35px 12px 16px; } .MessageHubNotificationList .select-1 .dk-selected { padding: 11px 35px 12px 16px; } [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: 0.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: #8294a8; 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: #8294a8; 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-horizontal { height: 3px !important; border: none !important; background: #DBDBDB !important; } .ui-slider-handle { background: #0095c9 !important; border-radius: 50% !important; } .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 0.5s, background-color 0.5s; transition: box-shadow 0.5s, background-color 0.5s; border-radius: 6px; color: white; } .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: rgb(255, 242, 0); } .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: #8294a8; } .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: #8294a8; 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: #8294a8; background: #FFFFFF; position: absolute; bottom: calc(100% - 8px); left: 5px; padding: 0 10px; letter-spacing: 0.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: rgb(255, 242, 0); 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 0.5s, visibility 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, visibility 0.5s, -webkit-transform 0.5s; transition: transform 0.5s, opacity 0.5s, visibility 0.5s; transition: transform 0.5s, opacity 0.5s, visibility 0.5s, -webkit-transform 0.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 0.3s; transition: opacity 0.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; } .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; letter-spacing: -1px; margin: 0; cursor: pointer; } .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: "Source-Sans-Pro", sans-serif; min-height: 36px; min-width: 36px; padding: 0; transition: background-color 0.5s, color 0.5s; } .ui-datepicker-calendar .ui-state-default { font-family: "pt_sansregular", sans-serif !important; } .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 0.5s; transition: opacity 0.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 .ui-datepicker-year option { font-weight: bold; } .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: 0.9em; border-collapse: collapse; margin: 0 0 0.4em; } .ui-datepicker .ui-widget-header .ui-datepicker-calendar th { padding: 0.7em 0.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 .form-error-message-block { top: 40px; } .ui-dialog.info-dialog-installmentsPayFinal .ui-dialog-buttonset { margin-bottom: -40px; } .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: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: 95vh !important; left: auto !important; z-index: 1000; width: auto !important; 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); } .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.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.message-hub-dialog { margin-right: 0px !important; /*Hiding scrollbar*/ } .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: 0px; } .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 0.5s; transition: box-shadow 0.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: #353f4a; margin-bottom: 30px; padding: 0; width: 298px; text-align: center; font-weight: normal; font-size: 20px; } .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; } .ui-dialog.no-yes-dialog.ui-widget-content .ui-dialog-buttonset button { width: 48%; border-radius: 6px; padding: 15px 28px !important; margin: 0; } .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 0.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.no-yes-dialog.LoginErrorDialog.ui-widget-content .ui-dialog-buttonset button:nth-child(1) { background: linear-gradient(90deg, #0079ff, #00c6ff); color: #FFFFFF !important; } .ui-dialog.no-yes-dialog.LoginErrorDialog.ui-widget-content .ui-dialog-buttonset button:nth-child(1):hover { background: linear-gradient(90deg, #006de6, #00b2e6); transition: opacity 0.3s; } .ui-dialog.info-dialog, .ui-dialog.information { border-radius: 12px !important; } .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; } .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; } /*.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; } } }*/ .smsDialog input.smsCode, .creditorNameDialog input.smsCode { box-sizing: border-box; } .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: 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: #8294a8; 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: #8294a8; 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: #8294a8; 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: #8294a8; line-height: 25px; } .cf:before, .cf:after, .container:before, .container:after, .widget:before, .widget:after, form ol > li:before, form ol > li:after { content: " "; 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 !important; } .ui-dialog:not(.right-dialog, .support-dialog, .legal-entity, .information, .accountStatementDetails, .depositStatementDetails, .cardStatementDetails, .selectLegalEntityDialog, .smsCodeExist, .info-dialog.error-dialog, .error-dialog.ui-dialog.information) { 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: -20px; } .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: -330px; position: absolute; width: 330px; height: 31px; left: 0; right: 0; z-index: 26 !important; } .s-widget.MessageHubNotificationList .notificationMsgList .widget-tabs li a { padding: 6px 50px; white-space: nowrap; } .s-widget.MessageHubNotificationList .notificationMsgList .widget-tabs li a span { display: inline-block; width: 60px; margin-bottom: 0; } .s-widget.MessageHubNotificationList .notificationMsgList .widget-tabs li a p { display: inline-block; width: 60px; margin-bottom: 0; } .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 0.3s; transition: opacity 0.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 0.5s, background-color 0.5s; transition: box-shadow 0.5s, background-color 0.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: #8294a8; 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 0.5s, background-color 0.5s; transition: box-shadow 0.5s, background-color 0.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: #8294a8; 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; } .PaymentOverviewV2 .s-widget-body { overflow: visible; } .PaymentOverviewV2 .clientGrid thead { display: contents !important; } .PaymentOverviewV2 .pageSize { display: block !important; } .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: 0.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: 0.5s; opacity: 1 !important; } .payment-slider .label { color: #8294a8; 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: #8294a8; } .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: #8294a8; 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: #8294a8; 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; } .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, .PaymentTransferV2 .s-widget-body { overflow-x: hidden; min-height: 808px; } .CardPayment .noAccounts, .FXTrading .noAccounts, .PaymentTransferV2 .noAccounts { width: 100%; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); } .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: #8294a8; 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: #8294a8; } .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; } .P2PPaymentTransfer .s-widget-body { overflow-x: hidden; min-height: 780px; } .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; } /*#endregion P2P*/ /*#region PaymentOverview*/ .PaymentOverviewV2 .clientGrid thead, .FXTradingOverview .clientGrid thead, .P2PPaymentOverview .clientGrid thead, .MonthlyBillsOverview .clientGrid thead { display: none; } .PaymentOverviewV2 .s-widget-body[style="position: relative;"] .filter-dialog-button, .FXTradingOverview .s-widget-body[style="position: relative;"] .filter-dialog-button, .P2PPaymentOverview .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; } .PaymentOverviewV2 .status_20, .PaymentOverviewV2 .status_25 { color: #4fc44f; } .PaymentOverviewV2 .status_22, .PaymentOverviewV2 .status_30, .PaymentOverviewV2 .status_31, .PaymentOverviewV2 .status_32 { color: #FF0000; } .PaymentOverviewV2 .status_2, .PaymentOverviewV2 .status_6, .PaymentOverviewV2 .status_9, .PaymentOverviewV2 .status_10, .PaymentOverviewV2 .status_36, .PaymentOverviewV2 .status_44, .PaymentOverviewV2 .status_45, .PaymentOverviewV2 .status_51, .PaymentOverviewV2 .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; } .gvUndueLiabilities .clientGrid { display: block !important; } .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: #8294a8; } .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; } /* .SupplementaryCardsListCorporate { overflow: visible !important; } */ .gvSupplementaryCards .clientGrid tbody tr:last-child { border-top-right-radius: 12px; border-bottom-right-radius: 12px; } .gvCardSpending .clientGrid thead tr:first-child th { padding-left: 0.6em; } .gvCardSpending .clientGrid thead tr th { text-align: left; } .gvCardSpending .clientGrid thead tr th:nth-child(5) div, .gvCardSpending .clientGrid thead tr th:nth-child(4) div, .gvCardSpending .clientGrid thead tr th:nth-child(7) div { justify-content: start; } .gvCardSpending .clientGrid tbody tr td { text-align: left; } .gvCardSpending .clientGrid tbody tr td:nth-child(5), .gvCardSpending .clientGrid tbody tr td:nth-child(4) { text-align: left; } .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%; } .gvAccountTurnoverPreview .clientGrid thead th:first-child { width: 90px !important; } .gvAccountTurnoverPreview .clientGrid thead th:nth-child(2) div { padding-right: 145px !important; } #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 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; } .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; } .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-registry-wrapper { display: flex; justify-content: space-around; } .loan-registry { width: 30%; display: flex; align-content: center; } .loan-registry input { width: 25%; height: 40px; box-sizing: border-box; } .loan-registry p { margin: 0; line-height: 40px; margin-right: 10px; } .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, .LoanAnnuityPlanCorporate .pageSize { display: block !important; } .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate { margin-top: 40px; } .LoanAnnuityPlanCorporate .dot-menu-text-wrapper { cursor: pointer; } .LoanAnnuityPlanCorporate .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; } .LoanRepaymentsCorporate .s-widget-title { margin-bottom: 30px !important; } .LoanRepaymentsCorporate .payment-filter { padding: 4px; } .LoanRepaymentsCorporate .payment-filter-date .page-text-2 { padding-left: 65px; } .SupplementaryCardsListCorporate { position: relative; } .SupplementaryCardsListCorporate .payment-filter { padding: 4px; } .SupplementaryCardsListCorporate .payment-filter-date .page-text-2 { padding-left: 65px; } .gvLoanRepayments thead { display: none; } .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 .curencyExchangeFilter { display: none; } .CurrencyExchangeV2:not(.dashboard-currency-exchange) .clientGrid td { font-size: 16px; } .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%; } .CurrencyExchangeV2:not(.dashboard-currency-exchange) .clientGrid td:nth-child(3), .CurrencyExchangeV2:not(.dashboard-currency-exchange) .clientGrid td:nth-child(4), .CurrencyExchangeV2:not(.dashboard-currency-exchange) .clientGrid td:nth-child(5) { width: 10%; padding-right: 70px; text-align: right; } .CurrencyExchangeV2:not(.dashboard-currency-exchange) .clientGrid td:last-child { border-top-right-radius: 31px; border-bottom-right-radius: 31px; padding-right: 25px !important; } .CurrencyExchangeV2:not(.dashboard-currency-exchange) .clientGrid td .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 thead tr th:nth-child(3) div, .CurrencyExchangeV2 .clientGrid thead tr th:nth-child(4) div, .CurrencyExchangeV2 .clientGrid thead tr th:nth-child(5) div { margin-left: 15px; } .CurrencyExchangeV2 .clientGrid tbody tr td { cursor: default !important; font-size: 14px; } .CurrencyExchangeV2 .clientGrid tbody tr td span.currency-flag:before { background-size: 100% 100%; width: 16px; height: 16px; margin: auto; content: ""; background-repeat: no-repeat; display: inline-block; box-shadow: none; 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: #8294a8; 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, .CurrencyExchangeV2 .currency-flag.EUR:before { background-image: url(images/icons/eu-flag.png); } .FXTradingCalculator .USD, .CurrencyExchangeV2 .currency-flag.USD:before { background-image: url(images/icons/us-flag.png); } .FXTradingCalculator .CHF, .CurrencyExchangeV2 .currency-flag.CHF:before { background-image: url(images/icons/swiss-flag.png); } .FXTradingCalculator .GBP, .CurrencyExchangeV2 .currency-flag.GBP:before { background-image: url(images/icons/uk-flag.png); } .FXTradingCalculator .AUD, .CurrencyExchangeV2 .currency-flag.AUD:before { background-image: url(images/icons/aus-flag.png); } .FXTradingCalculator .RUB, .CurrencyExchangeV2 .currency-flag.RUB:before { background-image: url(images/icons/rus-flag.png); } .FXTradingCalculator .SEK, .CurrencyExchangeV2 .currency-flag.SEK:before { background-image: url(images/icons/swe-flag.png); } .FXTradingCalculator .CAD, .CurrencyExchangeV2 .currency-flag.CAD:before { background-image: url(images/icons/cad-flag.png); } .FXTradingCalculator .DKK, .CurrencyExchangeV2 .currency-flag.DKK:before { background-image: url(images/icons/dan-flag.png); } .FXTradingCalculator .JPY, .CurrencyExchangeV2 .currency-flag.JPY:before { background-image: url(images/icons/jap-flag.png); } .FXTradingCalculator .NOK, .CurrencyExchangeV2 .currency-flag.NOK:before { background-image: url(images/icons/nr-flag.png); } .FXTradingCalculator .HUF, .CurrencyExchangeV2 .currency-flag.HUF:before { background-image: url(images/icons/hun-flag.png); } .FXTradingCalculator .RSD, .CurrencyExchangeV2 .currency-flag.RSD:before { background-image: url(images/icons/srb-flag.png); } .FXTradingCalculator .HRK, .CurrencyExchangeV2 .currency-flag.HRK:before { 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: #8294a8; 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 .s-widget-body { min-height: 300px; } .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 0.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: #8294a8; } .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: #8294a8; 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; } .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: #8294a8 !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: -0.5px; margin-bottom: 10px; } .TokenList .token .text { font-size: 14px; color: #8294a8; 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 0.5s; transition: background-color 0.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 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.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 0.3s; transition: border-color 0.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 0.5s; transition: box-shadow 0.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: rgba(0, 0, 0, 0); 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: #0095c9; } .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: #8294a8; 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: #8294a8; 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: 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: 0.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; } .gvInflow { overflow-x: auto; } #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, .PaymentTransferV2 .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, .AuthorizedAccountsCorporate .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, .AuthorizedAccountsCorporate .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, .AuthorizedAccountsCorporate .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, .AuthorizedAccountsCorporate .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, .PaymentTransferV2 .payment-slider { padding-top: 50px; } .CardPayment .custom-form .inner, .FXTrading .custom-form .inner, .PaymentTransferV2 .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, .AuthorizedAccountsCorporate .custom-table .list-item .left, .AuthorizedAccountsCorporate .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, .AuthorizedAccountsCorporate .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, .AuthorizedAccountsCorporate .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, .AuthorizedAccountsCorporate .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, .AuthorizedAccountsCorporate .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, .AuthorizedAccountsCorporate .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, .AuthorizedAccountsCorporate .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, .AuthorizedAccountsCorporate .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; } .UserInfoCorporate .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: 8.3333333333%; } .predodobreni-krediti .col-ls-2 { width: 16.6666666667%; } .predodobreni-krediti .col-ls-3 { width: 25%; } .predodobreni-krediti .col-ls-4 { width: 33.3333333333%; } .predodobreni-krediti .col-ls-5 { width: 41.6666666667%; } .predodobreni-krediti .col-ls-6 { width: 50%; } .predodobreni-krediti .col-ls-7 { width: 58.3333333333%; } .predodobreni-krediti .col-ls-8 { width: 66.6666666667%; } .predodobreni-krediti .col-ls-9 { width: 75%; } .predodobreni-krediti .col-ls-10 { width: 83.3333333333%; } .predodobreni-krediti .col-ls-11 { width: 91.6666666667%; } .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 0.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: #8294a8; } .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 0.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 0.4s ease, background-color 0.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 0.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 0.3s ease, background-color 0.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: 50%; right: 10px; } .predodobreni-krediti .input-wrap { transition: border-color 0.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: #f5f7f9; } .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: 0.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 rgb(0, 0, 0); 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 0.5s, visibility 0.5s; transition: opacity 0.5s, visibility 0.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: 0.5s; opacity: 1; } .predodobreni-krediti .teste-slider .slide { opacity: 1 !important; } .predodobreni-krediti .teste-slider .inner { transition: opacity 0.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 #8294a8; } .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 0.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 0.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% + 0.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 0.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 0.5s ease-out, opacity 0.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: 50%; right: 10px; } .predodobreni-krediti .slider-content-wrap { position: relative; } .predodobreni-krediti .slider-content-wrap .slider-content { transition: opacity 0.5s ease, visibility 0.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: #8294a8; margin-bottom: 20px; } .predodobreni-krediti #PreapprovedLoanPeriod .alpaca-controlfield-label div { font-size: 12px; line-height: 20px; color: #8294a8; 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 { /*.popup-ammount-ico-wrapper { background-color: transparent; }*/ } .accountDetailsPopup .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 { border: 1px solid #52ae30; padding-right: 50px; } .accountDetailsPopup .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 { 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.0008); border-radius: 10px; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .accountDetailsPopup .all-account-popup-subtitle-content .custom-switch.active-1::before { transform: translateX(0); } .accountDetailsPopup .all-account-popup-subtitle-content .custom-switch.active-2::before { transform: translateX(100%); } .accountDetailsPopup .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 0.3s; cursor: pointer; position: relative; font-family: "Source-Sans-Pro-semibold"; } .accountDetailsPopup .all-account-popup-subtitle-content .custom-switch span:hover { color: #2a7f00; } .accountDetailsPopup .all-account-popup-subtitle-content .custom-switch > .active { color: #52ae30; } .accountDetailsPopup .all-account-popup-subtitle-content .mCSB_scrollTools_vertical { display: none !important; } .accountDetailsPopup .transaction-popup-option:hover .main-nav-link-ico-svg { stroke: #000; fill: #000; } .accountDetailsPopup .beneficiary-item { width: calc(100% - 16px); border-radius: 28px; -webkit-transition: background-color 0.5s; transition: background-color 0.5s; padding: 8px; z-index: auto; max-width: 407px; } .accountDetailsPopup .beneficiary-item:hover { background-color: #fff; } .accountDetailsPopup .beneficiary-item:hover .beneficiary-icon-wrapper { background-color: #efefef; } .accountDetailsPopup .beneficiary-item.flex-center { align-items: center; } .accountDetailsPopup .beneficiary-item.flex-layout { display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .accountDetailsPopup .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 0.5s; transition: background-color 0.5s; font-family: "Source-Sans-Pro-bold", sans-serif; font-size: 16px; } .accountDetailsPopup .beneficiary-item p { line-height: 40px; margin: 0; font-weight: bold; z-index: auto; } .accountDetailsPopup .beneficiary-item .beneficiary-name { width: calc(100% - 40px); padding: 0 25px 0 16px; } .accountDetailsPopup .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 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; cursor: pointer; line-height: 1.4; margin: 0; } .accountDetailsPopup .account-inter-inner-scroll { padding-right: 0px !important; } .accountDetailsPopup .account-inter-inner-scroll .formWrapperDialog { height: 520px; overflow: hidden; transition: all 0.3s ease; } .accountDetailsPopup .account-inter-inner-scroll .formWrapperDialog.open { height: 816px; } .accountDetailsPopup .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 { fill: #c7c7c7; } .accountDetailsPopup .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 { width: 200px !important; border-radius: 25px; background-color: rgb(255, 255, 255); color: #52AE30; border: none; font-weight: bold; font-size: 14px; transition: all 0.3s ease; } .accountDetailsPopup .popup-btn-wrapper .btn-2.confirm { background-color: #52AE30; color: rgb(255, 255, 255); } .accountDetailsPopup .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: 8.3333333333%; } .predodobreni-krediti .col-ms-2 { width: 16.6666666667%; } .predodobreni-krediti .col-ms-3 { width: 25%; } .predodobreni-krediti .col-ms-4 { width: 33.3333333333%; } .predodobreni-krediti .col-ms-5 { width: 41.6666666667%; } .predodobreni-krediti .col-ms-6 { width: 50%; } .predodobreni-krediti .col-ms-7 { width: 58.3333333333%; } .predodobreni-krediti .col-ms-8 { width: 66.6666666667%; } .predodobreni-krediti .col-ms-9 { width: 75%; } .predodobreni-krediti .col-ms-10 { width: 83.3333333333%; } .predodobreni-krediti .col-ms-11 { width: 91.6666666667%; } .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: 91.6666666667%; } .predodobreni-krediti .col-ss-10 { width: 83.3333333333%; } .predodobreni-krediti .col-ss-9 { width: 75%; } .predodobreni-krediti .col-ss-8 { width: 66.6666666667%; } .predodobreni-krediti .col-ss-7 { width: 58.3333333333%; } .predodobreni-krediti .col-ss-6 { width: 50%; } .predodobreni-krediti .col-ss-5 { width: 41.6666666667%; } .predodobreni-krediti .col-ss-4 { width: 33.3333333333%; } .predodobreni-krediti .col-ss-3 { width: 25%; } .predodobreni-krediti .col-ss-2 { width: 16.6666666667%; } .predodobreni-krediti .col-ss-1 { width: 8.3333333333%; } .predodobreni-krediti .back-button-1 { width: 35px; height: 35px; background-size: 12px; } .predodobreni-krediti .steps-wrap .steps { position: absolute; top: 60px; left: 0px; width: 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: #8294a8; } .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: #8294a8; 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; position: relative; } #page-footer .footer-content { padding: 13px 80px 9px; position: relative; background-color: #0a79b8; border-radius: 40px 0 0 0; z-index: -1; 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 0.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; } .element-border-8 { border-radius: 6px; } .font-2 { font-family: "pt_sansregular", sans-serif !important; 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-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; } .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 0.5s; transition: box-shadow 0.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 0.5s, opacity 0.5s, -webkit-transform 0.5s; transition: visibility 0.5s, opacity 0.5s, -webkit-transform 0.5s; transition: visibility 0.5s, opacity 0.5s, transform 0.5s; transition: visibility 0.5s, opacity 0.5s, transform 0.5s, -webkit-transform 0.5s; /*right: -40px;*/ right: 0; width: 252px; } .popup-content.active { visibility: visible; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0.6s; transition-delay: 0.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 0.5s; transition: color 0.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 0.5s; transition: opacity 0.5s; } .activity-popup-filter .page-text { display: block; padding-right: 20px; position: relative; -webkit-transition: color 0.5s; transition: color 0.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: #52ae30; } .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: 328px; width: -webkit-calc(100% - 40px) !important; width: calc(100% - 40px) !important; background-color: #EFEFEF !important; color: #191E39 !important; border: none !important; background: #EFEFEF; } .no-yes-dialog.consent { background-color: #ffffff !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: 50px; } .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 0.3s; border: 1px solid #dcdcdc; } .no-yes-dialog .input-wrap.inputDialog .input-1:focus { border-color: #0faaea !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: 7px; height: 12px; color: #353f4a; } .transaction-popup-option:hover svg { -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.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 0.3s; transition: opacity 0.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 0.3s; transition: background-color 0.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 { /* &:before { content: ''; top: 55%; display: block; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-top-color: $color-18; position: absolute; border-width: .35em .35em 0; margin: 0; border: solid transparent; right: 5px; background-image: url(images/icons/arrows-2.png); background-size: 9px; background-repeat: no-repeat; width: 20px; height: 20px; }*/ } .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 0.5s, background-color 0.5s; transition: box-shadow 0.5s, background-color 0.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: rgba(0, 0, 0, 0); user-select: none; -webkit-transition: all 0.5s; transition: all 0.5s; background-color: #52ae30; position: relative; border-radius: 25px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.0018); -webkit-transition: box-shadow 0.5s; transition: box-shadow 0.5s; cursor: pointer; color: white; text-transform: unset; margin-left: 20px; transition: all 0.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 0.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: rgba(0, 0, 0, 0); user-select: none; } .user-intro-section-profile-box .dot-decoration { position: absolute; width: 8px; height: 8px; border-radius: 50%; top: 8px; right: 29%; 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; user-select: text; } .user-intro-section-profile .dot-menu.my_profile .popup-content-outer .profile-popup-account .profile-popup-img { width: 55px; 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: "Source-Sans-Pro-semibold", "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; color: #8294a8; font-size: 12.5px; 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: #353f4a; } .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 0.5s; position: relative; transition: all 0.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 0.5s; transition: all 0.5s; fill: #353f4a; stroke: #353f4a; } .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 0.5s; transition: color 0.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 0.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 0.5s, opacity 0.5s, -webkit-transform 0.5s; transition: visibility 0.5s, opacity 0.5s, -webkit-transform 0.5s; transition: visibility 0.5s, opacity 0.5s, transform 0.5s; transition: visibility 0.5s, opacity 0.5s, transform 0.5s, -webkit-transform 0.5s; } .profile-popup.popup-content-p.active { visibility: visible; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0.6s; transition-delay: 0.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 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.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 0.5s; cursor: pointer; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); margin: 0 4px; transition: all 0.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; font-weight: bold; } .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 0.5s; transition: box-shadow 0.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 0.5s; } .payment-filter-box .payment-filter-ico { transition: opacity 0.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 0.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); } .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 .payment-inner-text.left { text-align: left; padding-top: 5px; } .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/img-with-text.png); background-repeat: no-repeat; background-size: cover; border-radius: 16px; } .btn-2 { display: inline-block; font-size: 15px; padding: 15px 28px; border: 1px solid #DCDCDC; text-align: center; -webkit-transition: box-shadow 0.5s; transition: box-shadow 0.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.4666666667; } .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; transform: translateY(-50%); } /*.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; } .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: 617px; z-index: 101; } .AccountSlider .accountSliderSw-switch { display: flex; width: 300px; background: #002b4f; border-radius: 6px; position: relative; height: fit-content; float: right; font: inherit; } .AccountSlider .accountSliderSw-switch > span { display: block; width: 50%; float: left; font-size: 14px; text-align: center; color: #fff; padding: 6px 5px; -webkit-transition: color 0.3s; transition: color 0.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 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.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 { 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; } .user-account-background-card { position: absolute; width: 96%; height: 100%; left: 50%; top: -11px; border-radius: 16px; opacity: 0.5; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .user-account-background-card:nth-child(2) { opacity: 0.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: 31%; } .user-account-card-right-col .user-intro-select-wrapper { padding: 3px; position: relative; z-index: 1; border-radius: 4px; width: fit-content; } .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 0.5s; transition: color 0.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: rgba(0, 0, 0, 0); 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: #52ae30; } .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: rgba(0, 0, 0, 0); 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 0.5s, left 0.5s; transition: width 0.5s, left 0.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 0.5s, box-shadow 0.5s, background 0.5s; transition: background-color 0.5s, box-shadow 0.5s, background 0.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 0.5s, visibility 0.5s; transition: opacity 0.5s, visibility 0.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-image: url(images/icons/card-1.jpg); 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 0.5s, background-color 0.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 0.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 0.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: 50%; } .uppercase { text-transform: uppercase; } .beneficiaries-star { stroke: #C7C7C7; fill: transparent; -webkit-transition: fill 0.5s, stroke 0.5s; transition: fill 0.5s, stroke 0.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 0.5s; transition: transform 0.5s, -webkit-transform 0.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 0.5s; transition: color 0.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: 0.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 0.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: rgb(255, 255, 255); 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 0.5s; transition: background-color 0.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 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.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 0.2s, top 0.2s, left 0.2s, -webkit-transform 0.2s; transition: color 0.2s, top 0.2s, left 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, color 0.2s, top 0.2s, left 0.2s; transition: transform 0.2s, color 0.2s, top 0.2s, left 0.2s, -webkit-transform 0.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: rgb(255, 255, 255); } .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: rgb(255, 255, 255); } .intrabank-wrapper.label-inside-custom-select .paymentCode.predefined { background-color: rgb(241, 241, 241); 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 0.3s; transition: all 0.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: rgb(255, 255, 255); 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 0.5s, visibility 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, visibility 0.5s, -webkit-transform 0.5s; transition: transform 0.5s, opacity 0.5s, visibility 0.5s; transition: transform 0.5s, opacity 0.5s, visibility 0.5s, -webkit-transform 0.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 0.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 0.5s, visibility 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, visibility 0.5s, -webkit-transform 0.5s; transition: transform 0.5s, opacity 0.5s, visibility 0.5s; transition: transform 0.5s, opacity 0.5s, visibility 0.5s, -webkit-transform 0.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-header { margin-bottom: 30px; } .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; } .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: rgba(0, 0, 0, 0); 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: rgba(0, 0, 0, 0); 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: 0.6s; transition-delay: 0.6s; } .FastPayment .dot-menu .activity-popup-filter .page-text { display: block; padding-right: 20px; position: relative; -webkit-transition: color 0.5s; transition: color 0.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: rgba(0, 0, 0, 0); user-select: none; padding: 16px; height: 80px; width: 16.666667%; -webkit-transition: background-color 0.5s; transition: background-color 0.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; font-weight: bold; } .FastPayment .fast-pay-account .page-text { font-weight: bold; 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; } .ui-dialog.right-dialog.details-dialog { width: 500px !important; } .ui-dialog.right-dialog.visible { right: 24px; } .ui-dialog.right-dialog .ui-dialog-content { height: 900px; } .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 0.5s, stroke 0.5s; transition: fill 0.5s, stroke 0.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; font-weight: bold; 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 0.5s, stroke 0.5s; transition: fill 0.5s, stroke 0.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 { max-width: 350px; margin: auto; margin-top: 20px; } .filter-error-ico { width: 48px; height: 48px; stroke: #6F6F6F; } .fastPayment .filter-error-text { margin-top: 5px; } .fastPayment .noFastPayText { top: 13px !important; } .main-nav { height: -webkit-calc(100% - 15vh); height: calc(100% - 15vh); } .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, .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: rgba(0, 0, 0, 0); user-select: none; } .popup-ammount-wrapper .user-account-card-img.accounts, .all-accounts-popup-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, .all-accounts-popup-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, .popup-ammount-wrapper .user-account-card-img.cards, .all-accounts-popup-wrapper .user-account-card-img.card, .all-accounts-popup-wrapper .user-account-card-img.cards { 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, .popup-ammount-wrapper .user-account-card-img.cards.block, .all-accounts-popup-wrapper .user-account-card-img.card.block, .all-accounts-popup-wrapper .user-account-card-img.cards.block { display: block; } .popup-ammount-wrapper .user-account-card-img.card .card-image, .popup-ammount-wrapper .user-account-card-img.cards .card-image, .all-accounts-popup-wrapper .user-account-card-img.card .card-image, .all-accounts-popup-wrapper .user-account-card-img.cards .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, .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-602, .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-602, .all-accounts-popup-wrapper .user-account-card-img.cards .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, .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-605, .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-605, .all-accounts-popup-wrapper .user-account-card-img.cards .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, .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-609, .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-609, .all-accounts-popup-wrapper .user-account-card-img.cards .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, .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-610, .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-610, .all-accounts-popup-wrapper .user-account-card-img.cards .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, .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-616, .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-616, .all-accounts-popup-wrapper .user-account-card-img.cards .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, .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-617, .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-617, .all-accounts-popup-wrapper .user-account-card-img.cards .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, .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-618, .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-618, .all-accounts-popup-wrapper .user-account-card-img.cards .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, .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-627, .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-627, .all-accounts-popup-wrapper .user-account-card-img.cards .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, .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-635, .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-635, .all-accounts-popup-wrapper .user-account-card-img.cards .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, .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-637, .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-637, .all-accounts-popup-wrapper .user-account-card-img.cards .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, .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-642, .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-642, .all-accounts-popup-wrapper .user-account-card-img.cards .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, .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-662, .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-662, .all-accounts-popup-wrapper .user-account-card-img.cards .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, .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-670, .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-670, .all-accounts-popup-wrapper .user-account-card-img.cards .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, .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-680, .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-680, .all-accounts-popup-wrapper .user-account-card-img.cards .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, .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-683, .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-683, .all-accounts-popup-wrapper .user-account-card-img.cards .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, .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-690, .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-690, .all-accounts-popup-wrapper .user-account-card-img.cards .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, .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-681, .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-681, .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-681 { background-image: url("images/cards-types/card-681.png"); } .popup-ammount-wrapper .user-account-card-img.card .card-image.card-613, .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-613, .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-613, .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-613 { background-image: url("images/cards-types/img_44.png"); } .popup-ammount-wrapper .user-account-card-img.card .card-image.card-614, .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-614, .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-614, .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-614 { background-image: url("images/cards-types/img_27.png"); } .popup-ammount-wrapper .user-account-card-img.card .card-image.card-647, .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-647, .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-647, .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-647 { background-image: url("images/cards-types/img_23.png"); } .popup-ammount-wrapper .user-account-card-img.card .card-image.card-648, .popup-ammount-wrapper .user-account-card-img.cards .card-image.card-648, .all-accounts-popup-wrapper .user-account-card-img.card .card-image.card-648, .all-accounts-popup-wrapper .user-account-card-img.cards .card-image.card-648 { background-image: url("images/cards-types/img_48.png"); } .popup-ammount-wrapper .user-account-card-img.card .card-613, .popup-ammount-wrapper .user-account-card-img.cards .card-613, .all-accounts-popup-wrapper .user-account-card-img.card .card-613, .all-accounts-popup-wrapper .user-account-card-img.cards .card-613 { background-image: url("images/cards-types/img_44.png"); } .popup-ammount-wrapper .user-account-card-img.card .card-614, .popup-ammount-wrapper .user-account-card-img.cards .card-614, .all-accounts-popup-wrapper .user-account-card-img.card .card-614, .all-accounts-popup-wrapper .user-account-card-img.cards .card-614 { background-image: url("images/cards-types/img_27.png"); } .popup-ammount-wrapper .user-account-card-img.card .card-647, .popup-ammount-wrapper .user-account-card-img.cards .card-647, .all-accounts-popup-wrapper .user-account-card-img.card .card-647, .all-accounts-popup-wrapper .user-account-card-img.cards .card-647 { background-image: url("images/cards-types/img_23.png"); } .popup-ammount-wrapper .user-account-card-img.card .card-648, .popup-ammount-wrapper .user-account-card-img.cards .card-648, .all-accounts-popup-wrapper .user-account-card-img.card .card-648, .all-accounts-popup-wrapper .user-account-card-img.cards .card-648 { background-image: url("images/cards-types/img_48.png"); } .popup-ammount-wrapper .user-account-card-img.cards, .all-accounts-popup-wrapper .user-account-card-img.cards { width: 72px !important; } .popup-ammount-wrapper.transaction-amount span, .all-accounts-popup-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: 40px; height: 40px; border-radius: 50%; 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 0.5s; transition: color 0.5s; } .transaction-popup-option .profile-text-arrow { -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .transaction-popup-option .dot-menu { -webkit-transition: all 0.5s; transition: all 0.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 0.5s; transition: all 0.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: #52ae30; } .transaction-popup-detail-hidden-group { display: none; } .transaction-popup-detail-expand-group { width: 100%; text-align: center; padding: 18px; background: radial-gradient(circle, hsla(0, 0%, 100%, 0.6) 50%, hsla(0, 0%, 100%, 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: 0.5; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .user-accout-background-card:nth-child(2) { opacity: 0.25; top: -19px; width: 93%; } .user-account-card-outer { position: absolute; width: 100%; top: 0; left: 0; } .AccountBalancePreviewCorporate .user-account-card-outer, .CardBalancePreviewCorporate .user-account-card-outer, .LoanBalancePreviewCorporate .user-account-card-outer, .DepositBalancePreviewCorporate .user-account-card-outer { top: 25px; } .AuthorizedAccountsCorporate .user-account-card-outer { top: 20px; } .user-account-card-outer.account-card-active { position: relative; overflow: unset; border-radius: 16px; transition: 0.5s ease; } .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; } .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 0.5s; transition: color 0.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 h2 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 0.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 0.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 0.5s !important; transition: background-color 0.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; } .UserInfoCorporate #company-name-short { display: none; } .UserInfoCorporate #more-less-btn { display: none; } .UserInfoCorporate .text-color-3 { color: #000000; } .UserInfoCorporate .btn-1.logout { padding: 6px 11px !important; margin: 0 8px; } .UserInfoCorporate .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 0.3s; transition: opacity 0.3s; } .UserInfoCorporate .btn-1 .icon.higher { max-height: 22px; top: 1px; } .UserInfoCorporate .btn-1 span { top: 0px; } .UserInfoCorporate .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.004) !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.004) !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: #f5f7f9 !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: #8294a8; 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: 80% !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: rgba(0, 0, 0, 0.87); 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 0.5s; transition: box-shadow 0.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.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.cardStatementDetails .ui-dialog-titlebar { border-radius: 12px; } .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.cardStatementDetails .ui-dialog-content { overflow: unset !important; } .ui-dialog.details-dialog.accountStatementDetails, .ui-dialog.details-dialog.cardStatementDetails, .ui-dialog.details-dialog.depositStatementDetails, .ui-dialog.details-dialog.cardUndueLiabilities { 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, .ui-dialog.details-dialog.cardStatementDetails .ui-dialog-content, .ui-dialog.details-dialog.depositStatementDetails .ui-dialog-content, .ui-dialog.details-dialog.cardUndueLiabilities .ui-dialog-content { max-height: 600px !important; overflow: auto; } .ui-dialog.details-dialog.accountStatementDetails .ui-dialog-content .modal-wrap .modal-title-wrapper .left-title .page-text.number, .ui-dialog.details-dialog.cardStatementDetails .ui-dialog-content .modal-wrap .modal-title-wrapper .left-title .page-text.number, .ui-dialog.details-dialog.depositStatementDetails .ui-dialog-content .modal-wrap .modal-title-wrapper .left-title .page-text.number, .ui-dialog.details-dialog.cardUndueLiabilities .ui-dialog-content .modal-wrap .modal-title-wrapper .left-title .page-text.number { font-family: "pt_sansregular", sans-serif !important; } .ui-dialog.details-dialog.accountStatementDetails .ui-dialog-content .modal-wrap .modal-inner span.number, .ui-dialog.details-dialog.cardStatementDetails .ui-dialog-content .modal-wrap .modal-inner span.number, .ui-dialog.details-dialog.depositStatementDetails .ui-dialog-content .modal-wrap .modal-inner span.number, .ui-dialog.details-dialog.cardUndueLiabilities .ui-dialog-content .modal-wrap .modal-inner span.number { font-family: "pt_sansregular", sans-serif !important; } .ui-dialog.details-dialog.accountStatementDetails .ui-dialog-buttonpane, .ui-dialog.details-dialog.cardStatementDetails .ui-dialog-buttonpane, .ui-dialog.details-dialog.depositStatementDetails .ui-dialog-buttonpane, .ui-dialog.details-dialog.cardUndueLiabilities .ui-dialog-buttonpane { display: none; } .ui-dialog.details-dialog.accountStatementDetails .ui-dialog-titlebar, .ui-dialog.details-dialog.cardStatementDetails .ui-dialog-titlebar, .ui-dialog.details-dialog.depositStatementDetails .ui-dialog-titlebar, .ui-dialog.details-dialog.cardUndueLiabilities .ui-dialog-titlebar { display: none; } .ui-dialog.details-dialog.accountStatementDetails .modal-title-wrapper .modal-title, .ui-dialog.details-dialog.cardStatementDetails .modal-title-wrapper .modal-title, .ui-dialog.details-dialog.depositStatementDetails .modal-title-wrapper .modal-title, .ui-dialog.details-dialog.cardUndueLiabilities .modal-title-wrapper .modal-title { font-family: Source Sans Pro bold, sans-serif; font-size: 24px; letter-spacing: -0.02em; text-align: center; color: #191e39; margin-bottom: 0px; } .ui-dialog.details-dialog.accountStatementDetails .modal-title-wrapper .btn-1, .ui-dialog.details-dialog.cardStatementDetails .modal-title-wrapper .btn-1, .ui-dialog.details-dialog.depositStatementDetails .modal-title-wrapper .btn-1, .ui-dialog.details-dialog.cardUndueLiabilities .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, .ui-dialog.details-dialog.cardStatementDetails .modal-title-wrapper .btn-2, .ui-dialog.details-dialog.depositStatementDetails .modal-title-wrapper .btn-2, .ui-dialog.details-dialog.cardUndueLiabilities .modal-title-wrapper .btn-2 { min-width: 140px; border: 1px solid #0a79b8; background-color: transparent; color: #0a79b8; border-radius: 6px; padding: 16px 17px; } .ui-dialog.details-dialog.accountStatementDetails .modal-inner .salaries-form-container, .ui-dialog.details-dialog.cardStatementDetails .modal-inner .salaries-form-container, .ui-dialog.details-dialog.depositStatementDetails .modal-inner .salaries-form-container, .ui-dialog.details-dialog.cardUndueLiabilities .modal-inner .salaries-form-container { border: 1px solid #d7dde4; padding: 25px; } .ui-dialog.details-dialog.accountStatementDetails .modal-inner .salaries-form-container .salaries-form-wrapper.download, .ui-dialog.details-dialog.cardStatementDetails .modal-inner .salaries-form-container .salaries-form-wrapper.download, .ui-dialog.details-dialog.depositStatementDetails .modal-inner .salaries-form-container .salaries-form-wrapper.download, .ui-dialog.details-dialog.cardUndueLiabilities .modal-inner .salaries-form-container .salaries-form-wrapper.download { justify-content: end; } .ui-dialog.details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper, .ui-dialog.details-dialog.cardStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper, .ui-dialog.details-dialog.depositStatementDetails .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 { overflow-x: auto; } .ui-dialog.details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .cols-wrap, .ui-dialog.details-dialog.cardStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .cols-wrap, .ui-dialog.details-dialog.depositStatementDetails .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 { 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; border-bottom: 1px solid #8294a8; } .ui-dialog.details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter, .ui-dialog.details-dialog.cardStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter, .ui-dialog.details-dialog.depositStatementDetails .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 { min-width: 912px; } .ui-dialog.details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box, .ui-dialog.details-dialog.cardStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box, .ui-dialog.details-dialog.depositStatementDetails .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 { padding: 5px 10px 5px 5px; position: relative; overflow: hidden; white-space: normal; word-wrap: break-word; word-break: break-word; /*.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, .ui-dialog.details-dialog.cardStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box .payment-filter-ico, .ui-dialog.details-dialog.depositStatementDetails .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 { 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, .ui-dialog.details-dialog.cardStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box p, .ui-dialog.details-dialog.depositStatementDetails .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 { 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, .ui-dialog.details-dialog.cardStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box .page-text-2, .ui-dialog.details-dialog.depositStatementDetails .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 { padding-right: 10px; display: inline-block; margin-bottom: 15px; line-height: 1; -webkit-transition: color 0.5s; transition: color 0.5s; } .ui-dialog.details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box .right, .ui-dialog.details-dialog.cardStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box .right, .ui-dialog.details-dialog.depositStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box .right, .ui-dialog.details-dialog.cardUndueLiabilities .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, .ui-dialog.details-dialog.cardStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-2, .ui-dialog.details-dialog.depositStatementDetails .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 { width: 16.66667%; } .ui-dialog.details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-4, .ui-dialog.details-dialog.cardStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-4, .ui-dialog.details-dialog.depositStatementDetails .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 { width: 33.33333%; } .ui-dialog.details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-1, .ui-dialog.details-dialog.cardStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-1, .ui-dialog.details-dialog.depositStatementDetails .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 { width: 8.33333%; } .ui-dialog.details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-3, .ui-dialog.details-dialog.cardStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-3, .ui-dialog.details-dialog.depositStatementDetails .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 { width: 25%; } .ui-dialog.details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper, .ui-dialog.details-dialog.cardStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper, .ui-dialog.details-dialog.depositStatementDetails .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 { min-width: 912px; } .ui-dialog.details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap div, .ui-dialog.details-dialog.cardStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap div, .ui-dialog.details-dialog.depositStatementDetails .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 { padding: 5px 0px 5px 10px; overflow: hidden; word-wrap: break-word; } .ui-dialog.details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-2, .ui-dialog.details-dialog.cardStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-2, .ui-dialog.details-dialog.depositStatementDetails .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 { 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, .ui-dialog.details-dialog.cardStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-4, .ui-dialog.details-dialog.depositStatementDetails .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 { 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, .ui-dialog.details-dialog.cardStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-1, .ui-dialog.details-dialog.depositStatementDetails .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 { 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, .ui-dialog.details-dialog.cardStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-3, .ui-dialog.details-dialog.depositStatementDetails .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 { width: 25%; } .ui-dialog.details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .right, .ui-dialog.details-dialog.cardStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .right, .ui-dialog.details-dialog.depositStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .right, .ui-dialog.details-dialog.cardUndueLiabilities .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, .ui-dialog.details-dialog.cardStatementDetails .modal-inner .salaries-form-container .table-layout .modal-table-footer p, .ui-dialog.details-dialog.depositStatementDetails .modal-inner .salaries-form-container .table-layout .modal-table-footer p, .ui-dialog.details-dialog.cardUndueLiabilities .modal-inner .salaries-form-container .table-layout .modal-table-footer p { float: right; } .details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-1 { width: 6% !important; } .details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-2 { width: 8.66667% !important; } .details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-3 { width: 16.66667% !important; } .details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-4 { width: 25% !important; } .details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-5 { width: 10.66667% !important; } .details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-6 { width: 11% !important; } .details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-7 { width: 13.66667% !important; } .details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-8 { width: 15% !important; } .details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box p { text-wrap: wrap !important; } .details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper { min-width: 912px; } .details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap div { padding: 5px 0px 5px 10px; } .details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-1 { width: 6% !important; } .details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-2 { width: 8.66667% !important; } .details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-3 { width: 16.66667% !important; } .details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-4 { width: 25% !important; } .details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-5 { width: 10.66667% !important; } .details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-6 { width: 11% !important; } .details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-7 { width: 13.66667% !important; } .details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-8 { width: 15% !important; } .details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .right { text-align: right !important; } .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; } .details-dialog.accountStatementDetails .modal-inner .salaries-form-container .table-layout .modal-table-footer p { float: right; } .ui-dialog.details-dialog.cardStatementDetails { 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.cardStatementDetails .ui-dialog-content { max-height: 600px !important; overflow: auto; } .ui-dialog.details-dialog.cardStatementDetails .ui-dialog-content .modal-wrap .modal-title-wrapper .left-title .page-text.number { font-family: "pt_sansregular", sans-serif !important; } .ui-dialog.details-dialog.cardStatementDetails .ui-dialog-content .modal-wrap .modal-inner .detailTable tbody tr td span.number { font-family: "pt_sansregular", sans-serif !important; } .ui-dialog.details-dialog.cardStatementDetails .ui-dialog-content .modal-wrap .modal-inner .table-layout tbody tr td span.number { font-family: "pt_sansregular", sans-serif !important; } .ui-dialog.details-dialog.cardStatementDetails .ui-dialog-buttonpane { display: none; } .ui-dialog.details-dialog.cardStatementDetails .ui-dialog-titlebar { display: none; } .ui-dialog.details-dialog.cardStatementDetails .modal-title-wrapper .modal-title { font-family: Source Sans Pro bold, sans-serif; font-size: 24px; letter-spacing: -0.02em; text-align: center; color: #191e39; margin-bottom: 0px; } .ui-dialog.details-dialog.cardStatementDetails .modal-title-wrapper .btn-1 { background: linear-gradient(45deg, #006de6, #00b2e6); border: none; margin: 0; min-width: 160px; color: #fff; } .ui-dialog.details-dialog.cardStatementDetails .modal-title-wrapper .btn-2 { min-width: 140px; border: 1px solid #0a79b8; background-color: transparent; color: #0a79b8; border-radius: 6px; padding: 16px 17px; } .ui-dialog.details-dialog.cardStatementDetails .modal-inner .salaries-form-container { border: 1px solid #d7dde4; padding: 25px; } .ui-dialog.details-dialog.cardStatementDetails .modal-inner .salaries-form-container .salaries-form-wrapper.download { justify-content: end; } .ui-dialog.details-dialog.cardStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper { overflow-x: auto; } .ui-dialog.details-dialog.cardStatementDetails .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.cardStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter { min-width: 912px; } .ui-dialog.details-dialog.cardStatementDetails .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.cardStatementDetails .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.cardStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box p { text-wrap: nowrap; } .ui-dialog.details-dialog.cardStatementDetails .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 0.5s; transition: color 0.5s; } .ui-dialog.details-dialog.cardStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box .right { text-align: right !important; } .ui-dialog.details-dialog.cardStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-2 { width: 16.66667%; } .ui-dialog.details-dialog.cardStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-4 { width: 33.33333%; } .ui-dialog.details-dialog.cardStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-1 { width: 8.33333%; } .ui-dialog.details-dialog.cardStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-3 { width: 30%; } .ui-dialog.details-dialog.cardStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper { min-width: 912px; } .ui-dialog.details-dialog.cardStatementDetails .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.cardStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-2 { width: 16.66667%; } .ui-dialog.details-dialog.cardStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-4 { width: 33.33333%; } .ui-dialog.details-dialog.cardStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-1 { width: 8.33333%; } .ui-dialog.details-dialog.cardStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-3 { width: 30%; } .ui-dialog.details-dialog.cardStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .right { text-align: right !important; } .ui-dialog.details-dialog.cardStatementDetails .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .user-account-card { border-bottom: 1px solid #8294a8; border-bottom-left-radius: unset; border-bottom-right-radius: unset; } .ui-dialog.details-dialog.cardStatementDetails .modal-inner .salaries-form-container .table-layout .modal-table-footer p { float: right; } .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 0.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 0.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.loanEdit, .no-yes-dialog.editName, .no-yes-dialog.editCardName, .no-yes-dialog.accountEdit, .no-yes-dialog.LoginErrorDialog { width: 300px !important; } .no-yes-dialog.accountEditSlider .page-text, .no-yes-dialog.loanEdit .page-text, .no-yes-dialog.editName .page-text, .no-yes-dialog.editCardName .page-text, .no-yes-dialog.accountEdit .page-text, .no-yes-dialog.LoginErrorDialog .page-text { text-align: center; } .no-yes-dialog.accountEditSlider .p1, .no-yes-dialog.loanEdit .p1, .no-yes-dialog.editName .p1, .no-yes-dialog.editCardName .p1, .no-yes-dialog.accountEdit .p1, .no-yes-dialog.LoginErrorDialog .p1 { margin-bottom: 5px; } .no-yes-dialog.CreateUserErrorDialog { width: 300px !important; } .no-yes-dialog.CreateUserErrorDialog .page-text { text-align: center; } .no-yes-dialog.CreateUserErrorDialog .p1 { margin-bottom: 5px; } .no-yes-dialog.CreateUserErrorDialog.ui-widget-content #messageBoxElement { width: auto !important; word-break: normal; } .no-yes-dialog.CreateUserErrorDialog.ui-widget-content .ui-dialog-buttonpane.ui-widget-content { background: none !important; } .no-yes-dialog.CreateUserErrorDialog.ui-widget-content .ui-dialog-buttonset button { width: 100%; margin: 1%; } .no-yes-dialog.CreateUserErrorDialog.ui-widget-content .ui-dialog-buttonset button:nth-child(1) { background: linear-gradient(90deg, #0079ff, #00c6ff); color: #FFFFFF !important; } .no-yes-dialog.CreateUserErrorDialog.ui-widget-content .ui-dialog-buttonset button:nth-child(1):hover { background: linear-gradient(90deg, #006de6, #00b2e6); transition: opacity 0.3s; } .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 0.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; z-index: 27; } .group-inner.filter .dk-select-options { padding: 0; padding-top: 40px; height: auto; } .AccountTurnoverCorporate, .DepositTurnoverCorporate, .CardSpendingCorporate { padding-bottom: 20px; } .AccountTurnoverCorporate .group-inner, .DepositTurnoverCorporate .group-inner, .CardSpendingCorporate .group-inner { margin-bottom: 30px; } .AccountTurnoverCorporate .group-inner .dk-selected, .DepositTurnoverCorporate .group-inner .dk-selected, .CardSpendingCorporate .group-inner .dk-selected { padding: 11px 35px 11px 16px; transform: none; } .AccountTurnoverCorporate .group-inner .select-1.dk-select-open-down .dk-selected, .AccountTurnoverCorporate .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; } .AccountTurnoverCorporate .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; } .AccountTurnoverCorporate .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 0.1s ease, visibility 0.1s ease; transition: opacity 0.1s ease, visibility 0.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); } .transaction-inner-checkbox { margin-bottom: 10px; } .group-inner { margin-bottom: 10px; } .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-right: 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 { max-height: 40px; font-family: Source Sans Pro, sans-serif; font-size: 15px; color: #191e39; padding: 15px 35px 15px 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 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .select-1 .dk-selected.withInput { max-height: 50px; padding: 0; } .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 0.1s ease, visibility 0.1s ease; transition: opacity 0.1s ease, visibility 0.1s ease; max-height: 300px; overflow: auto; z-index: 25; padding-top: 50px; border-radius: 6px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12); } .select-1 .dk-option { padding: 16px; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; cursor: pointer; font-family: Source Sans Pro, sans-serif; font-size: 15px; color: #191e39; text-align: left; background: transparent; -webkit-transition: background 0.3s; transition: background 0.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 !important; display: block !important; } .select-1:after, .select-1:before { content: ""; width: 100%; position: absolute; left: 0; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.3s; transition: opacity 0.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); } .exchange-form-wrapper { padding: 0 40px; border-right: 1px dotted #8294a8; } .exchange-form-wrapper label { padding: 0 16px; display: block; } .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; } .ExchangeOfficeOverviewCorporateV2, .OrderPackageReportCorporateV3, .OrdersFromOrderPackagesListCorporateV3 { position: relative; } .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, .DomesticOrderReportCorporateV3 .transaction-filter-inner .transaction-filter-box, .ForeignOrderReportCorporateV3 .transaction-filter-inner .group-inner, .ForeignOrderReportCorporateV3 .transaction-filter-inner .transaction-filter-box { 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; } .SalariesOverviewCorporateV2 .transaction-filter-inner .group-inner, .SalariesOverviewCorporateV2 .transaction-filter-inner .transaction-filter-box, .InflowsCorporateV2 .transaction-filter-inner .group-inner, .InflowsCorporateV2 .transaction-filter-inner .transaction-filter-box { min-width: 188px !important; } .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; max-height: 40px; padding: 10px; margin-left: 16px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); -webkit-transition: box-shadow 0.5s, background-color 0.5s; transition: box-shadow 0.5s, background-color 0.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: 0px; } .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; position: relative; } .ExchangeOfficeServerOverviewCorporateV2 .s-widget-header { margin-bottom: 40px; } .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; font-weight: bold; } .payment-filter-pag-wrapper span { font-weight: bold; } .under-table-notif { padding: 5px 20px 0; } .under-table-notif p { display: inline-block; } /*.background-8 { background-color: #000; }*/ .CurrencyCalculatorCorporate { padding: 0 60px 10px; position: relative; /* .form-error-message-block { top: 377px; width: 20%; }*/ } .CurrencyCalculatorCorporate .s-widget-title { margin-bottom: 33px !important; } .CurrencyCalculatorCorporate .s-widget-body { margin-top: 27px; } .CurrencyCalculatorCorporate .input-1[disabled] { background-color: #f5f7f9; } .CurrencyCalculatorCorporate .currency-selector .payment-filter-payment { width: -webkit-calc(100% - 60px); width: calc(100% - 60px); padding: 0; } .CurrencyCalculatorCorporate .dot-menu.no-background { background: unset; background-color: #fff; } .CurrencyCalculatorCorporate .group-inner { width: auto; position: relative; } .CurrencyCalculatorCorporate .group-inner input { padding: 0px; height: 48px; padding-left: 16px; } .CurrencyCalculatorCorporate .popup-content { right: 0; max-height: 240px; overflow-y: overlay; } .CurrencyCalculatorCorporate .popup-content::-webkit-scrollbar { background: transparent; border-radius: 16px; width: 5px; margin-top: 10px !important; margin-bottom: 10px !important; } .CurrencyCalculatorCorporate .popup-content::-webkit-scrollbar-track { background: transparent; border-radius: 16px; margin-top: 10px !important; margin-bottom: 10px !important; } .CurrencyCalculatorCorporate .popup-content::-webkit-scrollbar-thumb { background: #d7dde4; border-radius: 16px; margin-top: 10px !important; margin-bottom: 10px !important; } .CurrencyCalculatorCorporate .popup-content .dot-decoration { top: -14px; right: 15px !important; } .CurrencyCalculatorCorporate .activity-popup-filter .page-text.active, .CurrencyCalculatorCorporate .activity-popup-filter .page-text:hover { color: #006de6; } .CurrencyCalculatorCorporate .currency-flag { background-size: 100% 100%; width: 40px; height: 40px; } .CurrencyCalculatorCorporate.dashboard { padding-left: 0px; margin-top: 58px; } .CurrencyCalculatorCorporate.dashboard .s-widget-body { margin-top: 60px; } .CurrencyCalculatorCorporate.dashboard .currency-converter-wrapper { padding: 0 60px 0 0; padding-left: 0; border-right: 1px dotted #8294a8; } .CurrencyCalculatorCorporate.dashboard .currency-converter-wrapper .currency-selector { margin-bottom: 30px !important; } .CurrencyCalculatorCorporate.dashboard .currency-converter-wrapper .currency-selector .payments-ico { border-radius: 50%; } .CurrencyCalculatorCorporate.dashboard .currency-converter-wrapper .group-inner { margin-bottom: 30px !important; } .CurrencyCalculatorCorporate.dashboard .currency-converter-wrapper .group-inner .btn-2 { width: 100%; border-radius: 6px; box-shadow: none; background: linear-gradient(90deg, #0079ff, #00c6ff); } .CurrencyCalculatorCorporate.dashboard .currency-converter-wrapper .group-inner .btn-2:hover { background: linear-gradient(90deg, #006de6, #00b2e6); } .CurrencyCalculatorCorporate.dashboard .currency-converter-wrapper .group-inner:nth-child(4) { margin-bottom: 99px !important; } .CurrencyExchangeCorporateV2 { position: relative; } .CurrencyExchangeCorporateV2 .s-widget-title { margin-bottom: 30px; } .CurrencyExchangeCorporateV2.dashboard { position: relative; } .CurrencyExchangeCorporateV2.dashboard .gvCurrencyExchangeCorporate { margin-top: 60px; } .CurrencyExchangeCorporateV2.dashboard .s-widget-title { font-weight: bold; } .CurrencyExchangeCorporateV2.dashboard .tablesaw td { padding: 0.3em 0.7em; } .CurrencyExchangeCorporateV2.dashboard .tableFilter { margin-bottom: 30px; } .CurrencyExchangeCorporateV2.dashboard .clientGrid thead tr { border-bottom: 1px solid #C7C7C7; } .CurrencyExchangeCorporateV2.dashboard .clientGrid tbody:before { content: "@"; display: block; line-height: 20px; text-indent: -99999px; } .CurrencyExchangeCorporateV2.dashboard .clientGrid tbody tr { margin-bottom: 5px; } .CurrencyExchangeCorporateV2.dashboard .clientGrid tbody tr:first-child { border-top: none !important; } .CurrencyExchangeCorporateV2.dashboard .clientGrid tbody tr td { line-height: 24px; } #content_wrap.active .dk-selected { z-index: 0; } .popup-buttons-wrapper { padding: 0 20px; } .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-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.languageSelectDialog, .ui-dialog:not(.right-dialog).visible.debitAccountSelectDialog, .ui-dialog:not(.right-dialog).visible.inflowsManaging { 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.languageSelectDialog .content-container, .ui-dialog:not(.right-dialog).visible.debitAccountSelectDialog .content-container, .ui-dialog:not(.right-dialog).visible.inflowsManaging .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.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.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.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.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.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.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.languageSelectDialog .crontoDialog:before, .ui-dialog:not(.right-dialog).visible.languageSelectDialog .packageSelectDialog:before, .ui-dialog:not(.right-dialog).visible.languageSelectDialog .creditorTemplateDialog:before, .ui-dialog:not(.right-dialog).visible.languageSelectDialog .creditorTemplateDialogPublic:before, .ui-dialog:not(.right-dialog).visible.languageSelectDialog .createUserAccountDialog:before, .ui-dialog:not(.right-dialog).visible.languageSelectDialog .languageSelectDialog:before, .ui-dialog:not(.right-dialog).visible.languageSelectDialog .debitAccountSelectDialog: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.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 { content: ""; display: table !important; width: 40px; height: 6px !important; border-radius: 6px; margin: auto auto 5px auto; 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.languageSelectDialog .ui-dialog-titlebar, .ui-dialog:not(.right-dialog).visible.debitAccountSelectDialog .ui-dialog-titlebar, .ui-dialog:not(.right-dialog).visible.inflowsManaging .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.languageSelectDialog .text-half, .ui-dialog:not(.right-dialog).visible.debitAccountSelectDialog .text-half, .ui-dialog:not(.right-dialog).visible.inflowsManaging .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.languageSelectDialog .image-half, .ui-dialog:not(.right-dialog).visible.debitAccountSelectDialog .image-half, .ui-dialog:not(.right-dialog).visible.inflowsManaging .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.languageSelectDialog .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 { margin: auto; display: block; } @media (height < 830px) { .ui-dialog:not(.right-dialog).visible.inflowsManaging { position: absolute !important; transform: translateY(0) !important; top: 50px !important; left: 0 !important; right: 0; } } .element-border-7 { border-radius: 20px; } .text-color-1 { color: #353f4a; } .page-text-6 { font-size: 14px; } .margin-1-5 { margin-bottom: 15px; } .text-color-12 { color: #191e39; } .padding-top-10 { padding-top: 10px; } .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, hsla(0, 0%, 100%, 0))); background-image: linear-gradient(90deg, #000 33%, hsla(0, 0%, 100%, 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; } .AuthorizedAccountsCorporate { margin-bottom: 60px !important; } .AuthorizedAccountsCorporate .account-card-btn svg { width: 14px; height: 14px; } .content-container { padding: 0 20px; margin: 0 auto; padding-bottom: 1px; } .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 .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, .domesticDialog .input-wrap input, .domesticPublicDialog .input-wrap input { height: 40px; } .domestic-payment-form .input-wrap .input-1[readonly], .domesticDialog .input-wrap .input-1[readonly], .domesticPublicDialog .input-wrap .input-1[readonly] { cursor: default; border: unset; color: #8294a8; } .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: 132px; text-align: left; } .domestic-payment-form .paymentCodeCustomInput, .domesticDialog .paymentCodeCustomInput, .domesticPublicDialog .paymentCodeCustomInput { margin: 0; padding: 0; border: 0; width: 40%; position: absolute; top: 4px; left: 4px; height: 30px !important; } .domestic-payment-form .transaction-filter-inner.template, .domesticDialog .transaction-filter-inner.template, .domesticPublicDialog .transaction-filter-inner.template { width: 100%; } .domestic-payment-form .transaction-filter-inner.template .pdf-wrapper, .domesticDialog .transaction-filter-inner.template .pdf-wrapper, .domesticPublicDialog .transaction-filter-inner.template .pdf-wrapper { height: 40px; margin-top: 20px; } .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: rgba(0, 0, 0, 0); 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 .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; } .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; } .DomesticOrderCorporateV3, .ForeignOrderCorporateV3 { position: relative; } .DomesticOrderCorporateV3 .ui-tabs-nav, .ForeignOrderCorporateV3 .ui-tabs-nav { position: absolute; top: 0; left: 50%; transform: translatex(-50%); padding: 0; } .DomesticOrderCorporateV3 .ui-tabs-nav li, .ForeignOrderCorporateV3 .ui-tabs-nav li { position: unset !important; background: transparent; } .DomesticOrderCorporateV3 .ui-tabs-nav li.ui-state-active, .ForeignOrderCorporateV3 .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 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-transform: translateX(0); transform: translateX(0); } .DomesticOrderCorporateV3 .ui-tabs-nav li a, .ForeignOrderCorporateV3 .ui-tabs-nav li a { position: relative !important; text-align: center; } .DomesticOrderCorporateV3 .ui-tabs-nav .ui-state-default, .ForeignOrderCorporateV3 .ui-tabs-nav .ui-state-default { border: none !important; } .DomesticOrderCorporateV3 .ui-widget-header, .ForeignOrderCorporateV3 .ui-widget-header { padding: 1px !important; border-radius: 6px; } .DomesticOrderCorporateV3 .ui-helper-reset, .ForeignOrderCorporateV3 .ui-helper-reset { line-height: 0.7; } .DomesticOrderCorporateV3 #tabs, .ForeignOrderCorporateV3 #tabs { background-color: transparent; } .DomesticOrderCorporateV3 #tabs-1, .DomesticOrderCorporateV3 #tabs-2, .ForeignOrderCorporateV3 #tabs-1, .ForeignOrderCorporateV3 #tabs-2 { padding: 0; margin-top: 75px; } .packageSelectDialog { width: 800px !important; height: 430px !important; } .packageSelectDialog .all-account-popup-title { top: 6px; } .no-yes-dialog.details-dialog.createUserAccountDialog { width: 800px !important; height: 460px !important; padding-bottom: 80px !important; } .no-yes-dialog.details-dialog.createUserAccountDialog .all-account-popup-title { top: 6px; } .no-yes-dialog.details-dialog.createUserAccountDialog .ui-dialog-buttonpane { padding-top: 0px !important; } .no-yes-dialog.details-dialog.createUserAccountDialog .createUserAccountDialog { height: auto !important; } .crontoDialog { width: 800px !important; height: auto !important; } .crontoDialog .all-account-popup-title { top: 6px; } .crontoDialog .ui-dialog-buttonset { width: 300px; margin: 0 auto; } .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: 0 8px 16px rgba(0, 0, 0, 0.08); } .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 .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 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; cursor: pointer; } .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: 700px !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 .ui-dialog-content, .creditorTemplateDialogPublic .ui-dialog-content { overflow: hidden; } .creditorTemplateDialog .all-account-popup-title, .creditorTemplateDialogPublic .all-account-popup-title { top: 6px; } .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 .input-wrap textarea, .creditorTemplateDialogPublic .input-wrap textarea { resize: none; width: 100%; height: 70px; 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 .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: #8294a8; fill: #8294a8; display: block; margin: 10px auto; } .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 .file-import-middle-text p, .creditorTemplateDialogPublic .file-import-middle-text p { margin-bottom: 10px; } .creditorTemplateDialog .dk-select-options, .creditorTemplateDialogPublic .dk-select-options { height: auto; } .domesticDialog, .domesticPublicDialog { width: 820px !important; height: 600px !important; box-sizing: border-box; overflow: hidden; } .domesticDialog .page-text, .domesticPublicDialog .page-text { margin-bottom: unset; } .domesticDialog .group-inner, .domesticPublicDialog .group-inner { margin-bottom: 20px; } .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 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.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 0.3s; transition: color 0.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%); } .OrderPackageListCorporateV3 thead tr th:nth-child(10) { text-align: center; } .OrderPackageListCorporateV3, .DomesticOrderListCorporateV3, .ForeignOrderListCorporateV3, .OrderPackageDetailsCorporateV3, .SalariesServerOrderListCorporateV2 { position: relative; } .OrderPackageListCorporateV3 .s-widget-header, .DomesticOrderListCorporateV3 .s-widget-header, .ForeignOrderListCorporateV3 .s-widget-header, .OrderPackageDetailsCorporateV3 .s-widget-header, .SalariesServerOrderListCorporateV2 .s-widget-header { margin-bottom: 40px; } .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; font-weight: bold; } .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; font-weight: bold; } .OrderPackageListCorporateV3 tbody tr td:nth-child(10), .OrderPackageListCorporateV3 tbody tr td:nth-child(11), .DomesticOrderListCorporateV3 tbody tr td:nth-child(10), .DomesticOrderListCorporateV3 tbody tr td:nth-child(11), .ForeignOrderListCorporateV3 tbody tr td:nth-child(10), .ForeignOrderListCorporateV3 tbody tr td:nth-child(11), .OrderPackageDetailsCorporateV3 tbody tr td:nth-child(10), .OrderPackageDetailsCorporateV3 tbody tr td:nth-child(11), .SalariesServerOrderListCorporateV2 tbody tr td:nth-child(10), .SalariesServerOrderListCorporateV2 tbody tr td:nth-child(11) { text-align: center; } .OrderPackageReportCorporateV3 .btn-1:before { display: none; } .dk-select.disable { pointer-events: none; } .dk-select.disable .dk-selected { color: #989898; background-color: #f5f7f9; } .dk-select.disable .dk-selected input { background-color: #f5f7f9; } .transaction-calendar input.disable { color: #989898; background-color: #f5f7f9 !important; } .element-border-4 { border-radius: 6px; } .CrontoTokenListV2 .token-icon-container { width: 40px; height: 40px; margin-right: 25px; } .CrontoTokenListV2 .calc-icon { width: 15px; height: 20px; fill: #333; stroke: #333; } .CrontoTokenListV2 .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; } .AccountTurnoverCorporate .flex-layout { flex-wrap: wrap; } .ForeignOrderCorporateV3, .foreignDialog, .inflowsManaging { max-width: 1000px; margin: 0 auto; } .ForeignOrderCorporateV3 .flex-layout, .foreignDialog .flex-layout, .inflowsManaging .flex-layout { flex-wrap: wrap; } .ForeignOrderCorporateV3 .foreign-payments-intro, .ForeignOrderCorporateV3 .foreign-payments-beneficiary-details, .ForeignOrderCorporateV3 .foreign-payments-details, .foreignDialog .foreign-payments-intro, .foreignDialog .foreign-payments-beneficiary-details, .foreignDialog .foreign-payments-details, .inflowsManaging .foreign-payments-intro, .inflowsManaging .foreign-payments-beneficiary-details, .inflowsManaging .foreign-payments-details { width: 100%; } .ForeignOrderCorporateV3 .foreign-payments-intro.bottom-border, .ForeignOrderCorporateV3 .foreign-payments-beneficiary-details.bottom-border, .ForeignOrderCorporateV3 .foreign-payments-details.bottom-border, .foreignDialog .foreign-payments-intro.bottom-border, .foreignDialog .foreign-payments-beneficiary-details.bottom-border, .foreignDialog .foreign-payments-details.bottom-border, .inflowsManaging .foreign-payments-intro.bottom-border, .inflowsManaging .foreign-payments-beneficiary-details.bottom-border, .inflowsManaging .foreign-payments-details.bottom-border { padding-bottom: 10px; background-image: -webkit-gradient(linear, left top, right top, color-stop(33%, #000), color-stop(0, hsla(0, 0%, 100%, 0))); background-image: linear-gradient(90deg, #000 33%, hsla(0, 0%, 100%, 0) 0); background-position: bottom; background-size: 4px 1px; background-repeat: repeat-x; } .ForeignOrderCorporateV3 .foreign-payments-intro .foreign-payments-intro-wrapper, .ForeignOrderCorporateV3 .foreign-payments-intro .foreign-payments-beneficiary-details-wrapper, .ForeignOrderCorporateV3 .foreign-payments-intro .foreign-payments-details-wrapper, .ForeignOrderCorporateV3 .foreign-payments-beneficiary-details .foreign-payments-intro-wrapper, .ForeignOrderCorporateV3 .foreign-payments-beneficiary-details .foreign-payments-beneficiary-details-wrapper, .ForeignOrderCorporateV3 .foreign-payments-beneficiary-details .foreign-payments-details-wrapper, .ForeignOrderCorporateV3 .foreign-payments-details .foreign-payments-intro-wrapper, .ForeignOrderCorporateV3 .foreign-payments-details .foreign-payments-beneficiary-details-wrapper, .ForeignOrderCorporateV3 .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, .inflowsManaging .foreign-payments-intro .foreign-payments-intro-wrapper, .inflowsManaging .foreign-payments-intro .foreign-payments-beneficiary-details-wrapper, .inflowsManaging .foreign-payments-intro .foreign-payments-details-wrapper, .inflowsManaging .foreign-payments-beneficiary-details .foreign-payments-intro-wrapper, .inflowsManaging .foreign-payments-beneficiary-details .foreign-payments-beneficiary-details-wrapper, .inflowsManaging .foreign-payments-beneficiary-details .foreign-payments-details-wrapper, .inflowsManaging .foreign-payments-details .foreign-payments-intro-wrapper, .inflowsManaging .foreign-payments-details .foreign-payments-beneficiary-details-wrapper, .inflowsManaging .foreign-payments-details .foreign-payments-details-wrapper { width: 100%; } .ForeignOrderCorporateV3 .foreign-payments-intro .foreign-payments-intro-wrapper .group-inner, .ForeignOrderCorporateV3 .foreign-payments-intro .foreign-payments-beneficiary-details-wrapper .group-inner, .ForeignOrderCorporateV3 .foreign-payments-intro .foreign-payments-details-wrapper .group-inner, .ForeignOrderCorporateV3 .foreign-payments-beneficiary-details .foreign-payments-intro-wrapper .group-inner, .ForeignOrderCorporateV3 .foreign-payments-beneficiary-details .foreign-payments-beneficiary-details-wrapper .group-inner, .ForeignOrderCorporateV3 .foreign-payments-beneficiary-details .foreign-payments-details-wrapper .group-inner, .ForeignOrderCorporateV3 .foreign-payments-details .foreign-payments-intro-wrapper .group-inner, .ForeignOrderCorporateV3 .foreign-payments-details .foreign-payments-beneficiary-details-wrapper .group-inner, .ForeignOrderCorporateV3 .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, .inflowsManaging .foreign-payments-intro .foreign-payments-intro-wrapper .group-inner, .inflowsManaging .foreign-payments-intro .foreign-payments-beneficiary-details-wrapper .group-inner, .inflowsManaging .foreign-payments-intro .foreign-payments-details-wrapper .group-inner, .inflowsManaging .foreign-payments-beneficiary-details .foreign-payments-intro-wrapper .group-inner, .inflowsManaging .foreign-payments-beneficiary-details .foreign-payments-beneficiary-details-wrapper .group-inner, .inflowsManaging .foreign-payments-beneficiary-details .foreign-payments-details-wrapper .group-inner, .inflowsManaging .foreign-payments-details .foreign-payments-intro-wrapper .group-inner, .inflowsManaging .foreign-payments-details .foreign-payments-beneficiary-details-wrapper .group-inner, .inflowsManaging .foreign-payments-details .foreign-payments-details-wrapper .group-inner { width: 31.5%; } .ForeignOrderCorporateV3 .foreign-payments-intro .foreign-payments-intro-wrapper .group-inner.textarea, .ForeignOrderCorporateV3 .foreign-payments-intro .foreign-payments-beneficiary-details-wrapper .group-inner.textarea, .ForeignOrderCorporateV3 .foreign-payments-intro .foreign-payments-details-wrapper .group-inner.textarea, .ForeignOrderCorporateV3 .foreign-payments-beneficiary-details .foreign-payments-intro-wrapper .group-inner.textarea, .ForeignOrderCorporateV3 .foreign-payments-beneficiary-details .foreign-payments-beneficiary-details-wrapper .group-inner.textarea, .ForeignOrderCorporateV3 .foreign-payments-beneficiary-details .foreign-payments-details-wrapper .group-inner.textarea, .ForeignOrderCorporateV3 .foreign-payments-details .foreign-payments-intro-wrapper .group-inner.textarea, .ForeignOrderCorporateV3 .foreign-payments-details .foreign-payments-beneficiary-details-wrapper .group-inner.textarea, .ForeignOrderCorporateV3 .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, .inflowsManaging .foreign-payments-intro .foreign-payments-intro-wrapper .group-inner.textarea, .inflowsManaging .foreign-payments-intro .foreign-payments-beneficiary-details-wrapper .group-inner.textarea, .inflowsManaging .foreign-payments-intro .foreign-payments-details-wrapper .group-inner.textarea, .inflowsManaging .foreign-payments-beneficiary-details .foreign-payments-intro-wrapper .group-inner.textarea, .inflowsManaging .foreign-payments-beneficiary-details .foreign-payments-beneficiary-details-wrapper .group-inner.textarea, .inflowsManaging .foreign-payments-beneficiary-details .foreign-payments-details-wrapper .group-inner.textarea, .inflowsManaging .foreign-payments-details .foreign-payments-intro-wrapper .group-inner.textarea, .inflowsManaging .foreign-payments-details .foreign-payments-beneficiary-details-wrapper .group-inner.textarea, .inflowsManaging .foreign-payments-details .foreign-payments-details-wrapper .group-inner.textarea { width: 65.8%; } .ForeignOrderCorporateV3 .btn-1::before, .foreignDialog .btn-1::before, .inflowsManaging .btn-1::before { display: none; } .ForeignOrderCorporateV3 .higher, .foreignDialog .higher, .inflowsManaging .higher { max-height: 23px; } .ForeignOrderCorporateV3 .payment-row, .foreignDialog .payment-row, .inflowsManaging .payment-row { min-height: 54px; color: #000; } .ForeignOrderCorporateV3 .payment-row:hover, .foreignDialog .payment-row:hover, .inflowsManaging .payment-row:hover { background-color: #fff; border-radius: 8px; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .ForeignOrderCorporateV3 .table-wrap .cols-wrap, .foreignDialog .table-wrap .cols-wrap, .inflowsManaging .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; } .ForeignOrderCorporateV3 .table-wrap .cols-wrap > div, .foreignDialog .table-wrap .cols-wrap > div, .inflowsManaging .table-wrap .cols-wrap > div { padding: 5px 0 5px 5px; } .ForeignOrderCorporateV3 .table-wrap .cols-wrap > div.small-offset-left, .foreignDialog .table-wrap .cols-wrap > div.small-offset-left, .inflowsManaging .table-wrap .cols-wrap > div.small-offset-left { padding-left: 30px; } .ForeignOrderCorporateV3 .table-wrap .cols-wrap > div.offset-right, .foreignDialog .table-wrap .cols-wrap > div.offset-right, .inflowsManaging .table-wrap .cols-wrap > div.offset-right { padding-right: 30px; } .ForeignOrderCorporateV3 .table-wrap .col-1, .foreignDialog .table-wrap .col-1, .inflowsManaging .table-wrap .col-1 { width: 8.33333%; } .ForeignOrderCorporateV3 .table-wrap .col-2, .foreignDialog .table-wrap .col-2, .inflowsManaging .table-wrap .col-2 { width: 16.66667%; } .ForeignOrderCorporateV3 .table-wrap .col-5, .foreignDialog .table-wrap .col-5, .inflowsManaging .table-wrap .col-5 { width: 41.66667%; } .ForeignOrderCorporateV3 .table-wrap .group-inner, .foreignDialog .table-wrap .group-inner, .inflowsManaging .table-wrap .group-inner { width: unset; } .ForeignOrderCorporateV3 .table-wrap .group-inner.no-margin, .foreignDialog .table-wrap .group-inner.no-margin, .inflowsManaging .table-wrap .group-inner.no-margin { margin-bottom: 0; } .ForeignOrderCorporateV3 .table-wrap .show-per-page, .foreignDialog .table-wrap .show-per-page, .inflowsManaging .table-wrap .show-per-page { width: 40%; } .ForeignOrderCorporateV3 .table-wrap .show-per-page.full-width, .foreignDialog .table-wrap .show-per-page.full-width, .inflowsManaging .table-wrap .show-per-page.full-width { width: 100%; } .ForeignOrderCorporateV3 .form-button-footer, .foreignDialog .form-button-footer, .inflowsManaging .form-button-footer { width: 100%; padding-top: 20px; border-top: 1px solid #8294a8; row-gap: 10px; } .ForeignOrderCorporateV3 .form-button-footer.bottom-line, .foreignDialog .form-button-footer.bottom-line, .inflowsManaging .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, hsla(0, 0%, 100%, 0))); background-image: linear-gradient(90deg, #000 33%, hsla(0, 0%, 100%, 0) 0); background-position: bottom; background-size: 4px 1px; background-repeat: repeat-x; } .ForeignOrderCorporateV3 .form-button-footer .button-fixed-width, .foreignDialog .form-button-footer .button-fixed-width, .inflowsManaging .form-button-footer .button-fixed-width { min-width: 150px; } .ForeignOrderCorporateV3 .form-button-footer button, .foreignDialog .form-button-footer button, .inflowsManaging .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; } .ForeignOrderCorporateV3 .form-button-footer .btn-1, .foreignDialog .form-button-footer .btn-1, .inflowsManaging .form-button-footer .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 0.3s; transition: background 0.3s; overflow: hidden; height: 40px; } .ForeignOrderCorporateV3 .form-button-footer .btn-1.color-3, .foreignDialog .form-button-footer .btn-1.color-3, .inflowsManaging .form-button-footer .btn-1.color-3 { border: 1px solid #0a79b8; background-color: #fff; color: #0a79b8; } .ForeignOrderCorporateV3 .form-button-footer .btn-1.color-3.orange-text, .foreignDialog .form-button-footer .btn-1.color-3.orange-text, .inflowsManaging .form-button-footer .btn-1.color-3.orange-text { color: #ff5858; border: 1px solid #ff5858; } .ForeignOrderCorporateV3 .form-button-footer .btn-1.color-3:hover, .foreignDialog .form-button-footer .btn-1.color-3:hover, .inflowsManaging .form-button-footer .btn-1.color-3:hover { background-color: rgba(10, 121, 184, 0.1); } .ForeignOrderCorporateV3 .form-button-footer .btn-1.send, .foreignDialog .form-button-footer .btn-1.send, .inflowsManaging .form-button-footer .btn-1.send { display: inline-flex; } .ForeignOrderCorporateV3 .form-button-footer .total-amount, .foreignDialog .form-button-footer .total-amount, .inflowsManaging .form-button-footer .total-amount { width: 100%; max-width: 440px; } .ForeignOrderCorporateV3 .form-button-footer .total-amount .page-text-4, .foreignDialog .form-button-footer .total-amount .page-text-4, .inflowsManaging .form-button-footer .total-amount .page-text-4 { font-size: 12px !important; } .ForeignOrderCorporateV3 .form-button-footer .total-amount .group-inner, .foreignDialog .form-button-footer .total-amount .group-inner, .inflowsManaging .form-button-footer .total-amount .group-inner { padding-right: 24px; display: inline; max-width: 268px; width: 100%; box-sizing: border-box; } .ForeignOrderCorporateV3 .form-button-footer .total-amount .group-inner.no-margin, .foreignDialog .form-button-footer .total-amount .group-inner.no-margin, .inflowsManaging .form-button-footer .total-amount .group-inner.no-margin { margin-bottom: 0; } .ForeignOrderCorporateV3 .form-button-footer .flex-center, .foreignDialog .form-button-footer .flex-center, .inflowsManaging .form-button-footer .flex-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .ForeignOrderCorporateV3 .select-1 .dk-selected, .foreignDialog .select-1 .dk-selected, .inflowsManaging .select-1 .dk-selected { box-sizing: border-box; max-height: unset; height: 50px; } .ForeignOrderCorporateV3 .fromDate.hasDatepicker, .foreignDialog .fromDate.hasDatepicker, .inflowsManaging .fromDate.hasDatepicker { padding: 0 16px !important; color: #353f4a; } .ForeignOrderCorporateV3 .tableFilter.currencyExchangeOverviewFilter, .foreignDialog .tableFilter.currencyExchangeOverviewFilter, .inflowsManaging .tableFilter.currencyExchangeOverviewFilter { width: 31.5%; } .ForeignOrderCorporateV3 .tableFilter.currencyExchangeOverviewFilter .transaction-filter-box, .foreignDialog .tableFilter.currencyExchangeOverviewFilter .transaction-filter-box, .inflowsManaging .tableFilter.currencyExchangeOverviewFilter .transaction-filter-box { width: 100%; } .ForeignOrderCorporateV3 .textarea .input-wrap, .foreignDialog .textarea .input-wrap, .inflowsManaging .textarea .input-wrap { background: none; } .ForeignOrderCorporateV3 textarea, .foreignDialog textarea, .inflowsManaging textarea { resize: unset; max-height: 80px; height: 152px; } .ForeignOrderCorporateV3 .btn-1.logout.table.aligned-text, .foreignDialog .btn-1.logout.table.aligned-text, .inflowsManaging .btn-1.logout.table.aligned-text { box-sizing: border-box; } .ForeignOrderCorporateV3 .btn-1.logout.table.aligned-text span, .foreignDialog .btn-1.logout.table.aligned-text span, .inflowsManaging .btn-1.logout.table.aligned-text span { padding: 0 10px; } .ForeignOrderCorporateV3 input, .foreignDialog input, .inflowsManaging input { height: 40px; } .ForeignOrderCorporateV3 .select-1 .dk-selected, .foreignDialog .select-1 .dk-selected, .inflowsManaging .select-1 .dk-selected { padding: 10px 35px 10px 16px; height: 40px; box-sizing: border-box; } .ForeignOrderCorporateV3 .paymentCodeCustomInput, .foreignDialog .paymentCodeCustomInput, .inflowsManaging .paymentCodeCustomInput { margin: 0; padding: 0; border: 0; width: 40%; position: absolute; top: 4px; left: 4px; height: 30px !important; } .ForeignOrderCorporateV3 .pdf-wrapper, .foreignDialog .pdf-wrapper, .inflowsManaging .pdf-wrapper { height: 40px; } .ForeignOrderCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .foreignDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .inflowsManaging .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate { position: absolute; color: #353f4a; } .ForeignOrderCorporateV3 .tableFilter, .ForeignOrderCorporateV3 .group-inner, .foreignDialog .tableFilter, .foreignDialog .group-inner, .inflowsManaging .tableFilter, .inflowsManaging .group-inner { margin-bottom: 16px; } .ForeignOrderCorporateV3 .tableFilter.textarea, .ForeignOrderCorporateV3 .group-inner.textarea, .foreignDialog .tableFilter.textarea, .foreignDialog .group-inner.textarea, .inflowsManaging .tableFilter.textarea, .inflowsManaging .group-inner.textarea { margin-bottom: 22px; } .ForeignOrderCorporateV3 .foreign-payments-intro .foreign-payments-intro-wrapper, .foreignDialog .foreign-payments-intro .foreign-payments-intro-wrapper, .inflowsManaging .foreign-payments-intro .foreign-payments-intro-wrapper { align-items: end; } .ForeignOrderCorporateV3 .foreign-payments-intro .foreign-payments-intro-wrapper .group-inner, .foreignDialog .foreign-payments-intro .foreign-payments-intro-wrapper .group-inner, .inflowsManaging .foreign-payments-intro .foreign-payments-intro-wrapper .group-inner { width: 23%; } .ForeignOrderCorporateV3 .see-all-details, .foreignDialog .see-all-details, .inflowsManaging .see-all-details { display: block; font-size: 14px; color: #0a79b8; -webkit-transition: all 0.3s; transition: all 0.3s; } .ForeignOrderCorporateV3 .see-all-details .see-all-details-text, .foreignDialog .see-all-details .see-all-details-text, .inflowsManaging .see-all-details .see-all-details-text { display: inline-block; } .ForeignOrderCorporateV3 .see-all-details .see-less-details-text, .foreignDialog .see-all-details .see-less-details-text, .inflowsManaging .see-all-details .see-less-details-text { display: none; } .ForeignOrderCorporateV3 .see-all-details.active .see-all-details-text, .foreignDialog .see-all-details.active .see-all-details-text, .inflowsManaging .see-all-details.active .see-all-details-text { display: none; } .ForeignOrderCorporateV3 .see-all-details.active .see-less-details-text, .foreignDialog .see-all-details.active .see-less-details-text, .inflowsManaging .see-all-details.active .see-less-details-text { display: inline-block; } .ForeignOrderCorporateV3 .see-all-details .btn-with-round-plus, .foreignDialog .see-all-details .btn-with-round-plus, .inflowsManaging .see-all-details .btn-with-round-plus { position: relative; padding: 2px 2px 2px 26px; } .ForeignOrderCorporateV3 .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, .inflowsManaging .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; } .ForeignOrderCorporateV3 .foreign-currency .dk-selected, .ForeignOrderCorporateV3 .foreign-country .dk-selected { z-index: 26 !important; } .ForeignOrderCorporateV3 .foreign-currency .dk-select-options { z-index: unset; } .ForeignOrderCorporateV3 .foreign-currency.paymentType { z-index: 2; } .ForeignOrderCorporateV3 .validationMessage { font-size: 10px; } .ui-dialog.information { padding: 20px 40px; } .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%; } .clientGrid thead th div .sort-indicator { position: inherit !important; margin: unset !important; } #messageBoxElement { text-align: center !important; width: 100% !important; overflow: hidden; word-break: break-word; } .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, .inflowsManaging { max-width: 1000px !important; height: 600px !important; background-color: #fff !important; } .foreignDialog .ui-dialog-titlebar, .salaryDialog .ui-dialog-titlebar, .inflowsManaging .ui-dialog-titlebar { display: none; } .foreignDialog .modal-title, .salaryDialog .modal-title, .inflowsManaging .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; } .foreignDialog .bold, .salaryDialog .bold, .inflowsManaging .bold { font-weight: bold; } .foreignDialog .page-text, .salaryDialog .page-text, .inflowsManaging .page-text { font-size: 15px; } .foreignDialog .text-color-4, .salaryDialog .text-color-4, .inflowsManaging .text-color-4 { color: #8294a8; } .foreignDialog .margin-0, .salaryDialog .margin-0, .inflowsManaging .margin-0 { margin-bottom: 0; } .foreignDialog .button-fixed-width, .salaryDialog .button-fixed-width, .inflowsManaging .button-fixed-width { min-width: 150px; } .foreignDialog .btn-1, .salaryDialog .btn-1, .inflowsManaging .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 0.3s; transition: background 0.3s; overflow: hidden; height: 40px; } .foreignDialog .btn-1.color-3, .salaryDialog .btn-1.color-3, .inflowsManaging .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, .inflowsManaging .btn-1.color-3:hover { background-color: rgba(10, 121, 184, 0.1); } .foreignDialog .flex-layout, .salaryDialog .flex-layout, .inflowsManaging .flex-layout { flex-wrap: wrap; } .foreignDialog .foreign-payment-form, .salaryDialog .foreign-payment-form, .inflowsManaging .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, .inflowsManaging .foreign-payment-form .group-inner { width: 48%; } .foreignDialog .foreign-payment-form .group-inner.threeElement, .salaryDialog .foreign-payment-form .group-inner.threeElement, .inflowsManaging .foreign-payment-form .group-inner.threeElement { width: 32%; } .foreignDialog .label-1, .salaryDialog .label-1, .inflowsManaging .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, .inflowsManaging .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, hsla(0, 0%, 100%, 0))); background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 33%, hsla(0, 0%, 100%, 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, .inflowsManaging .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, .inflowsManaging .foreign-beneficiary-details-wrapper .group-inner { margin-left: 0; margin-right: 0; } .foreignDialog .transaction-filter-box, .salaryDialog .transaction-filter-box, .inflowsManaging .transaction-filter-box { margin: 0 8px; position: relative; } .foreignDialog .group-inner.account-creation, .salaryDialog .group-inner.account-creation, .inflowsManaging .group-inner.account-creation { margin-bottom: 20px; } .foreignDialog .input-wrap, .salaryDialog .input-wrap, .inflowsManaging .input-wrap { position: relative; border-radius: 6px; } .foreignDialog .group-inner.account-creation .input-1, .salaryDialog .group-inner.account-creation .input-1, .inflowsManaging .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, .inflowsManaging .payment-filter-wrapper.dropdown-tables, .inflowsManaging .payment-filter-wrapper.popup-input-table { overflow-x: visible; } .foreignDialog .is-filter.any-height, .salaryDialog .is-filter.any-height, .inflowsManaging .is-filter.any-height { min-height: unset; } .foreignDialog .margin-2, .salaryDialog .margin-2, .inflowsManaging .margin-2 { margin-bottom: 20px; } .foreignDialog .payment-filter, .salaryDialog .payment-filter, .inflowsManaging .payment-filter { border-bottom: 1px solid #8294a8; } .foreignDialog .table-wrap .cols-wrap, .salaryDialog .table-wrap .cols-wrap, .inflowsManaging .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, .inflowsManaging .payment-filter-wrapper.popup-input-table .payment-filter, .inflowsManaging .payment-filter-wrapper.popup-input-table .payment-info-wrapper { min-width: 900px; } .foreignDialog .table-wrap .col-1, .salaryDialog .table-wrap .col-1, .inflowsManaging .table-wrap .col-1 { width: 8.33333%; } .foreignDialog .table-wrap .col-2, .salaryDialog .table-wrap .col-2, .inflowsManaging .table-wrap .col-2 { width: 16.66667%; } .foreignDialog .table-wrap .col-5, .salaryDialog .table-wrap .col-5, .inflowsManaging .table-wrap .col-5 { width: 41.66667%; } .foreignDialog .table-wrap .cols-wrap > div, .salaryDialog .table-wrap .cols-wrap > div, .inflowsManaging .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, .inflowsManaging .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, .inflowsManaging .payment-filter-box .page-text-2 { padding-right: 25px; display: inline-block; margin-bottom: 15px; line-height: 1; -webkit-transition: color 0.5s; transition: color 0.5s; } .foreignDialog .payment-row, .salaryDialog .payment-row, .inflowsManaging .payment-row { min-height: 54px; color: #000; } .foreignDialog .group-inner.no-margin, .salaryDialog .group-inner.no-margin, .inflowsManaging .group-inner.no-margin { margin-bottom: 0; } .foreignDialog .modal-inner .table-layout .group-inner, .salaryDialog .modal-inner .table-layout .group-inner, .inflowsManaging .modal-inner .table-layout .group-inner { width: 100%; } .foreignDialog .show-per-page.full-width, .salaryDialog .show-per-page.full-width, .inflowsManaging .show-per-page.full-width { width: 100%; } .foreignDialog .modal-inner .table-layout .group-inner, .salaryDialog .modal-inner .table-layout .group-inner, .inflowsManaging .modal-inner .table-layout .group-inner { width: 100%; } .foreignDialog .table-wrap .cols-wrap > div.offset-right, .salaryDialog .table-wrap .cols-wrap > div.offset-right, .inflowsManaging .table-wrap .cols-wrap > div.offset-right { padding-right: 30px; } .foreignDialog .form-button-footer, .salaryDialog .form-button-footer, .inflowsManaging .form-button-footer { width: 100%; padding-top: 40px; border-top: 1px solid #8294a8; row-gap: 10px; } .foreignDialog .table-layout .buttons, .salaryDialog .table-layout .buttons, .inflowsManaging .table-layout .buttons { max-width: 220px; width: 100%; } .foreignDialog .table-layout .buttons .btn-1, .salaryDialog .table-layout .buttons .btn-1, .inflowsManaging .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, .inflowsManaging .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, .inflowsManaging .btn-1.color-3.orange-text { color: #ff5858; border: 1px solid #ff5858; } .foreignDialog .table-layout .total-amount, .salaryDialog .table-layout .total-amount, .inflowsManaging .table-layout .total-amount { max-width: 330px; } .foreignDialog .table-layout .total-amount .group-inner, .salaryDialog .table-layout .total-amount .group-inner, .inflowsManaging .table-layout .total-amount .group-inner { max-width: 162px; width: 100%; padding-right: 0; } .foreignDialog .tableFilter.currencyExchangeOverviewFilter, .salaryDialog .tableFilter.currencyExchangeOverviewFilter, .inflowsManaging .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, .inflowsManaging .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, .inflowsManaging .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, .inflowsManaging .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter { padding: 16px 0 !important; } .ForeignOrderReportCorporateV3 .group-inner, .ForeignOrderReportCorporateV3 .transaction-filter { margin-bottom: 14px !important; } .ForeignOrderReportCorporateV3 .dot-menu-text-wrapper { top: -64px; } .ForeignOrderReportCorporateV3 .transaction-filter-box { min-width: 200px; } .ForeignOrderReportCorporateV3 .transaction-filter-date { margin-top: 10px; } /*.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 { transform: translateY(-50%) !important; } .salaryDialog .modal-title-wrapper { margin-bottom: 20px; } .salaryDialog .modal-title-wrapper .left-title .page-text.number { 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-bottom: 0px !important; } .salaryDialog .popup-table-footer { width: 54.5%; margin-left: auto; padding: 10px 0 25px; } .salaryDialog .btn-3 { position: relative; display: inline-block; width: 40px; height: 40px; padding: 6px; border: 1px solid #0a79b8; -webkit-transition: background 0.3s; transition: background 0.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 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.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; color: #353f4a; } .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 { margin-top: 6px; margin-left: -2px; } .salaryDialog .searchBox input { border: 1px solid #b4bfcb; border-radius: 6px; padding: 6px 10px; } .SalariesPaymentOrderCorporateV2 { position: relative; margin-bottom: 50px; margin-top: 30px; } .SalariesPaymentOrderCorporateV2 .s-widget-header { margin-bottom: 40px; } .SalariesPaymentOrderCorporateV2 .btn-1.logout.table { padding: 16px 12px !important; } .SalariesPaymentOrderCorporateV2 .btn-1.logout.table span { font-family: "pt_sansregular", sans-serif; } .SalariesPaymentOrderCorporateV2 .group-inner { margin-bottom: 20px; } .SalariesServerOrderListCorporateV2, .OrderPackageListCorporateV3, .OrderPackageDetailsCorporateV3, .DomesticOrderListCorporateV3 { margin-bottom: 50px; } .OrderPackageListCorporateV3, .OrderPackageReportCorporateV3, .ForeignOrdersReviewCorporateV3, .ForeignOrderReportCorporateV3, .CreditorTemplateManagingForeignV2, .ExchangeOfficeOverviewCorporateV2, .CurrencyExchangeCorporateV2 { margin-top: 30px; } .ForeignOrdersReviewCorporateV3 { position: relative; } .ForeignOrdersReviewCorporateV3 .gvForeignOrdersReview { margin-top: 40px; } .ForeignOrdersReviewCorporateV3 tbody tr td:nth-child(7), .ForeignOrdersReviewCorporateV3 tbody tr td:nth-child(5), .ForeignOrdersReviewCorporateV3 tbody tr td:nth-child(9) { text-align: center; } .ForeignOrdersReviewCorporateV3 thead tr th:nth-child(5) div { text-align: left; } .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, .DomesticOrderPublicCorporateV3 { max-width: 820px; margin: 0 auto; } .DomesticOrderCorporateV3 .amount .validationMessage, .DomesticOrderPublicCorporateV3 .amount .validationMessage { white-space: unset; height: 20px; } .DomesticOrderCorporateV3 .domestic-mode .dk-select-options, .DomesticOrderCorporateV3 .domesticPublic-mode .dk-select-options, .DomesticOrderCorporateV3 .creditAccounts .dk-select-options, .DomesticOrderPublicCorporateV3 .domestic-mode .dk-select-options, .DomesticOrderPublicCorporateV3 .domesticPublic-mode .dk-select-options, .DomesticOrderPublicCorporateV3 .creditAccounts .dk-select-options { height: auto; } .DomesticOrderCorporateV3 .validationMessage, .DomesticOrderPublicCorporateV3 .validationMessage { font-size: 10px; } .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: 45px; } .debitAccountSelectDialog, .languageSelectDialog { padding: 25px 14px 40px 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; } .debitAccountSelectDialog .all-account-popup-title { padding: 12px 0px 0px 0px; } .debitAccountSelectDialog .inner-content-dialog { height: 280px; } .inflowsManaging { width: 1000px !important; height: 800px !important; } .user-intro-section-profile-box.companyInfo { border-right: 1px dotted #fff; border-left: 1px dotted #fff; padding-left: 5px; 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; font-family: "pt_sansregular", sans-serif !important; } .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: 325px !important; } .languageSelectDialog .page-text { margin-bottom: unset; } .debitAccountSelectDialog .page-text { margin-bottom: unset; } .legalEntityBox { max-height: 400px; } .legalEntityBox .legalEntityContainer { height: 100%; } .legalEntityBox .legalEntityContainer .entity-box .entity-box-col-1 .page-text-2 { font-family: "pt_sansregular", sans-serif !important; } .detailTable td { border-bottom: 1px solid #ddd; padding: 4px; } /*.foreignInstructions { width: 450px !important; padding: 0.5em 1em; .instructionItems { display: flex; padding: 8px; .instructionName { font-weight: bold; width: 150px; } .instructionValue { width: 150px; float: right; } } }*/ .details-dialog.foreignInstructions { transform: translateY(-50%) !important; } .details-dialog.foreignInstructions .ui-dialog-titlebar { margin-bottom: 30px; } .details-dialog.foreignInstructions .ui-dialog-content { padding: 0; } .paymentCodeCustomInput { margin: 0; padding: 15px 35px 15px 16px; border-radius: 6px; box-sizing: border-box; border: 0; height: 100%; width: 100%; } .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner { width: 100%; } .ui-dialog.accountBlockedFunds { transform: translateY(-50%) !important; } .cardUndueLiabilities { width: 800px !important; } .salaryDialog .page_link { padding: 6px; color: #8294a8; } .salaryDialog .page_link.active_page { font-weight: bold; color: #333333; } .salaryDialog .page_link { display: none !important; } .salaryDialog .dk-selected { padding: 12px 35px 12px 16px; } .salaryDialog .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter { padding: 15px 0 !important; } .salaryDialog .select-1.disable .dk-selected:after { display: none; } .salaryDialog .payment-filter-recipient:first-child { width: 10%; } .salaryDialog .col-3 { width: 30% !important; } .salaryDialog .payment-row div { box-sizing: border-box; } .salaryDialog .payment-row div:first-child { width: 10%; } .languageSelectDialog .page-text, .debitAccountSelectDialog .page-text { font-weight: bold; } .languageSelectDialog .popup-profile-options, .debitAccountSelectDialog .popup-profile-options { position: relative; } .languageSelectDialog .popup-profile-options .profile-text-arrow, .debitAccountSelectDialog .popup-profile-options .profile-text-arrow { position: absolute; right: 10px; top: 50%; } .DomesticOrderCorporateV3 .group-inner .select-1.dk-select-open-down .dk-selected, .DomesticOrderCorporateV3 .group-inner .select-1.dk-select-open-up .dk-selected, .ForeignOrderCorporateV3 .group-inner .select-1.dk-select-open-down .dk-selected, .ForeignOrderCorporateV3 .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, .creditorTemplateForeignDialog .group-inner .select-1.dk-select-open-down .dk-selected, .creditorTemplateForeignDialog .group-inner .select-1.dk-select-open-up .dk-selected, .ExchangeOfficeCorporateV2 .group-inner .select-1.dk-select-open-down .dk-selected, .ExchangeOfficeCorporateV2 .group-inner .select-1.dk-select-open-up .dk-selected, .salaryDialog .group-inner .select-1.dk-select-open-down .dk-selected, .salaryDialog .group-inner .select-1.dk-select-open-up .dk-selected, .inflowsManaging .group-inner .select-1.dk-select-open-down .dk-selected, .inflowsManaging .group-inner .select-1.dk-select-open-up .dk-selected, .foreignDialog .group-inner .select-1.dk-select-open-down .dk-selected, .foreignDialog .group-inner .select-1.dk-select-open-up .dk-selected, .domesticDialog .group-inner .select-1.dk-select-open-down .dk-selected, .domesticDialog .group-inner .select-1.dk-select-open-up .dk-selected, .domesticPublicDialog .group-inner .select-1.dk-select-open-down .dk-selected, .domesticPublicDialog .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; z-index: 27; } .ExchangeOfficeCorporateV2 { position: relative; } .ExchangeOfficeCorporateV2 .s-widget-title { margin-bottom: 41px !important; } .OrderPackageDetailsCorporateV3 .gvOrderList { margin-top: 40px; } .OrderPackageDetailsCorporateV3 .filter-error-text { max-width: none; margin-bottom: 20px; border-top: 1px solid #C7C7C7; border-bottom: 1px solid #C7C7C7; } .DomesticOrderListCorporateV3 thead tr th:nth-child(6) div, .DomesticOrderListCorporateV3 thead tr th:nth-child(9) div { text-align: left; } .DomesticOrderListCorporateV3 tbody tr td:nth-child(8) { max-width: 240px; word-break: break-word; } .DomesticOrderListCorporateV3 tbody tr td:nth-child(12) { text-align: right; } .DomesticOrderListCorporateV3 tbody tr td:nth-child(3) { text-align: center; } .DomesticOrderListCorporateV3 tbody tr td:nth-child(6) { text-align: center; } .DomesticOrderListCorporateV3 tbody tr td:nth-child(7) { text-align: left; } .DomesticOrdersReviewCorporateV3 { position: relative; } .DomesticOrdersReviewCorporateV3 .s-widget-header { margin-bottom: 40px; } .ForeignOrderListCorporateV3 tbody tr td:nth-child(9) { max-width: 240px; word-break: break-word; } .s-widget-title { margin-bottom: 0px !important; } .dk-select-options { scrollbar-width: thin; } .inflowsManaging .foreign-payment-form.small-padding { padding: 19px 22px; } .inflowsManaging .payment-info-grid { display: -ms-grid; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 20px; } .inflowsManaging .no-wrap { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .inflowsManaging .info-grid-item { gap: 0 10px; } .inflowsManaging .info-grid-item p { width: 50%; } .inflowsManaging .payment-info-label { width: 25%; padding-right: 10px; } .inflowsManaging .payment-info-value { width: 73%; } .inflowsManaging button { font-weight: bold !important; } .inflowsManaging .modal-title { font-weight: bold; } .inflowsManaging .fast-pay-menu-wrapper h4 { width: 100%; } .inflowsManaging .payment-filter-wrapper .payment-filter, .inflowsManaging .payment-filter-wrapper .payment-info-wrapper { min-width: 900px; } .inflowsManaging .group-inner.inflow-double-input { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; } .inflowsManaging .table-wrap .cols-wrap > div.smallest-offset-right { padding-right: 9px; } .inflowsManaging .table-wrap .cols-wrap > div.small-offset-left { padding-left: 30px; } .inflowsManaging .group-inner.inflow-double-input .input-wrap:first-child { width: 60%; } .inflowsManaging .group-inner.inflow-double-input .input-wrap:nth-child(2) { width: 36%; } .inflowsManaging .table-wrap .col-3 { width: 25%; } .inflowsManaging .total-amount-wrapper { position: relative; } .inflowsManaging .total-amount-wrapper .input-wrap { position: unset; } .inflowsManaging .validationMessage { font-size: 11px; } .ForeignOrderCorporateV3 .foreign-code .dk-select-options { top: 35px; padding-top: 0px; width: 98.5%; z-index: 22; border-radius: 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; box-shadow: unset; } .ForeignOrderCorporateV3 .foreign-code .select-1.dk-select-open-down .dk-selected { border-right: 1px solid #0faaea; } .foreignDialog .dk-select-options { height: auto; } .foreignDialog .select-1 .dk-selected, .foreignDialog input, .foreignDialog .group-inner.account-creation .input-1 { height: 40px; } .domesticDialog .dk-select-options { height: 150px; } .domesticPublicDialog .dk-select-options { height: auto; } .creditorTemplateDialog .payment-code-template ul { max-height: 190px; } .creditorTemplateDialog .payment-code-template .dk-select-options { top: 35px; padding-top: 0px; width: 99%; z-index: 22; border-radius: 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; box-shadow: unset; } .creditorTemplateDialog .payment-code-template .select-1.dk-select-open-down .dk-selected { border-right: 1px solid #0faaea; } .OrderPackageDetailsCorporateV3 tbody tr td:nth-child(9) { max-width: 240px; word-break: break-word; } .ExchangeOfficeOverviewCorporateV2 .gvManagedOrders { overflow-x: auto; } .ui-dialog .error-summary { color: #ff5858; font-size: 14px; font-weight: bold; } .commissionBlock { display: none !important; } .no-yes-dialog.accountEditSlider.downloadInfo .ui-dialog-content { display: block; word-break: break-all; } .no-yes-dialog.accountEditSlider.downloadInfo .ui-dialog-buttonpane .ui-dialog-buttonset { padding: 0px; float: none !important; display: flex !important; justify-content: center !important; align-items: center !important; width: 100%; } .no-yes-dialog.accountEditSlider.downloadInfo .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button { background-color: #ededed !important; color: #0a79b8 !important; background: #ededed; border: 1px solid #DCDCDC; width: 30%; } .loanDetailsPopup.supplementaryDetails .transaction-popup-detail .dot-menu { padding: 5px 10px; border-radius: 12px; display: flex; justify-content: center; align-items: center; width: auto; } .ui-dialog.details-dialog.cardUndueLiabilities.supplementary { min-width: 650px !important; } .ui-dialog.details-dialog.cardUndueLiabilities.supplementary table { width: 100% !important; text-align: left; margin-bottom: 0; } .ui-dialog.details-dialog.cardUndueLiabilities.supplementary table tr td { padding-top: 10px; } /*# sourceMappingURL=theme.css.map */ /*#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; } } /*#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 */ .LoginCorporateV2 .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"); } .LoginCorporateV2 .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; } .LoginCorporateV2 .login-form-col .inner { width: 350px; padding-top: 116px; margin: 0 auto 20px; } .LoginCorporateV2 .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; } .LoginCorporateV2 .login-form-col .inner .login-form { position: relative; } .LoginCorporateV2 .login-form-col .inner .login-form .login-download-wrap { position: absolute; top: -190px; right: -70px; z-index: 1; } .LoginCorporateV2 .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; } .LoginCorporateV2 .login-form-col .inner .login-form .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); } .LoginCorporateV2 .login-form-col .inner .login-form .login-download-wrap .pdf-download svg { fill: #0a79b8; stroke: #0a79b8; } .LoginCorporateV2 .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; } .LoginCorporateV2 .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: 35px; } .LoginCorporateV2 .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: 0px 8px 10px rgba(0, 0, 0, 0.08); border-radius: 6px; transform: translateX(0); transition: transform 0.3s; } .LoginCorporateV2 .login-form-col .inner .login-form .custom-switch.active { color: rgba(0, 0, 0, 0.87); } .LoginCorporateV2 .login-form-col .inner .login-form .custom-switch.active-1:before { transform: translateX(0); } .LoginCorporateV2 .login-form-col .inner .login-form .custom-switch.active-2:before { transform: translateX(100%); } .LoginCorporateV2 .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 0.3s; cursor: pointer; position: relative; /* &:hover { color: $color-13; }*/ } .LoginCorporateV2 .login-form-col .inner .login-form .custom-switch span.active { color: #FFFFFF; } .LoginCorporateV2 .login-form-col .inner .login-form .login-title { margin-bottom: 58px; } .LoginCorporateV2 .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; } .LoginCorporateV2 .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; } .LoginCorporateV2 .login-form-col .inner .login-form .login-title .step-wrapper { text-align: center; margin-bottom: 20px; margin-top: 40px; } .LoginCorporateV2 .login-form-col .inner .login-form .login-title .step-wrapper .step-circle { display: inline-block; position: relative; width: 32px; height: 32px; background-color: #ebecf2; border-radius: 50%; } .LoginCorporateV2 .login-form-col .inner .login-form .login-title .step-wrapper .step-circle:not(:last-child) { margin-right: 24px; } .LoginCorporateV2 .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; } .LoginCorporateV2 .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; } .LoginCorporateV2 .login-form-col .inner .login-form .login-title .step-wrapper .step-circle.active { background-color: #0a79b8; border-color: #0a79b8; } .LoginCorporateV2 .login-form-col .inner .login-form .login-title .step-wrapper .step-circle.active .step-number { color: white; } .LoginCorporateV2 .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; } .LoginCorporateV2 .login-form-col .inner .login-form .login-title .radio-wrap:not(:last-child) { margin: 20px 0 13px 0; } .LoginCorporateV2 .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, 0.54); background: transparent; margin-top: 0px; margin-right: 17px; position: relative; pointer-events: none; } .LoginCorporateV2 .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; } .LoginCorporateV2 .login-form-col .inner .login-form .login-title .radio-wrap i { pointer-events: none; } .LoginCorporateV2 .login-form-col .inner .login-form .login-title .radio-wrap.active .checkmark { border: 2px solid #52ae30; margin-right: 15px; } .LoginCorporateV2 .login-form-col .inner .login-form .login-title .radio-wrap.active .checkmark:after { opacity: 1; } .LoginCorporateV2 .login-form-col .inner .login-form .signup-tab .qrLogic { text-align: center; } .LoginCorporateV2 .login-form-col .inner .login-form .qr-wrap .qr-img-wrap { margin-bottom: 10px; } .LoginCorporateV2 .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%; } .LoginCorporateV2 .login-form-col .inner .login-form .qr-wrap .qr-time { color: #0a79b8; } .LoginCorporateV2 .login-form-col .inner .login-form .qr-wrap .qr-text { color: #8294a8; margin-bottom: 7px; } .LoginCorporateV2 .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; } .LoginCorporateV2 .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; } .LoginCorporateV2 .login-form-col .inner .login-form .qr-wrap .letter-spacing-1 { letter-spacing: -.02em; } .LoginCorporateV2 .login-form-col .inner .login-form .qr-wrap p { margin-bottom: 0; } .LoginCorporateV2 .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, 0.87); padding: 20px 0; margin-bottom: 15px; display: inline-block; } .LoginCorporateV2 .login-form-col .inner .login-form .forgot-pass.activate { margin-bottom: 0; padding: 0; } .LoginCorporateV2 .login-form-col .inner .login-form .forgot-pass-wrapper { display: block; text-align: center; } .LoginCorporateV2 .login-form-col .inner .login-form .forgot-pass-wrapper a { color: #0a79b8; text-decoration: underline; display: inline-block; font-size: 15px; } .LoginCorporateV2 .login-form-col .inner .login-form .form-group .group-inner { margin-bottom: 30px !important; width: 350px; } .LoginCorporateV2 .login-form-col .inner .login-form .form-group .group-inner .dk-select .dk-select-options { position: absolute; display: none; left: 0; right: 0; } .LoginCorporateV2 .login-form-col .inner .login-form .form-group .group-inner .dk-select .dk-select-options.active { display: block !important; opacity: 1; visibility: visible; } .LoginCorporateV2 .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; } .LoginCorporateV2 .login-form-col .inner .login-form .form-group .group-inner .select-1 { position: relative; } .LoginCorporateV2 .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: #FFFFFF; top: 30px; } .LoginCorporateV2 .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; } .LoginCorporateV2 .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, 0.87); padding: 14px 35px 14px 16px; border: 1px solid #b4bfcb; background: #FFFFFF; border-radius: 6px; outline: none; position: relative; cursor: pointer; z-index: 21; box-sizing: border-box; height: 50px; max-height: unset; } .LoginCorporateV2 .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; } .LoginCorporateV2 .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; } .LoginCorporateV2 .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: #FFFFFF; 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); } .LoginCorporateV2 .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, 0.87); text-align: left; background: transparent; border-top: 1px solid transparent; -webkit-transition: background .3s; transition: background .3s; /*&:first-child { border: 2px solid #0faaea; border-bottom: none; }*/ } .LoginCorporateV2 .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, 0.87); } .LoginCorporateV2 .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; } .LoginCorporateV2 .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%); } .LoginCorporateV2 .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%); } .LoginCorporateV2 .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%); } .LoginCorporateV2 .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: #FFFFFF; position: relative; } .LoginCorporateV2 .login-form-col .inner .login-form .form-group .group-inner .input-wrap.focusin { border-color: #73e3eb; } .LoginCorporateV2 .login-form-col .inner .login-form .form-group .group-inner .input-wrap.focusin .input-1 { border-color: #0a79b8; } .LoginCorporateV2 .login-form-col .inner .login-form .form-group .group-inner .input-wrap.borderError .input-1 { border-color: red; } .LoginCorporateV2 .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, 0.87); padding: 16px; border: 1px solid #b4bfcb; background: #FFFFFF; border-radius: 8px; -webkit-transition: border-color .3s; transition: border-color .3s; margin: 0; -webkit-appearance: none; box-sizing: border-box; } .LoginCorporateV2 .login-form-col .inner .login-form .form-group .group-inner .input-wrap .input-1.activate { font-family: 'Source-Sans-Pro' !important; } .LoginCorporateV2 .login-form-col .inner .login-form .btn-1 { font-weight: 600; width: 100%; } .LoginCorporateV2 .login-form-col .inner .login-form .btn-1.color-1 { color: #FFFFFF; background: linear-gradient(90deg, #006de6, #00b2e6); /*&:hover { background: $color-11; }*/ } .LoginCorporateV2 .login-form-col .inner .login-form .btn-1.color-2 { color: #0a79b8; background: transparent; border: 1px solid #0a79b8; } .LoginCorporateV2 .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; } .LoginCorporateV2 .login-form-col .inner .passRules .ui-dialog-titlebar { margin: 0 0 30px 0 !important; width: 100% !important; } .LoginCorporateV2 .login-form-col .inner .passRules .btn-1 { margin-top: 30px; } .LoginCorporateV2 .login-form-col .inner .passRules .rule-wrapper { display: flex; margin-bottom: 10px; } .LoginCorporateV2 .login-form-col .inner .passRules .rule-wrapper .rule { display: flex; align-items: center; margin-right: 5px; } .LoginCorporateV2 .login-form-col .inner .passRules .rule-wrapper .rule:before { content: ''; width: 8px; height: 8px; background-color: black; border-radius: 50%; display: inline-block; margin-right: 8px; transform: translateY(-1px); } .LoginCorporateV2 .login-form-col .copyright-wrapper { display: block; text-align: center; height: 75px; } .LoginCorporateV2 .login-form-col .copyright-wrapper a { color: #0a79b8; text-decoration: underline; display: inline-block; font-size: 15px; } .LoginCorporateV2 .login-form-col .copyright-wrapper .login-copy { font-size: 15px; letter-spacing: -.02em; line-height: 20px; text-align: center; color: rgba(0, 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%; /* p { max-width: 390px; font-family: $mainfont; font-size: 24px; line-height: 30px; text-align: left; color: $color-13; margin-bottom: 35px; }*/ } .LoginBackground .login-promo-main .content-inner h3 { font-family: "Source-Sans-Pro-bold", sans-serif; line-height: 1.1; font-size: 130px; letter-spacing: -0.02em; text-align: left; color: #FFFFFF; } .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 #FFFFFF; } .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 0.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, 0.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: #FFFFFF; transform: scale(1); transition: transform 0.3s; } .LoginBackground .login-promo-main .content-inner .play-btn > span { display: inline-block; font-weight: 600; font-size: 15px; letter-spacing: -0.02em; line-height: 16px; text-align: left; color: #FFFFFF; text-transform: uppercase; transform: translateX(0); transition: transform 0.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(0px 3px 6px rgba(0, 0, 0, 0.16)); } @keyframes rotation { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } /*.Html, .Support{*/ .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, 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, 0.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: #FFFFFF; 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: #FFFFFF; } .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: -0.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(0px); transition: transform 0.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; /* margin-top: -60px; */ right: 24px; } .NoticesSlider .slider-wrapper .slider-wrapper_middle .widget-header p { float: left; font-size: 13px; color: grey; } .NoticesSlider .slider-wrapper .slider-wrapper_bottom { padding: 24px 0; border-top: 1px solid rgba(255, 255, 255, 0.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, 0.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: #FFFFFF; } .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 { float: right; } .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 0.3s; } .NoticesSlider .slider-wrapper .slider-wrapper_bottom .social .social-icon { border: 2px solid rgba(255, 255, 255, 0.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: #FFFFFF; } .NoticesSlider .slider-wrapper .slider-wrapper_bottom .social .filled { background: linear-gradient(45deg, #0079ff, #00c6ff); transition: background-color 0.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: #FFFFFF; transition: stroke 0.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: #FFFFFF; } .NoticesSlider .slider-wrapper .slider-wrapper_bottom .social .msgico:hover { background-color: rgba(10, 121, 184, 0.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: 0px solid blue; background-color: #fff; width: 1px; height: 1px; border-radius: 11px; -webkit-transition: width 0.3s, background-color 0.3s; transition: width 0.3s, background-color 0.3s; opacity: 1; margin: 0px 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 0.5s, visibility 0.5s; padding: 80px 0px !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: #FFFFFF; padding: 40px; box-shadow: 0px 8px 16px 0 rgba(0, 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: -0.02em; text-align: left; color: rgba(0, 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: 0px !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, 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: #FFFFFF; box-shadow: 0px 8px 16px 0 rgba(0, 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 0.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: -0.02em; text-align: left; color: rgba(0, 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 0.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: -0.02em; text-align: left; color: rgba(0, 0, 0, 0.87); margin-bottom: 0; } .support-dialog .account-box .expand-icon { width: 14px; height: 14px; position: absolute; top: 50%; right: 0px; 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: -0.02em; line-height: 20px; color: rgba(0, 0, 0, 0.87); } .support-dialog .account-box .hidden-inner { padding-top: 18px; } .support-dialog .account-box.open { background: #FFFFFF; } .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: #000000 !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: black; opacity: 0.3; z-index: 100; width: 100%; height: 100vh; transition: top 0.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(0.7); top: 0px; } .info-links { top: 43px; display: block !important; position: relative; margin-right: 20px; } .info-links a { padding: 0px 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, 0.87) !important; } .app-store { position: relative; bottom: 0; left: 0; background-color: inherit; z-index: 1; } .app-store div { float: left; margin-top: 0px; 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; left: 39%; } .DomesticOrderListCorporateV3 .flex-layout, .OrderPackageListCorporateV3 .flex-layout, .ForeignOrderListCorporateV3 .flex-layout, .SalariesServerOrderListCorporateV2 .flex-layout, .InflowsCorporateV2 .flex-layout { flex-wrap: wrap; } .DomesticOrderListCorporateV3 .transaction-filter-inner .transaction-filter-box .transaction-filter input, .OrderPackageListCorporateV3 .transaction-filter-inner .transaction-filter-box .transaction-filter input, .ForeignOrderListCorporateV3 .transaction-filter-inner .transaction-filter-box .transaction-filter input, .SalariesServerOrderListCorporateV2 .transaction-filter-inner .transaction-filter-box .transaction-filter input, .InflowsCorporateV2 .transaction-filter-inner .transaction-filter-box .transaction-filter input { padding: 0px 34px 11px 16px !important; } .OrderPackageReportCorporateV3 .transaction-filter-inner, .OrdersFromOrderPackagesListCorporateV3 .transaction-filter-inner { flex-wrap: wrap; } } @media only screen and (max-width: 1600px) { .AccountSlider .tabslider { position: absolute; z-index: 26; top: 55px; width: 220px; left: 39%; } .slider-wrapper_bottom ul.widget-options { width: 170px; display: flex; flex-direction: row-reverse; justify-content: flex-end; } .slider-wrapper_bottom .social li { margin-bottom: 5px; } } @media only screen and (max-width: 1550px) { .CurrencyCalculatorCorporate { padding: 0 40px 10px; } .advert { margin-right: 20px; } } @media only screen and (min-width: 1500px) { .OrderPackageReportCorporateV3 .tableFilter.flex-layout .pdf-wrapper { align-items: center; } .OrderPackageReportCorporateV3 .tableFilter.flex-layout .pdf-wrapper a { height: 28px; margin-top: 20px; } .OrderPackageReportCorporateV3 .tableFilter.flex-layout .pdf-wrapper a span { text-wrap: nowrap; } } @media only screen and (max-width: 1500px) { .AccountSlider .highcharts-container { transform: translateX(0px); } .slider-wrapper { width: calc(100% - 120px) !important; } .DomesticOrderListCorporateV3 .flex-layout, .OrderPackageListCorporateV3 .flex-layout, .ForeignOrderListCorporateV3 .flex-layout, .SalariesServerOrderListCorporateV2 .flex-layout, .InflowsCorporateV2 .flex-layout { flex-wrap: wrap; } .OrderPackageReportCorporateV3 .transaction-filter-inner, .OrdersFromOrderPackagesListCorporateV3 .transaction-filter-inner { flex-wrap: wrap; } .OrderPackageReportCorporateV3 .tableFilter.flex-layout { flex-wrap: wrap; } .OrderPackageReportCorporateV3 .tableFilter.flex-layout .transaction-filter-inner .transaction-filter-box { min-width: 180px; } .OrderPackageReportCorporateV3 .tableFilter.flex-layout .pdf-wrapper { margin-left: unset !important; margin-top: 10px; align-items: center; } } @media only screen and (min-width: 1921px) { .tabslider { left: 44% !important; } } @media only screen and (min-width: 1400px) { #content_wrap #page-header.messageHub-header:after { height: 165px !important; } .AccountStatementsCorporate .account-statement-pdf-download, .CardStatementsCorporate .account-statement-pdf-download, .DepositStatementsCorporate .account-statement-pdf-download { width: 76%; padding-right: 25px; } .AccountStatementsCorporate .account-statements-info .group-inner, .CardStatementsCorporate .account-statements-info .group-inner, .DepositStatementsCorporate .account-statements-info .group-inner { width: 17%; } .CreditorTemplateManaging .account-statement-pdf-download { width: 82%; } .AccountSlider .user-intro-select-wrapperSlider { padding: 3px 3px; margin-left: 0; } .CurrencyExchangeCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box { width: 30%; } .slider-wrapper { width: calc(100% - 80px) !important; } .chartView { zoom: 100%; } .user-intro-section-profile-box.companyInfo { border-left: none; } } @media only screen and (max-width: 1400px) { #content_wrap #page-header.messageHub-header:after { height: 165px !important; } .UserInfoCorporate .UserInfoHeader { padding-right: 20px; } .UserInfoCorporate .UserInfoHeader .user-intro-section-name .title-1, .UserInfoCorporate .UserInfoHeader .user-intro-section-name span.name { font-size: 28px; } .UserInfoCorporate .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 .UserInfoCorporate .UserInfoHeader .user-heading h2 { padding-left: 0; } .AccountSlider .tabslider { position: absolute; z-index: 26; top: 55px; width: 220px; left: 39%; } .AccountSlider .user-intro-select-wrapper { left: 50%; right: auto; transform: translate(-50%, 0); } .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; } .AccountTurnoverCorporate .tableFilter, .AccountPosTrasactionCorporate .tableFilter, .AccountStatementsCorporate .tableFilter, .DepositStatementsCorporate .tableFilter, .DepositTurnoverCorporate .tableFilter { position: relative; } .AccountTurnoverCorporate .tableFilter .transaction-filter-inner, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner, .AccountStatementsCorporate .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; } .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .AccountStatementsCorporate .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); } .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .filterButton, .AccountStatementsCorporate .tableFilter .transaction-filter-inner .filterButton, .DepositStatementsCorporate .tableFilter .transaction-filter-inner .filterButton, .DepositTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton { bottom: auto; } .AccountTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2), .AccountStatementsCorporate .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%; } .AccountTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(3), .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(3), .AccountStatementsCorporate .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%; } .AccountTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(4), .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(4), .AccountStatementsCorporate .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%; } .AccountTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td:last-child, .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table tbody tr td:last-child, .AccountStatementsCorporate .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%; } .dashboard.accountTurnover .gvAccountTurnoverPreview table tbody tr td:nth-child(3) { width: 22.5%; } .dashboard.accountTurnover .gvAccountTurnoverPreview table tbody tr td:nth-child(4) { width: 28%; } .dashboard.accountTurnover .gvAccountTurnoverPreview table tbody tr td:last-child { width: 10%; } .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%; } .CardTurnoverCorporate .tableFilter .transaction-filter-inner { width: 100%; } .CardTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box { width: -webkit-calc(33.3333% - 22px); width: calc(33.3333% - 22px); } .CardTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton { bottom: auto; } .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); } .LoanBalancePreviewCorporate .relative .title-1.font-2, .AccountBalancePreviewCorporate .relative .title-1.font-2, .DepositBalancePreviewCorporate .relative .title-1.font-2 { font-size: 28px !important; } .LoanRepaymentsCorporate .payment-filter .payment-filter-box:first-child { width: 22.5%; } .LoanRepaymentsCorporate .payment-filter .payment-filter-recipient { width: 30%; } .LoanRepaymentsCorporate .payment-filter .payment-filter-amount { width: 41% !important; } .LoanRepaymentsCorporate .loan-filter-wrapper .payment-info-date { width: 22.5%; } .LoanRepaymentsCorporate .loan-filter-wrapper .payment-info-recipient { width: 30%; } .LoanRepaymentsCorporate .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; } .AccountTurnoverCorporate .form-error-message-block { top: 270px; } .AccountStatementsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box { width: -webkit-calc(33.3333% - 50px); width: calc(33.3333% - 50px); } .AccountStatementsCorporate .form-error-message-block { top: 145px; } .DepositStatementsCorporate .transaction-filter-box { max-width: 200px; } .DepositStatementsCorporate .form-error-message-block { top: 125px; } .CardTurnoverCorporate .form-error-message-block { top: 205px; } .CardSpendingCorporate .form-error-message-block { top: 250px; } .DepositTurnoverCorporate .form-error-message-block { top: 186px; } .AccountPosTrasactionCorporate { margin-top: 20px; } .AccountPosTrasactionCorporate .form-error-message-block { margin-top: 20px; top: 207px; width: 92%; } .CurrencyCalculatorCorporate .form-error-message-block, .dashboard.CurrencyCalculatorCorporate .form-error-message-block { width: 85%; } .CurrencyCalculatorCorporate .s-widget-body, .dashboard.CurrencyCalculatorCorporate .s-widget-body { margin-top: 50px; } .ExchangeOfficeCorporateV2 .exchange-form-wrapper .multiple-inputs-line .group-inner .currency-buy .dk-selected { margin-left: 10px; } .DomesticOrderReportCorporateV3 .form-error-message-block { top: 250px; } .InflowsCorporateV2 .tableFilter { margin-bottom: 65px; } .InflowsCorporateV2 .tableFilter .transaction-filter input { padding: 0 34px 11px 16px !important; } .InflowsCorporateV2 .form-error-message-block { top: 150px; } } @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: 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 (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.orderCommissionDialog .account-item-inner { height: 70vh; } .details-dialog.orderCommissionDialog .popup-buttons-wrapper { margin-top: 20px; } } @media only screen and (max-height: 850px) { .details-dialog.exchangeResultView .account-item-inner { height: 65vh; } } @media only screen and (max-height: 800px) { .details-dialog.orderCommissionDialog .account-item-inner { height: 65vh; } } @media only screen and (max-height: 700px) { .details-dialog.exchangeResultView .account-item-inner { height: 60vh; } } @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: 790px !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: 860px; 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-section-profile-box.companyInfo { border-left: none; } .NoticesSlider .slider-wrapper_bottom { padding-top: 50px !important; } .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; } .s-widget.MessageHubNotificationList .notificationMsgList .widget-tabs { top: -320px; } #content_wrap { width: 100%; padding-top: 50px; margin-bottom: -92px; } #content_wrap #page-header:after { height: 417px; } #content_wrap #page-header.dashboard-header .UserInfoCorporate .UserInfoHeader { padding-bottom: 50px; } #content_wrap #page-header:not(.dashboard-header):after { height: 204px; } #content_wrap #page-header:not(.dashboard-header) .UserInfoCorporate .UserInfoHeader .user-intro-section-name .title-1, #content_wrap #page-header:not(.dashboard-header) .UserInfoCorporate .UserInfoHeader .user-intro-section-name span.name, #content_wrap #page-header:not(.dashboard-header) .UserInfoCorporate .UserInfoHeader .user-heading .title-1, #content_wrap #page-header:not(.dashboard-header) .UserInfoCorporate .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 .UserInfoCorporate .UserInfoHeader, #content_wrap #page-header.beneficiaries-header .UserInfoCorporate .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 !important; } #content_wrap #page-header.my_profile-header:after { height: 250px; } #content_wrap #page-header .UserInfoCorporate .UserInfoHeader { padding-top: 20px; } #content_wrap #page-header .UserInfoCorporate .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(-100px); } .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 h3 { font-size: 80px; } .SliderTutorial .slider .slick-list { height: 35vw; } .SliderTutorial .slide { padding: 35px; height: 25vw; } .LoginCorporateV2 .login-form-col { width: 100%; min-height: 840px; height: 100%; } .LoginCorporateV2 .login-form-col .inner { padding-bottom: 0; } .LoginCorporateV2 .login-form-col .inner .site-logo { display: none; } .LoginCorporateV2 .login-form-col .inner .login-form { position: relative; } .LoginCorporateV2 .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; left: 40%; } .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); } .user-intro-section-profile { position: absolute; right: 20px; width: 65%; 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; } #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%; } .AccountStatementsCorporate .form-error-message-block { top: 145px; } .ExchangeOfficeOverviewCorporateV2 .s-widget-title { margin-top: 80px; } .DomesticOrderReportCorporateV3 .tableFilter { margin-bottom: 65px !important; } .DomesticOrderReportCorporateV3 .form-error-message-block { top: 190px; } .AccountBalancePreviewCorporate .form-error-message-block, .LoanBalancePreviewCorporate .form-error-message-block, .CardBalancePreviewCorporate .form-error-message-block, .AuthorizedAccountsCorporate .form-error-message-block, .DepositBalancePreviewCorporate .form-error-message-block { top: 150px; } .LoanAnnuityPlanCorporate .form-error-message-block, .LoanRepaymentsCorporate .form-error-message-block { top: 33px; } .ExchangeOfficeOverviewCorporateV2 .form-error-message-block { top: 200px; } .OrderPackageListCorporateV3 .form-error-message-block { top: 26px; } .OrdersFromOrderPackagesListCorporateV3 .form-error-message-block { top: 125px; } .OrderPackageReportCorporateV3 .form-error-message-block { top: 115px; } .InflowsCorporateV2 .form-error-message-block { top: 150px; } } @media only screen and (min-width: 1000px) and (max-width: 1160px) { .DomesticOrderReportCorporateV3 .form-error-message-block { top: 255px; } .ForeignOrderReportCorporateV3 .form-error-message-block { top: 270px; } } @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: 860px !important; left: 150px; } } @media only screen and (min-width: 1200px) and (max-width: 1400px) { .LoginBackground .login-promo-main .content-inner { padding-bottom: 45%; } .NoticesSlider .slider-wrapper { height: 260px; } .NoticesSlider .slider-wrapper_bottom { padding-top: 50px !important; } } @media only screen and (min-width: 800px) and (max-width: 1000px) { .notificationMsgListFilter #message-filter { flex-wrap: wrap; } .MessageHubNotificationList .dot-menu-text-wrapper.messages { transform: translateY(-265px); } .DomesticOrderReportCorporateV3 .form-error-message-block { top: 310px; } .ForeignOrderReportCorporateV3 .form-error-message-block { top: 450px; } .AccountTurnoverCorporate .dot-menu-text-wrapper, .AccountPosTrasactionCorporate .dot-menu-text-wrapper, .AccountStatementsCorporate .dot-menu-text-wrapper { flex-wrap: nowrap; top: -80px; } } @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; left: 617px; } body.LanguageLogout .languagesContainer { top: 820px; left: 150px; } } @media only screen and (min-width: 500px) and (max-width: 1000px) { .dashboard.CurrencyCalculatorCorporate .form-error-message-block { width: 90%; } } @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; left: 617px; } } @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; } .AccountBalancePreviewCorporate .wrapper.account-card-img .account-intro-inner, BalancePreviewCorporate .wrapper.account-card-img .account-intro-inner { padding: 15px 58px 15px 0px; } .AccountSlider .tabslider { position: absolute; z-index: 26; top: 100px; width: 220px; left: 37%; } } @media only screen and (min-width: 601px) and (max-width: 800px) { .MessageHubNotificationList .dot-menu-text-wrapper.messages #msg-arhive-btn { margin-left: 0px; } .AccountTurnoverCorporate .dot-menu-text-wrapper, .AccountPosTrasactionCorporate .dot-menu-text-wrapper, .AccountStatementsCorporate .dot-menu-text-wrapper { flex-wrap: nowrap; top: -100px; } .accountDetailsPopup .transaction-popup-option .page-text { width: 75% !important; } .acc-details { width: 97%; } .LoginBackground .login-promo-col { min-height: 800px; } .LoginBackground .login-promo-col .login-promo-main .content-inner { padding: 0 20px 350px !important; } .LoginCorporateV2 .info-links { top: 26px !important; left: 34%; transform: translateX(-50%); } .NoticesSlider .slider-wrapper { height: 300px !important; } .NoticesSlider .slider-wrapper_bottom { padding-top: 90px !important; } /*.LoginCorporateV2 { .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, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner, .AccountStatementsCorporate .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, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .filterButton, .AccountStatementsCorporate .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, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton button, .AccountPosTrasactionCorporate .tableFilter .transaction-filter-inner .filterButton button, .AccountStatementsCorporate .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, .AccountTurnoverCorporate .dot-menu-text-wrapper, .AccountPosTrasactionCorporate .dot-menu-text-wrapper, .AccountStatementsCorporate .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, .AccountTurnoverCorporate .filter-error-text, .AccountPosTrasactionCorporate .filter-error-text, .AccountStatementsCorporate .filter-error-text, .DepositStatementsCorporate .filter-error-text, .DepositTurnoverCorporate .filter-error-text, .CardSpendingCorporate .filter-error-text { margin-top: 30px; } .ExchangeOfficeOverviewCorporateV2 .s-widget-title { margin-top: 100px; } .ExchangeOfficeOverviewCorporateV2 .dot-menu-text-wrapper { width: auto; top: -60px !important; } .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; } .LoanBalancePreviewCorporate .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title, .AccountBalancePreviewCorporate .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 { padding-left: 20px !important; width: 62% !important; flex-wrap: nowrap !important; } .LoanBalancePreviewCorporate .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .account-card-text, .AccountBalancePreviewCorporate .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 { width: calc(100% - 70px) !important; } .LoanBalancePreviewCorporate .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .account-card-text h2, .AccountBalancePreviewCorporate .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 { white-space: pre-wrap; } .LoanBalancePreviewCorporate .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .user-account-loan-img, .AccountBalancePreviewCorporate .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 { margin-right: 10px; margin-bottom: 0px; } .AccountBalancePreviewCorporate .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 { padding-left: 0px !important; width: 65% !important; flex-wrap: nowrap !important; } .AccountBalancePreviewCorporate .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 { width: calc(100% - 70px) !important; } .AccountBalancePreviewCorporate .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 { 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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .amount-wrap, .PaymentTransferV2 .payment-wrapper { width: 98% !important; } .LoanAnnuityPlanCorporate .dot-menu-text-wrapper, .LoanRepaymentsCorporate .dot-menu-text-wrapper { width: 100%; -webkit-box-pack: end !important; justify-content: right !important; } .AccountSlider .tabslider { position: relative; z-index: 26; top: -50px; width: 220px; left: 32%; } } @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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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: 600px) and (max-width: 950.5px) { .AccountSlider .user-intro-select-wrapper { width: fit-content; } } @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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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) { .PaymentTransferV2 .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) { .AccountBalancePreviewCorporate .title-1, .CardBalancePreviewCorporate .title-1, .LoanBalancePreviewCorporate .title-1, .DepositBalancePreviewCorporate .title-1 { font-size: 25px; } .AccountStatementsCorporate .tableFilter .transaction-filter-inner, .DepositStatementsCorporate .tableFilter .transaction-filter-inner { width: 100%; } .AccountStatementsCorporate .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 { padding-left: 0px; } .CurrencyCalculator .calculator-heading { left: 43.5% !important; } .dashboard.CurrencyCalculatorCorporate { width: 100% !important; } .dashboard.CurrencyCalculatorCorporate .currency-converter-wrapper { border: none; padding: 0; } .dashboard.CurrencyCalculatorCorporate .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; } .LoginCorporateV2 .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, .PaymentTransferV2 .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%; } .LoanBalancePreviewCorporate .relative .title-1.font-2, .AccountBalancePreviewCorporate .relative .title-1.font-2, .DepositBalancePreviewCorporate .relative .title-1.font-2 { font-size: 25px !important; } .currency-exchange-zone { width: 100% !important; } .CurrencyExchangeCorporateV2 .tableFilter { margin-top: 100px; } .CurrencyExchangeCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box { width: 50%; } .CurrencyExchangeCorporateV2.dashboard { width: 100% !important; } .CurrencyExchangeCorporateV2.dashboard .gvCurrencyExchangeCorporate { min-width: 800px; } .CurrencyExchangeCorporateV2.dashboard .gvCurrencyExchangeCorporate .clientGrid { overflow-x: auto; } .ForeignOrderCorporateV3 .foreign-payments-beneficiary-details .foreign-payments-beneficiary-details-wrapper .group-inner, .ForeignOrderCorporateV3 .foreign-payments-beneficiary-details .foreign-payments-intro-wrapper .group-inner, .ForeignOrderCorporateV3 .foreign-payments-intro .foreign-payments-beneficiary-details-wrapper .group-inner, .ForeignOrderCorporateV3 .foreign-payments-intro .foreign-payments-intro-wrapper .group-inner, .ForeignOrderCorporateV3 .foreign-payments-details .foreign-payments-details-wrapper .group-inner, .ForeignOrderCorporateV3 .foreign-payments-details .foreign-payments-details-wrapper .tableFilter, .ForeignOrderCorporateV3 .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, .ui-tabs .ui-tabs-nav li { width: 100%; } .ui-tabs-tab .ui-tabs-anchor { width: 100% !important; } .form-button-footer { flex-wrap: wrap; } .form-button-footer .buttons { width: 100%; } .form-button-footer .buttons button { width: 100%; margin-bottom: 6px; } .pdf-wrapper { width: auto; margin-top: 5px; top: 0; } .pdf-wrapper a { width: 100%; } .ExchangeOfficeOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .ExchangeOfficeOverviewCorporateV2 .tableFilter .transaction-filter-inner .group-inner.filter { width: 100% !important; } .DomesticOrderListCorporateV3 .flex-layout, .OrderPackageListCorporateV3 .flex-layout, .ForeignOrderListCorporateV3 .flex-layout, .SalariesServerOrderListCorporateV2 .flex-layout, .SalariesOverviewCorporateV2 .flex-layout, .InflowsCorporateV2 .flex-layout { flex-wrap: wrap; } .OrderPackageDetailsCorporateV3 .login-download-wrap { margin-left: 25px; } .LoanAnnuityPlanCorporate .dot-menu-text-wrapper { top: -85px; width: auto; } .DomesticOrderReportCorporateV3 .tableFilter .dot-menu-text-wrapper, .ForeignOrderReportCorporateV3 .tableFilter .dot-menu-text-wrapper, .OrderPackageReportCorporateV3 .tableFilter .dot-menu-text-wrapper, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .dot-menu-text-wrapper { width: auto; } .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .group-inner, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .group-inner.filter, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .group-inner, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .group-inner.filter, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .group-inner, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .group-inner.filter, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .group-inner, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .group-inner.filter, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .filterButton { width: 30% !important; max-width: unset; } .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box button .transaction-form-submit-arrow, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .group-inner button .transaction-form-submit-arrow, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .group-inner.filter button .transaction-form-submit-arrow, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box button .transaction-form-submit-arrow, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .group-inner button .transaction-form-submit-arrow, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .group-inner.filter button .transaction-form-submit-arrow, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box button .transaction-form-submit-arrow, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .group-inner button .transaction-form-submit-arrow, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .group-inner.filter button .transaction-form-submit-arrow, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box button .transaction-form-submit-arrow, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .group-inner button .transaction-form-submit-arrow, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .group-inner.filter button .transaction-form-submit-arrow, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow { left: 8%; } .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton { width: 40px !important; } .InflowsCorporateV2 .tableFilter .dot-menu-text-wrapper { width: auto; } .InflowsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .group-inner, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .group-inner.filter { width: 30% !important; } .InflowsCorporateV2 .tableFilter .transaction-filter-inner .filterButton { width: 40px; max-width: unset; } .InflowsCorporateV2 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow { left: 50%; } .OrderPackageReportCorporateV3 .transaction-filter-inner, .OrdersFromOrderPackagesListCorporateV3 .transaction-filter-inner, .CreditorTemplateManagingV2 .transaction-filter-inner, .CreditorTemplateManagingPublicV2 .transaction-filter-inner, .CreditorTemplateManagingForeignV2 .transaction-filter-inner { flex-wrap: wrap; } .OrderPackageReportCorporateV3 .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .OrdersFromOrderPackagesListCorporateV3 .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .CreditorTemplateManagingV2 .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .CreditorTemplateManagingPublicV2 .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .CreditorTemplateManagingForeignV2 .transaction-filter-inner .filterButton button .transaction-form-submit-arrow { left: 50% !important; top: 50% !important; } .CreditorTemplateManagingV2 .templFilter.flex-layout, .CreditorTemplateManagingPublicV2 .templFilter.flex-layout, .CreditorTemplateManagingForeignV2 .templFilter.flex-layout { flex-wrap: wrap; } .InflowsCorporateV2 .transaction-filter-inner { flex-wrap: wrap; } .ForeignOrderCorporateV3 .tableFilter .transaction-filter-inner, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner { width: 100%; } .ForeignOrderCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box { margin: 0; margin-left: 8px; } .SalariesOverviewCorporateV2 .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .SalariesOverviewCorporateV2 .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate { padding: 0 34px 11px 16px !important; } .ForeignOrderReportCorporateV3 .s-widget-title, .OrderPackageListCorporateV3 .s-widget-title, .OrderPackageReportCorporateV3 .s-widget-title, .InflowsCorporateV2 .s-widget-title, .SalariesPaymentOrderCorporateV2 .s-widget-title, .CreditorTemplateManagingV2 .s-widget-title, .CreditorTemplateManagingPublicV2 .s-widget-title, .CreditorTemplateManagingForeignV2 .s-widget-title { margin-top: 100px !important; } .CreditorTemplateManagingV2 .form-error-message-block, .CreditorTemplateManagingPublicV2 .form-error-message-block, .CreditorTemplateManagingForeignV2 .form-error-message-block { top: 125px; } .OrderPackageListCorporateV3 .form-error-message-block { top: 125px; } .OrdersFromOrderPackagesListCorporateV3 .form-error-message-block { top: 180px; } .OrderPackageReportCorporateV3 .form-error-message-block { top: 280px; } .InflowsCorporateV2 .tableFilter { margin-bottom: 65px; } .InflowsCorporateV2 .form-error-message-block { top: 310px; } .SalariesPaymentOrderCorporateV2 .form-error-message-block { top: 126px; } .SalariesOverviewCorporateV2 .tableFilter { margin-bottom: 63px; } .SalariesOverviewCorporateV2 .form-error-message-block { top: 120px; } } @media only screen and (max-width: 900px) { .AccountSlider .highcharts-container { width: 100% !important; } .AccountSlider .highcharts-series-group { transform: translateX(-43px); } /* .DomesticOrderReportCorporateV3 { .tableFilter { .dot-menu-text-wrapper { width: auto; } .transaction-filter-inner { .transaction-filter-box, .group-inner, .group-inner.filter, .filterButton { width: 30% !important; max-width: unset; button { .transaction-form-submit-arrow { left: 8%; } } } } } }*/ } @media only screen and (min-width: 720px) and (max-width: 825px) { .CurrencyCalculatorCorporate .form-error-message-block { width: 84%; } .CurrencyCalculatorCorporate .s-widget-body { margin-top: 65px; } } @media only screen and (max-width: 800px) { .MessageHubNotificationList .dot-menu-text-wrapper.messages { transform: translateY(-170px); } .UserInfoCorporate #message-hub-icon { width: 60px; margin: 0 5px; } /* .UserInfoCorporate { #company-name { display: none; } #company-name-short { display: block; border-right: none; } #more-less-btn { display: block; } }*/ 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; } .login-form { margin-top: 35px !important; } #content_wrap #page-header:after { height: 564px; } #content_wrap #page-header .UserInfoCorporate .UserInfoHeader .user-intro-section-name .title-1, #content_wrap #page-header .UserInfoCorporate .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) .UserInfoCorporate .UserInfoHeader .user-intro-section-name .title-1, #content_wrap #page-header:not(.dashboard-header) .UserInfoCorporate .UserInfoHeader .user-intro-section-name span.name, #content_wrap #page-header:not(.dashboard-header) .UserInfoCorporate .UserInfoHeader .user-heading .title-1, #content_wrap #page-header:not(.dashboard-header) .UserInfoCorporate .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 !important; } #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; } .AccountTurnoverCorporate .form-error-message-block { top: 270px; } .AccountPosTrasactionCorporate .form-error-message-block { margin-top: 20px; top: 207px; } .ExchangeOfficeOverviewCorporateV2 .form-error-message-block { top: 220px; } .OrderPackageListCorporateV3 .form-error-message-block { top: 125px; } .OrderPackageDetailsCorporateV3 .form-error-message-block { top: 55px; } .DomesticOrderReportCorporateV3 .tableFilter { margin-bottom: 65px !important; } .DomesticOrderReportCorporateV3 .form-error-message-block { top: 310px; } .ForeignOrderReportCorporateV3 .tableFilter { margin-bottom: 65px !important; } .ForeignOrderReportCorporateV3 .form-error-message-block { top: 450px; } .SalariesServerOrderListCorporateV2 .gvOrderList { margin-top: 50px; } .SalariesServerOrderListCorporateV2 .form-error-message-block { top: 75px; } .LoginCorporateV2 .login-form-col .inner .login-form .login-download-wrap { top: -60px; right: 0; } .LoginCorporateV2 .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; } /*}*/ .LoanRepaymentsCorporate .payment-filter-amount { padding-right: 100px; } .LoanRepaymentsCorporate .payment-filter-recipient { width: 20%; } .LoanRepaymentsCorporate .payment-filter-box .page-text-2 { padding-right: 25px; float: right; } .LoanRepaymentsCorporate .loans-wrapper { overflow-x: auto; } .LoanRepaymentsCorporate .loans-wrapper .payment-filter, .LoanRepaymentsCorporate .loans-wrapper .payment-filter-wrapper { min-width: 730px; } .SupplementaryCardsListCorporate .loanRepaymentsNoErrorView { overflow-x: auto; } .SupplementaryCardsListCorporate .cards-wrapper .payment-filter, .SupplementaryCardsListCorporate .cards-wrapper .payment-filter-wrapper { min-width: 950px; } .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; } .AccountBalancePreviewCorporate .user-account-card, .CardBalancePreviewCorporate .user-account-card, .LoanBalancePreviewCorporate .user-account-card, .DepositBalancePreviewCorporate .user-account-card, .FXTrading .user-account-card, .PaymentTransferV2 .user-account-card, .CardPayment .user-account-card, .PaymentOrderV2 .user-account-card, .PaymentOrderV4 .user-account-card { padding: 20px; padding-top: 20px; padding-bottom: 20px; } .AccountBalancePreviewCorporate .user-account-card, .CardBalancePreviewCorporate .user-account-card, .LoanBalancePreviewCorporate .user-account-card, .DepositBalancePreviewCorporate .user-account-card, .FXTrading .user-account-card, .PaymentTransferV2 .user-account-card, .CardPayment .user-account-card, .PaymentOrderV2 .user-account-card, .PaymentOrderV4 .user-account-card { border-radius: 16px; padding-top: 20px; padding-bottom: 20px; } .AccountBalancePreviewCorporate .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, .LoanBalancePreviewCorporate .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, .PaymentTransferV2 .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: 20px; } .AccountBalancePreviewCorporate .account-intro-inner.flex-layout, .CardBalancePreviewCorporate .account-intro-inner.flex-layout, .LoanBalancePreviewCorporate .account-intro-inner.flex-layout, .DepositBalancePreviewCorporate .account-intro-inner.flex-layout, .FXTrading .account-intro-inner.flex-layout, .PaymentTransferV2 .account-intro-inner.flex-layout, .CardPayment .account-intro-inner.flex-layout, .PaymentOrderV2 .account-intro-inner.flex-layout, .PaymentOrderV4 .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; } .AccountBalancePreviewCorporate .account-intro-inner .user-account-loan-img, .CardBalancePreviewCorporate .account-intro-inner .user-account-loan-img, .LoanBalancePreviewCorporate .account-intro-inner .user-account-loan-img, .DepositBalancePreviewCorporate .account-intro-inner .user-account-loan-img, .FXTrading .account-intro-inner .user-account-loan-img, .PaymentTransferV2 .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 { margin-bottom: 20px; } .AccountBalancePreviewCorporate .account-card-text, .CardBalancePreviewCorporate .account-card-text, .LoanBalancePreviewCorporate .account-card-text, .DepositBalancePreviewCorporate .account-card-text, .FXTrading .account-card-text, .PaymentTransferV2 .account-card-text, .CardPayment .account-card-text, .PaymentOrderV2 .account-card-text, .PaymentOrderV4 .account-card-text { width: 65%; } .AccountBalancePreviewCorporate .accounts-intro-title, .CardBalancePreviewCorporate .accounts-intro-title, .LoanBalancePreviewCorporate .accounts-intro-title, .DepositBalancePreviewCorporate .accounts-intro-title, .FXTrading .accounts-intro-title, .PaymentTransferV2 .accounts-intro-title, .CardPayment .accounts-intro-title, .PaymentOrderV2 .accounts-intro-title, .PaymentOrderV4 .accounts-intro-title { width: 100% !important; text-align: left; padding-left: 0; margin-bottom: 10px; } .AccountBalancePreviewCorporate .accounts-intro-title.flex-layout, .CardBalancePreviewCorporate .accounts-intro-title.flex-layout, .LoanBalancePreviewCorporate .accounts-intro-title.flex-layout, .DepositBalancePreviewCorporate .accounts-intro-title.flex-layout, .FXTrading .accounts-intro-title.flex-layout, .PaymentTransferV2 .accounts-intro-title.flex-layout, .CardPayment .accounts-intro-title.flex-layout, .PaymentOrderV2 .accounts-intro-title.flex-layout, .PaymentOrderV4 .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; } .AccountBalancePreviewCorporate .accounts-intro-title .user-account-card-img.accounts, .CardBalancePreviewCorporate .accounts-intro-title .user-account-card-img.accounts, .LoanBalancePreviewCorporate .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, .PaymentTransferV2 .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 { margin-bottom: 20px; } .AccountBalancePreviewCorporate .accounts-intro-title .user-account-card-img.cards, .CardBalancePreviewCorporate .accounts-intro-title .user-account-card-img.cards, .LoanBalancePreviewCorporate .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, .PaymentTransferV2 .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 { margin-bottom: 20px; } .AccountBalancePreviewCorporate .accounts-intro-balance, .CardBalancePreviewCorporate .accounts-intro-balance, .LoanBalancePreviewCorporate .accounts-intro-balance, .DepositBalancePreviewCorporate .accounts-intro-balance, .FXTrading .accounts-intro-balance, .PaymentTransferV2 .accounts-intro-balance, .CardPayment .accounts-intro-balance, .PaymentOrderV2 .accounts-intro-balance, .PaymentOrderV4 .accounts-intro-balance { width: 100% !important; text-align: left !important; } .AccountBalancePreviewCorporate .accounts-intro-balance.resp, .CardBalancePreviewCorporate .accounts-intro-balance.resp, .LoanBalancePreviewCorporate .accounts-intro-balance.resp, .DepositBalancePreviewCorporate .accounts-intro-balance.resp, .FXTrading .accounts-intro-balance.resp, .PaymentTransferV2 .accounts-intro-balance.resp, .CardPayment .accounts-intro-balance.resp, .PaymentOrderV2 .accounts-intro-balance.resp, .PaymentOrderV4 .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; } .AccountTurnoverCorporate .s-widget-title, .AccountPosTrasactionCorporate .s-widget-title, .AccountStatementsCorporate .s-widget-title, .DepositStatementsCorporate .s-widget-title, .DepositTurnoverCorporate .s-widget-title { margin-bottom: 50px; } .AccountTurnoverCorporate .dot-menu-text-wrapper, .AccountPosTrasactionCorporate .dot-menu-text-wrapper, .AccountStatementsCorporate .dot-menu-text-wrapper, .DepositStatementsCorporate .dot-menu-text-wrapper, .DepositTurnoverCorporate .dot-menu-text-wrapper { top: -70px; } .AccountTurnoverCorporate .gvAccountTurnoverPreview table thead tr th, .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table thead tr th, .AccountStatementsCorporate .gvAccountTurnoverPreview table thead tr th, .DepositStatementsCorporate .gvAccountTurnoverPreview table thead tr th, .DepositTurnoverCorporate .gvAccountTurnoverPreview table thead tr th { padding-left: 16px; padding-right: 16px; } .AccountTurnoverCorporate .gvAccountTurnoverPreview table thead tr th:nth-child(2) > div, .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table thead tr th:nth-child(2) > div, .AccountStatementsCorporate .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; } .AccountTurnoverCorporate .gvAccountTurnoverPreview table thead tr th:last-child > div, .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table thead tr th:last-child > div, .AccountStatementsCorporate .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; } .AccountTurnoverCorporate .gvAccountTurnoverPreview table thead tr th > div, .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table thead tr th > div, .AccountStatementsCorporate .gvAccountTurnoverPreview table thead tr th > div, .DepositStatementsCorporate .gvAccountTurnoverPreview table thead tr th > div, .DepositTurnoverCorporate .gvAccountTurnoverPreview table thead tr th > div { padding-right: 0 !important; } .AccountTurnoverCorporate .gvAccountTurnoverPreview table thead tr th .sort-indicator, .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table thead tr th .sort-indicator, .AccountStatementsCorporate .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; } .AccountTurnoverCorporate .gvAccountTurnoverPreview table thead tr th .sort-indicator .payment-filter-ico, .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table thead tr th .sort-indicator .payment-filter-ico, .AccountStatementsCorporate .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; } .AccountTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td, .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table tbody tr td, .AccountStatementsCorporate .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; } .AccountTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(3), .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(3), .AccountStatementsCorporate .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; } .AccountTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td .turnover-icon, .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table tbody tr td .turnover-icon, .AccountStatementsCorporate .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; } .AccountTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td .date, .AccountPosTrasactionCorporate .gvAccountTurnoverPreview table tbody tr td .date, .AccountStatementsCorporate .gvAccountTurnoverPreview table tbody tr td .date, .DepositStatementsCorporate .gvAccountTurnoverPreview table tbody tr td .date, .DepositTurnoverCorporate .gvAccountTurnoverPreview table tbody tr td .date { padding-left: 16px; } .DepositTurnoverCorporate .form-error-message-block { top: 186px; } .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; } .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 { width: 100%; padding-right: 0; margin-bottom: 20px; display: block; } .AccountSlider .user-chart-info-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .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; } .CurrencyExchangeCorporateV2 { overflow-x: auto; } .CurrencyExchangeCorporateV2 .currency-exchange-filter { bottom: 0; } .CurrencyExchangeCorporateV2 .tableFilter { margin-top: 100px; } .CurrencyExchangeCorporateV2 .tableFilter .transaction-filter-inner .s-widget-title { margin-left: 10px !important; } .CurrencyExchangeCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box { width: 85%; } .CurrencyExchangeCorporateV2 .gvCurrencyExchangeCorporate { padding-left: 10px; overflow-x: auto; } .CurrencyExchangeCorporateV2 .gvCurrencyExchangeCorporate table { min-width: 750px; } .CurrencyExchangeCorporateV2 .gvCurrencyExchangeCorporate table tbody tr td.align-right { text-align: right; } .dashboard.CurrencyCalculatorCorporate .currency-converter-wrapper { border: none; padding: 0; } .dashboard.CurrencyCalculatorCorporate .currency-converter-wrapper .group-inner .input-1 { width: 100%; } .msgHubThreadList .message .archive-button { opacity: 1; visibility: visible; } .PaymentOverviewV2 .tableFilter .transaction-filter-inner { width: 100%; margin-left: 0; margin-bottom: 60px; } .PaymentOverviewV2 .tableFilter .transaction-filter-inner .filterButton { margin-left: 5px; } .PaymentOverviewV2 .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; } .PaymentOverviewV2 .tableFilter .transaction-filter-inner .transaction-filter-box { width: 100%; margin: 0 0 10px; } .PaymentOverviewV2 .gvOrderPreviewList { width: 800px; overflow-x: scroll; max-width: 100%; } .PaymentOverviewV2 .gvOrderPreviewList table { width: 800px; } .PaymentOverviewV2 .gvOrderPreviewList table thead th:nth-child(6) { display: none; } .PaymentOverviewV2 .dot-menu-text-wrapper { right: 15%; transform: translateY(-575px); } .PaymentTransferV2 .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; } .PaymentTransferV2 .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; } .PaymentTransferV2 .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%; } .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 .UserInfoCorporate .UserInfoHeader, #page-header.third_party_transfer-header .UserInfoCorporate .UserInfoHeader { padding-bottom: 80px; } .account-card-text { width: 100% !important; white-space: nowrap; padding-left: 0px !important; margin-bottom: 20px; } .dot-menu-text-wrapper { width: 100%; -webkit-box-pack: center !important; justify-content: center !important; } .payment-filter-wrapper { overflow-x: auto; width: 730px; white-space: nowrap; } .DepositBalancePreviewCorporate .account-card-text { white-space: wrap; } .CardTurnoverCorporate .form-error-message-block { top: 210px; } .CardSpendingCorporate .form-error-message-block { top: 265px; } .CurrencyExchangeCorporateV2 .form-error-message-block { top: 150px; } .AccountStatementsCorporate, .CardStatementsCorporate { top: 150px; } .ForeignOrderListCorporateV3 .gvOrderList, .DomesticOrderListCorporateV3 .gvOrderList { overflow-x: auto; } .AuthorizedAccountsCorporate .account-intro-inner { display: block; } .AuthorizedAccountsCorporate .accounts-intro-title { display: block; } .AuthorizedAccountsCorporate .account-card-text { margin-top: 20px; } .AuthorizedAccountsCorporate .accounts-intro-balance { width: 100%; text-align: left !important; margin-bottom: 20px; } .AuthorizedAccountsCorporate .accounts-intro-balance .account-balance-amount-text { padding-left: 40px; } .AuthorizedAccountsCorporate .account-card-btn.show-margin { margin-left: 0px; } .ForeignOrderCorporateV3 .payment-filter-wrapper { overflow-x: auto !important; overflow-y: hidden; width: unset; } .ForeignOrderCorporateV3 .payment-filter-wrapper .payment-filter { width: 740px; } .ForeignOrderCorporateV3 .payment-filter-wrapper .payment-info-wrapper { width: 740px; } .gvOrderList { overflow-x: auto; } .exchange-form-wrapper { margin-bottom: 50px; } .ExchangeOfficeOverviewCorporateV2 .s-widget-title { margin-top: 100px; } .ExchangeOfficeOverviewCorporateV2 .dot-menu-text-wrapper { width: auto; top: -60px !important; } .DomesticOrderListCorporateV3 .flex-layout, .OrderPackageListCorporateV3 .flex-layout, .ForeignOrderListCorporateV3 .flex-layout, .SalariesServerOrderListCorporateV2 .flex-layout { flex-wrap: wrap; } .DomesticOrderListCorporateV3 .flex-layout .button-wrapper, .OrderPackageListCorporateV3 .flex-layout .button-wrapper, .ForeignOrderListCorporateV3 .flex-layout .button-wrapper, .SalariesServerOrderListCorporateV2 .flex-layout .button-wrapper { justify-content: start; width: 100%; } .DomesticOrderListCorporateV3 .flex-layout .button-wrapper .group-inner, .OrderPackageListCorporateV3 .flex-layout .button-wrapper .group-inner, .ForeignOrderListCorporateV3 .flex-layout .button-wrapper .group-inner, .SalariesServerOrderListCorporateV2 .flex-layout .button-wrapper .group-inner { max-width: unset; width: 33%; } .OrderPackageListCorporateV3 .gvPackageList { overflow-x: auto; } .OrderPackageListCorporateV3 .gvPackageList table { min-width: 750px; } .ForeignOrdersReviewCorporateV3 .s-widget-title { margin-top: 100px; } .ForeignOrdersReviewCorporateV3 .gvForeignOrdersReview { overflow-x: auto; } .ForeignOrdersReviewCorporateV3 .gvForeignOrdersReview table { min-width: 750px; } .OrderPackageListCorporateV3 .flex-layout .button-wrapper .group-inner { max-width: 260px; width: 260px; } .OrderPackageDetailsCorporateV3 .flex-layout { width: 99%; } .gvDomesticOrdersReview, .gvDomesticReport, .gvForeignReport, .gvPackageReport, .gvOrders, .gvInflows, .gvOrderOverview { overflow-x: auto; } .gvDomesticOrdersReview table, .gvDomesticReport table, .gvForeignReport table, .gvPackageReport table, .gvOrders table, .gvInflows table, .gvOrderOverview table { min-width: 750px; } .gvDomesticOrdersReview table tbody td.align-left, .gvDomesticReport table tbody td.align-left, .gvForeignReport table tbody td.align-left, .gvPackageReport table tbody td.align-left, .gvOrders table tbody td.align-left, .gvInflows table tbody td.align-left, .gvOrderOverview table tbody td.align-left { text-align: right; } .CardTurnoverCorporate .gvCardTurnover table { margin-top: 18px; } /* .DomesticOrderReportCorporateV3 { .tableFilter { .dot-menu-text-wrapper { width: auto; } .transaction-filter-inner { .transaction-filter-box, .group-inner, .group-inner.filter, .filterButton { width: 45% !important; max-width: unset; button { .transaction-form-submit-arrow { left: 8%; } } } } } }*/ .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; } } @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: 601px) and (max-width: 711px) { .AccountStatementsCorporate .form-error-message-block { top: 200px; } .DepositStatementsCorporate .form-error-message-block { top: 175px; } } @media only screen and (min-width: 601px) and (max-width: 727px) { .DomesticOrderReportCorporateV3 .form-error-message-block { top: 375px; } .ForeignOrderReportCorporateV3 .form-error-message-block { top: 450px; } } @media only screen and (min-width: 650px) and (max-width: 800px) { .LoginBackground .login-promo-col .login-promo-main .content-inner { padding: 0 20px 300px; } #gvLoanAnnuityPlanCorporate, .mCSB_container { width: 100% !important; overflow-x: scroll !important; } .PaymentTransferV2 .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; } .PaymentTransferV2 .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; } .AccountBalancePreviewCorporate .wrapper.account-card-img .account-intro-inner, .DepositBalancePreviewCorporate .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: -380px !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: 880px) { .SalariesOverviewCorporateV2 .tableFilter { margin-bottom: 63px; } .SalariesOverviewCorporateV2 .form-error-message-block { top: 180px; } } @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); } .CurrencyCalculatorCorporate .form-error-message-block, .dashboard.CurrencyCalculatorCorporate .form-error-message-block { width: 85%; } .CurrencyCalculatorCorporate .s-widget-body, .dashboard.CurrencyCalculatorCorporate .s-widget-body { margin-top: 50px; } } @media only screen and (max-width: 762px) { /*.DepositStatementsCorporate { .form-error-message-block { top: 230px; } }*/ } @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; } .exchange-form-wrapper { border: none; } } @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 (max-width: 1024px) { .CreditorTemplateManagingV2 .account-statements-info .group-inner:nth-child(3) label, .CreditorTemplateManagingPublicV2 .account-statements-info .group-inner:nth-child(3) label, .CreditorTemplateManagingForeignV2 .account-statements-info .group-inner:nth-child(3) label { max-width: 80px; min-width: 80px; } } @media only screen and (max-width: 900px) { .CreditorTemplateManagingV2 .account-statements-info-wrapper, .CreditorTemplateManagingPublicV2 .account-statements-info-wrapper, .CreditorTemplateManagingForeignV2 .account-statements-info-wrapper { overflow-x: auto; white-space: nowrap; width: inherit; } .CreditorTemplateManagingV2 .group-inner:nth-child(3) label, .CreditorTemplateManagingPublicV2 .group-inner:nth-child(3) label, .CreditorTemplateManagingForeignV2 .group-inner:nth-child(3) label { overflow: hidden; } } @media only screen and (min-width: 861px) { .AccountSlider .user-intro-select-wrapper { width: 100%; } } @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; } .OrderPackageListCorporateV3 .form-error-message-block { top: 125px; } .OrderPackageDetailsCorporateV3 .form-error-message-block { top: 120px; } .DomesticOrdersReviewCorporateV3 .form-error-message-block { top: 55px; } .AccountBalancePreviewCorporate .wrapper.account-card-img .account-intro-inner, .DepositBalancePreviewCorporate .wrapper.account-card-img .account-intro-inner { padding: 15px 58px 15px 20px; } .AccountBalancePreviewCorporate .account-detail-menu .activity-popup-filter .dot-decoration, .DepositBalancePreviewCorporate .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; } .DomesticOrderReportCorporateV3 .tableFilter .dot-menu-text-wrapper, .ForeignOrderReportCorporateV3 .tableFilter .dot-menu-text-wrapper, .OrderPackageReportCorporateV3 .tableFilter .dot-menu-text-wrapper, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .dot-menu-text-wrapper, .InflowsCorporateV2 .tableFilter .dot-menu-text-wrapper { width: auto; } .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .group-inner, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .group-inner.filter, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .group-inner, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .group-inner.filter, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .group-inner, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .group-inner.filter, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .group-inner, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .group-inner.filter, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .filterButton, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .group-inner, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .group-inner.filter, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .filterButton { width: 45% !important; max-width: unset; } .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box button .transaction-form-submit-arrow, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .group-inner button .transaction-form-submit-arrow, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .group-inner.filter button .transaction-form-submit-arrow, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box button .transaction-form-submit-arrow, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .group-inner button .transaction-form-submit-arrow, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .group-inner.filter button .transaction-form-submit-arrow, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box button .transaction-form-submit-arrow, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .group-inner button .transaction-form-submit-arrow, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .group-inner.filter button .transaction-form-submit-arrow, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box button .transaction-form-submit-arrow, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .group-inner button .transaction-form-submit-arrow, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .group-inner.filter button .transaction-form-submit-arrow, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box button .transaction-form-submit-arrow, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .group-inner button .transaction-form-submit-arrow, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .group-inner.filter button .transaction-form-submit-arrow, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow { left: 8%; } .OrdersFromOrderPackagesListCorporateV3 .form-error-message-block { top: 240px; } .OrderPackageReportCorporateV3 .form-error-message-block { top: 340px; } } @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; } .LoanBalancePreviewCorporate .account-detail-menu .activity-popup-filter .dot-decoration, .AccountBalancePreviewCorporate .CardBalancePreviewCorporate .account-detail-menu .activity-popup-filter .dot-decoration, .DepositBalancePreviewCorporate .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) { .notificationMsgListFilter #message-filter { flex-wrap: wrap; } .MessageHubNotificationList .dot-menu-text-wrapper.messages { transform: translateY(-240px); } .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) { .LoginCorporateV2 .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-height: 600px) { .ui-dialog.right-dialog.details-dialog { height: 90vh !important; } .ui-dialog.right-dialog.details-dialog.creditorTemplateDialog .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.details-dialog.orderCommissionDialog .account-item-inner { height: 45vh !important; } .details-dialog.exchangeResultView .account-item-inner { height: 50vh; } .details-dialog.cardBalance .account-item-inner { height: 70vh !important; } .details-dialog.accountBalance .account-item-inner { height: 55vh !important; } } @media only screen and (max-height: 500px) { .details-dialog.exchangeResultView .account-item-inner { height: 40vh; } .details-dialog.cardBalance .account-item-inner { height: 60vh !important; } .details-dialog.loanDetails .account-item-inner { height: 60vh !important; } } @media only screen and (max-height: 400px) { .details-dialog.exchangeResultView .account-item-inner { height: 30vh; } } @media only screen and (max-width: 600px) { .UserInfoCorporate .UserInfoHeader { padding-bottom: 20px; padding-top: 200px; } #page-footer .footer-content { padding-left: 10px; } .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: -550px; } .s-widget.MessageHubNotificationList .filterButton { margin-left: 10px; } .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; } .AccountBalancePreviewCorporate .form-error-message-block, .CardBalancePreviewCorporate .form-error-message-block, .LoanBalancePreviewCorporate .form-error-message-block, .LoanAnnuityPlanCorporate .form-error-message-block, .AuthorizedAccountsCorporate .form-error-message-block, .DepositBalancePreviewCorporate .form-error-message-block { top: 217px; } .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .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, .PaymentTransferV2 .amount-wrap, .PaymentTransferV2 .payment-wrapper { width: 97% !important; } .AccountStatements .account-statements-info-wrapper { margin-top: 30px; } .languagesContainer { top: 1040px !important; right: 40px; } .LoginBackground .login-promo-col { min-height: 965px; } .LoginBackground .login-promo-col .login-promo-main .content-inner { padding: 0 20px 440px; } .LoginCorporateV2 .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 { padding: 0px 5px; } #content_wrap #page-header:after { height: 1012px; } #content_wrap #page-header.dashboard-header .UserInfoCorporate .UserInfoHeader { padding-bottom: 100px; 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 .UserInfoCorporate .UserInfoHeader, #content_wrap #page-header.beneficiaries-header .UserInfoCorporate .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: 226px !important; } #content_wrap #page-header.my_profile-header:after { height: 386px; } #content_wrap #page-header .UserInfoCorporate .UserInfoHeader { padding-top: 160px; justify-content: center; } #content_wrap #page-header .UserInfoCorporate .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 { text-align: center; margin-bottom: 20px; } .AccountSlider .tabslider { position: absolute; z-index: 26; top: 253px; width: 280px; left: 25%; } .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); } .LoanRepaymentsCorporate .loans-wrapper { margin-top: 70px; } .ui-dialog .ui-dialog-titlebar { width: auto !important; } .s-widget:not(.CreditorTemplateManagingV2, .CreditorTemplateManagingPublicV2, .CreditorTemplateManagingForeignV2, .ForeignOrderCorporateV3, .SupplementaryCardsListCorporate) .group-inner, .s-widget:not(.CreditorTemplateManagingV2, .CreditorTemplateManagingPublicV2, .CreditorTemplateManagingForeignV2, .ForeignOrderCorporateV3, .SupplementaryCardsListCorporate) .account-statement-pdf-download, .s-widget:not(.CreditorTemplateManagingV2, .CreditorTemplateManagingPublicV2, .CreditorTemplateManagingForeignV2, .ForeignOrderCorporateV3, .SupplementaryCardsListCorporate) .profile-text-arrow { margin-bottom: 15px !important; width: auto !important; } .s-widget:not(.CreditorTemplateManagingV2, .CreditorTemplateManagingPublicV2, .CreditorTemplateManagingForeignV2, .ForeignOrderCorporateV3, .SupplementaryCardsListCorporate) .flex-layout .group-inner { margin-bottom: 15px !important; width: auto !important; } .account-inter-inner-scroll { overflow-x: hidden; } .loanRepaymentsNoErrorView { overflow-x: scroll !important; } .LoanAnnuityPlanCorporate .form-error-message-block { top: 77px; } .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate { margin-top: 88px; overflow-x: scroll !important; } .LoanAnnuityPlanCorporate .payment-filter-wrapper.loan-filter-wrapper .payment-filter { white-space: normal; } .LoanAnnuityPlanCorporate .filter-wrapper-list-7-outher-wrapper { overflow-x: scroll; margin-top: 30px; } .LoanAnnuityPlanCorporate .loanAnnuityPlanNoErrorView .dot-menu-text-wrapper { width: 100%; } .LoanAnnuityPlanCorporate .loanAnnuityPlanNoErrorView .dot-menu-text-wrapper .pdf-wrapper { width: 100%; } .LoanBalancePreviewCorporate .account-intro-inner, .AccountBalancePreviewCorporate .DepositBalancePreviewCorporate .account-intro-inner { width: 100%; margin-bottom: 20px; } .AccountBalancePreviewCorporate .relative .title-1.font-2, .CardBalancePreviewCorporate .relative .title-1.font-2, .LoanBalancePreviewCorporate .relative .title-1.font-2, .DepositBalancePreviewCorporate .relative .title-1.font-2 { 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, .AccountTurnoverCorporate .tableFilter, .AccountStatementsCorporate .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, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner, .AccountStatementsCorporate .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, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton, .AccountStatementsCorporate .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, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton button, .AccountStatementsCorporate .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, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .AccountStatementsCorporate .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, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box, .AccountStatementsCorporate .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; max-width: 100%; } .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .dk-select-options, .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box .dk-select-options, .AccountTurnoverCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .dk-select-options, .AccountStatementsCorporate .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%; } .AccountStatementsCorporat .form-error-message-block { top: 290px; } .DepositStatementsCorporate .form-error-message-block { top: 330px; } .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: -110px; 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; } .CardStatementsCorporate .dot-menu-text-wrapper { top: -90px; } .AccountTurnoverCorporate .dot-menu-text-wrapper { width: 100%; justify-content: center; top: -12px; flex-wrap: wrap; } .AccountTurnoverCorporate .dot-menu-text-wrapper .pdf-download { margin: 0 0 8px; width: 100%; } .AccountTurnoverCorporate .tableHeader { overflow-x: scroll; } .AccountTurnoverCorporate .tableHeader .domesticData { width: 600px; } .AccountTurnoverCorporate .tableFilter { top: 145px; } .AccountTurnoverCorporate .accountTurnover { margin-top: 155px; } .AccountTurnoverCorporate .form-error-message-block { top: 800px; width: 88%; } .AccountTurnoverCorporate .clientGridPager { justify-content: flex-start; } .AccountTurnoverCorporate .clientGridPager .profile-text-arrow { margin-bottom: 0 !important; } .dashboard.AccountTurnoverCorporate .accountTurnover { margin-top: 0; } .AccountPosTrasactionCorporate .dot-menu-text-wrapper { width: 100%; justify-content: center; top: -12px; flex-wrap: wrap; } .AccountPosTrasactionCorporate .dot-menu-text-wrapper .pdf-download { margin: 0 0 8px; width: 100%; } .AccountPosTrasactionCorporate .tableFilter { top: 150px; } .AccountPosTrasactionCorporate .accountTurnover { margin-top: 100px; } .AccountPosTrasactionCorporate .form-error-message-block { top: 575px; } .AccountStatementsCorporate .dot-menu-text-wrapper { width: 100%; justify-content: center; top: -12px; flex-wrap: wrap; } .AccountStatementsCorporate .dot-menu-text-wrapper .pdf-download { margin: 0 0 8px; width: 100%; } .AccountStatementsCorporate .tableFilter { top: 235px; } .AccountStatementsCorporate .noStatements { margin-top: 285px; } .AccountStatementsCorporate .form-error-message-block { top: 535px; } .CardSpendingCorporate .dot-menu-text-wrapper { width: 100%; justify-content: center; top: -12px; 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 .transaction-filter-inner { margin-top: 30px; } .CardTurnoverCorporate .form-error-message-block { top: 640px; } .CardTurnoverCorporate .gvCardTurnover { margin-top: 50px; } .CardSpendingCorporate .form-error-message-block { top: 680px; } .CardStatementsCorporate .form-error-message-block { top: 345px; } .DepositTurnoverCorporate .form-error-message-block { top: 480px; } .ExchangeOfficeOverviewCorporateV2 .form-error-message-block { top: 515px; } .CurrencyExchangeCorporateV2 .form-error-message-block { top: 160px; } .DomesticOrderReportCorporateV3 .tableFilter { margin-bottom: 65px !important; } .DomesticOrderReportCorporateV3 .form-error-message-block { top: 895px; } .ForeignOrderReportCorporateV3 .tableFilter { margin-bottom: 65px !important; } .ForeignOrderReportCorporateV3 .form-error-message-block { top: 1160px; } .OrdersFromOrderPackagesListCorporateV3 .tableFilter { margin-bottom: 65px !important; } .OrdersFromOrderPackagesListCorporateV3 .form-error-message-block { top: 470px; } .InflowsCorporateV2 .tableFilter { margin-bottom: 65px; } .InflowsCorporateV2 .form-error-message-block { top: 730px; } .SalariesPaymentOrderCorporateV2 .form-error-message-block { top: 128px; } .SalariesServerOrderListCorporateV2 .gvOrderList { margin-top: 50px; } .SalariesServerOrderListCorporateV2 .form-error-message-block { top: 185px; } .SalariesOverviewCorporateV2 .tableFilter { margin-bottom: 70px; } .SalariesOverviewCorporateV2 .form-error-message-block { top: 405px; } .OrderPackageReportCorporateV3 .form-error-message-block { top: 550px; } .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; } .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: 10%; padding-left: 80px; } .CardStatements .payment-filter-recipient, .AccountStatements .payment-filter-recipient { width: 19%; 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; margin-left: 0px; } .Forms_ActiveWorkflowListSOG .notificationMsgList .msgHubThreadList, .MessageHubNotificationList .notificationMsgList .msgHubThreadList { padding-top: 50px; } .Forms_ActiveWorkflowListSOG .notificationMsgList .msgHubThreadList .payment-filter-box, .MessageHubNotificationList .notificationMsgList .msgHubThreadList .payment-filter-box { margin-right: 50px; } .Forms_ActiveWorkflowListSOG .notificationMsgList .msgHubThreadList .payment-filter-box .page-text-item-sort-first, .MessageHubNotificationList .notificationMsgList .msgHubThreadList .payment-filter-box .page-text-item-sort-first { left: 0; right: 0; } .Forms_ActiveWorkflowListSOG .notificationMsgList .msgHubThreadList .payment-filter-box .page-text-item-sort-second, .MessageHubNotificationList .notificationMsgList .msgHubThreadList .payment-filter-box .page-text-item-sort-second { left: 0; right: 0; margin-bottom: 5px; } .Forms_ActiveWorkflowListSOG .notificationMsgList .msgHubThreadList .payment-filter-box svg, .MessageHubNotificationList .notificationMsgList .msgHubThreadList .payment-filter-box svg { left: 100%; } .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; width: 100%; margin-bottom: 20px; } .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; } .CurrencyCalculatorCorporate.dashboard .currency-converter-wrapper { padding: 0px; border-right: none; } .CurrencyExchangeCorporateV2 .tableFilter { margin-top: 100px; } .CurrencyExchangeCorporateV2 .tableFilter .s-widget-title { margin-left: 0 !important; } .CurrencyExchangeCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box { width: 85%; } .CurrencyExchangeCorporateV2.dashboard .tableFilter { margin-top: 0; } .CurrencyExchangeCorporateV2.dashboard .tableFilter .transaction-filter-inner { justify-content: start !important; } .CurrencyExchangeCorporateV2.dashboard .tableFilter .transaction-filter-inner .transaction-filter-box { width: 65%; } .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; } .PaymentTransferV2 .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; } .clientGridPager .pagerButton, .clientGridPager .pageIndicator { position: relative !important; top: 55px; } .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: 155px; white-space: nowrap; width: inherit; } .account-statements-info-inner { width: fit-content; } .account-statements-filter-inner { width: 100%; } .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; } .PaymentTransferV2 .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-balance, .CardPayment .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-balance, .AccountBalancePreviewCorporate .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-balance, .LoanBalancePreviewCorporate .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 { text-align: left !important; margin-top: -10px; margin-left: 20px; width: 50% !important; } .PaymentTransferV2 .wrapper.account-card-img .account-intro-inner .accounts-intro-title, .CardPayment .wrapper.account-card-img .account-intro-inner .accounts-intro-title, .AccountBalancePreviewCorporate .wrapper.account-card-img .account-intro-inner .accounts-intro-title, .LoanBalancePreviewCorporate .wrapper.account-card-img .account-intro-inner .accounts-intro-title, .DepositBalancePreviewCorporate .wrapper.account-card-img .account-intro-inner .accounts-intro-title { width: 100%; padding-left: 20px; } .PaymentTransferV2 .wrapper.account-card-img .account-intro-inner .accounts-intro-balance .profile-text-arrow, .CardPayment .wrapper.account-card-img .account-intro-inner .accounts-intro-balance .profile-text-arrow, .AccountBalancePreviewCorporate .wrapper.account-card-img .account-intro-inner .accounts-intro-balance .profile-text-arrow, .LoanBalancePreviewCorporate .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 { right: -35px; } .AccountBalancePreviewCorporate .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 { text-align: left !important; margin-top: -10px; margin-left: 0px; } .AccountBalancePreviewCorporate .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 { margin-top: -5px; } .AccountBalancePreviewCorporate .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 { width: 100%; padding-left: 0px; } .AccountBalancePreviewCorporate .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 { margin-bottom: 10px; } .AccountBalancePreviewCorporate .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 { right: -300px; } .AccountBalancePreviewCorporate .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 { 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 { text-align: center; 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; } .ExchangeOfficeServerOverviewCorporateV2 .button-wrapper { width: 100%; flex-wrap: wrap; } .ExchangeOfficeServerOverviewCorporateV2 .button-wrapper .login-download-wrap, .ExchangeOfficeServerOverviewCorporateV2 .button-wrapper .pdf-wrapper { width: 100%; margin-right: unset; margin-bottom: 10px; } .ExchangeOfficeServerOverviewCorporateV2 .button-wrapper .login-download-wrap .pdf-download, .ExchangeOfficeServerOverviewCorporateV2 .button-wrapper .pdf-wrapper .pdf-download { justify-content: center; } .ExchangeOfficeServerOverviewCorporateV2 .button-wrapper .pdf-wrapper .btn-1.logout.table { margin: 0; } .ExchangeOfficeOverviewCorporateV2 .s-widget-title { margin-bottom: 70px !important; margin-top: 110px; } .ExchangeOfficeOverviewCorporateV2 .currencyExchangeOverviewFilter .dot-menu-text-wrapper { width: 100%; flex-wrap: wrap; top: -90px !important; right: unset; } .ExchangeOfficeOverviewCorporateV2 .currencyExchangeOverviewFilter .dot-menu-text-wrapper .pdf-download { margin: 0 0 8px !important; } .ExchangeOfficeOverviewCorporateV2 .currencyExchangeOverviewFilter .transaction-filter-inner { width: 100%; flex-wrap: wrap; margin-bottom: 20px; } .ExchangeOfficeOverviewCorporateV2 .currencyExchangeOverviewFilter .transaction-filter-inner .transaction-filter-box, .ExchangeOfficeOverviewCorporateV2 .currencyExchangeOverviewFilter .transaction-filter-inner .group-inner.filter { width: 100% !important; max-width: unset; margin: 0; margin-bottom: 10px; } .DomesticOrderListCorporateV3 .flex-layout, .OrderPackageListCorporateV3 .flex-layout, .OrderPackageDetailsCorporateV3 .flex-layout, .ForeignOrderListCorporateV3 .flex-layout, .SalariesServerOrderListCorporateV2 .flex-layout { flex-wrap: wrap !important; } .DomesticOrderListCorporateV3 .flex-layout .tab-switch-container, .OrderPackageListCorporateV3 .flex-layout .tab-switch-container, .OrderPackageDetailsCorporateV3 .flex-layout .tab-switch-container, .ForeignOrderListCorporateV3 .flex-layout .tab-switch-container, .SalariesServerOrderListCorporateV2 .flex-layout .tab-switch-container { margin: auto; } .DomesticOrderListCorporateV3 .flex-layout .button-wrapper .group-inner.filter, .DomesticOrderListCorporateV3 .flex-layout .button-wrapper .login-download-wrap, .DomesticOrderListCorporateV3 .flex-layout .button-wrapper .pdf-wrapper, .OrderPackageListCorporateV3 .flex-layout .button-wrapper .group-inner.filter, .OrderPackageListCorporateV3 .flex-layout .button-wrapper .login-download-wrap, .OrderPackageListCorporateV3 .flex-layout .button-wrapper .pdf-wrapper, .OrderPackageDetailsCorporateV3 .flex-layout .button-wrapper .group-inner.filter, .OrderPackageDetailsCorporateV3 .flex-layout .button-wrapper .login-download-wrap, .OrderPackageDetailsCorporateV3 .flex-layout .button-wrapper .pdf-wrapper, .ForeignOrderListCorporateV3 .flex-layout .button-wrapper .group-inner.filter, .ForeignOrderListCorporateV3 .flex-layout .button-wrapper .login-download-wrap, .ForeignOrderListCorporateV3 .flex-layout .button-wrapper .pdf-wrapper, .SalariesServerOrderListCorporateV2 .flex-layout .button-wrapper .group-inner.filter, .SalariesServerOrderListCorporateV2 .flex-layout .button-wrapper .login-download-wrap, .SalariesServerOrderListCorporateV2 .flex-layout .button-wrapper .pdf-wrapper { width: 100% !important; max-width: unset; margin: unset; } .DomesticOrderListCorporateV3 .flex-layout .button-wrapper .pdf-wrapper .btn-1.logout, .OrderPackageListCorporateV3 .flex-layout .button-wrapper .pdf-wrapper .btn-1.logout, .OrderPackageDetailsCorporateV3 .flex-layout .button-wrapper .pdf-wrapper .btn-1.logout, .ForeignOrderListCorporateV3 .flex-layout .button-wrapper .pdf-wrapper .btn-1.logout, .SalariesServerOrderListCorporateV2 .flex-layout .button-wrapper .pdf-wrapper .btn-1.logout { margin: 0; } .DomesticOrderListCorporateV3 .clientGridPager, .OrderPackageListCorporateV3 .clientGridPager, .OrderPackageDetailsCorporateV3 .clientGridPager, .ForeignOrderListCorporateV3 .clientGridPager, .SalariesServerOrderListCorporateV2 .clientGridPager { justify-content: flex-start; } .DomesticOrderListCorporateV3 .clientGridPager .profile-text-arrow, .OrderPackageListCorporateV3 .clientGridPager .profile-text-arrow, .OrderPackageDetailsCorporateV3 .clientGridPager .profile-text-arrow, .ForeignOrderListCorporateV3 .clientGridPager .profile-text-arrow, .SalariesServerOrderListCorporateV2 .clientGridPager .profile-text-arrow { margin-bottom: 0 !important; } .OrderPackageListCorporateV3 .clientGridPager { justify-content: flex-start; } .OrderPackageListCorporateV3 .clientGridPager .profile-text-arrow { margin-bottom: 0 !important; } .ForeignOrdersReviewCorporateV3 .s-widget-title { margin-top: 100px; } .ForeignOrdersReviewCorporateV3 .clientGridPager { justify-content: flex-start; } .ForeignOrdersReviewCorporateV3 .clientGridPager .profile-text-arrow { margin-bottom: 0 !important; } .CreditorTemplateManagingV2 .transaction-filter-inner, .CreditorTemplateManagingV2 .flex-layout, .CreditorTemplateManagingPublicV2 .transaction-filter-inner, .CreditorTemplateManagingPublicV2 .flex-layout, .CreditorTemplateManagingForeignV2 .transaction-filter-inner, .CreditorTemplateManagingForeignV2 .flex-layout { width: 100%; } .CreditorTemplateManagingV2 .transaction-filter-inner .group-inner, .CreditorTemplateManagingV2 .transaction-filter-inner .btn-1.logout, .CreditorTemplateManagingV2 .flex-layout .group-inner, .CreditorTemplateManagingV2 .flex-layout .btn-1.logout, .CreditorTemplateManagingPublicV2 .transaction-filter-inner .group-inner, .CreditorTemplateManagingPublicV2 .transaction-filter-inner .btn-1.logout, .CreditorTemplateManagingPublicV2 .flex-layout .group-inner, .CreditorTemplateManagingPublicV2 .flex-layout .btn-1.logout, .CreditorTemplateManagingForeignV2 .transaction-filter-inner .group-inner, .CreditorTemplateManagingForeignV2 .transaction-filter-inner .btn-1.logout, .CreditorTemplateManagingForeignV2 .flex-layout .group-inner, .CreditorTemplateManagingForeignV2 .flex-layout .btn-1.logout { width: 100%; } .CreditorTemplateManagingV2 .transaction-filter-inner .group-inner, .CreditorTemplateManagingV2 .flex-layout .group-inner, .CreditorTemplateManagingPublicV2 .transaction-filter-inner .group-inner, .CreditorTemplateManagingPublicV2 .flex-layout .group-inner, .CreditorTemplateManagingForeignV2 .transaction-filter-inner .group-inner, .CreditorTemplateManagingForeignV2 .flex-layout .group-inner { margin: 0; margin-bottom: 30px; } .CreditorTemplateManagingV2 .transaction-filter-inner .group-inner input, .CreditorTemplateManagingV2 .flex-layout .group-inner input, .CreditorTemplateManagingPublicV2 .transaction-filter-inner .group-inner input, .CreditorTemplateManagingPublicV2 .flex-layout .group-inner input, .CreditorTemplateManagingForeignV2 .transaction-filter-inner .group-inner input, .CreditorTemplateManagingForeignV2 .flex-layout .group-inner input { width: auto; } .CreditorTemplateManagingV2 .transaction-filter-inner .btn-1.logout, .CreditorTemplateManagingV2 .flex-layout .btn-1.logout, .CreditorTemplateManagingPublicV2 .transaction-filter-inner .btn-1.logout, .CreditorTemplateManagingPublicV2 .flex-layout .btn-1.logout, .CreditorTemplateManagingForeignV2 .transaction-filter-inner .btn-1.logout, .CreditorTemplateManagingForeignV2 .flex-layout .btn-1.logout { min-height: 40px; margin: 0; } .DomesticOrderCorporateV3 .content-container .domestic-payment-form .right-side .tableFilter { margin-top: unset; } .DomesticOrderCorporateV3 .content-container .domestic-payment-form .right-side .transaction-filter-inner { flex-wrap: wrap; } .DomesticOrderCorporateV3 .content-container .domestic-payment-form .right-side .transaction-filter-inner .transaction-filter-box { width: 100% !important; } .DomesticOrderCorporateV3 .content-container .domestic-payment-form .right-side .transaction-filter-inner .transaction-filter-box .transaction-filter input { padding: 0 34px 11px 16px; } .DomesticOrderCorporateV3 .content-container .domestic-payment-form .right-side .transaction-filter-inner .pdf-wrapper { width: 100% !important; margin-top: 0; } .DomesticOrderCorporateV3 .content-container .domestic-payment-form .right-side .transaction-filter-inner .pdf-wrapper .btn-1.logout.table { margin: 0; } .DomesticOrderCorporateV3 .content-container .domestic-payment-form .right-side .flex-layout { flex-wrap: wrap; } .DomesticOrderCorporateV3 .content-container .domestic-payment-form .right-side .flex-layout .group-inner { width: 100% !important; padding-right: 0; padding-left: 0; } .DomesticOrderCorporateV3 .content-container .domestic-payment-form .form-button-footer .pdf-wrapper { width: 100%; } .DomesticOrderCorporateV3 .content-container .domestic-payment-form .form-button-footer .pdf-wrapper .btn-1.logout.table { margin: 0; } .gvDomesticOrdersReview, .gvDomesticReport, .gvForeignReport { margin-bottom: 50px; } .gvDomesticOrdersReview .clientGridPager, .gvDomesticReport .clientGridPager, .gvForeignReport .clientGridPager { justify-content: start; } .gvDomesticOrdersReview .clientGridPager .profile-text-arrow, .gvDomesticReport .clientGridPager .profile-text-arrow, .gvForeignReport .clientGridPager .profile-text-arrow { margin-bottom: 0 !important; } .DomesticOrderReportCorporateV3 .s-widget-title, .ForeignOrderReportCorporateV3 .s-widget-title, .OrderPackageReportCorporateV3 .s-widget-title, .OrdersFromOrderPackagesListCorporateV3 .s-widget-title, .InflowsCorporateV2 .s-widget-title, .SalariesPaymentOrderCorporateV2 .s-widget-title, .SalariesOverviewCorporateV2 .s-widget-title { margin-bottom: 60px; } .DomesticOrderReportCorporateV3 .tableFilter, .ForeignOrderReportCorporateV3 .tableFilter, .OrderPackageReportCorporateV3 .tableFilter, .OrdersFromOrderPackagesListCorporateV3 .tableFilter, .InflowsCorporateV2 .tableFilter, .SalariesPaymentOrderCorporateV2 .tableFilter, .SalariesOverviewCorporateV2 .tableFilter { padding-top: 140px; } .DomesticOrderReportCorporateV3 .tableFilter .dot-menu-text-wrapper, .ForeignOrderReportCorporateV3 .tableFilter .dot-menu-text-wrapper, .OrderPackageReportCorporateV3 .tableFilter .dot-menu-text-wrapper, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .dot-menu-text-wrapper, .InflowsCorporateV2 .tableFilter .dot-menu-text-wrapper, .SalariesPaymentOrderCorporateV2 .tableFilter .dot-menu-text-wrapper, .SalariesOverviewCorporateV2 .tableFilter .dot-menu-text-wrapper { width: 100%; flex-wrap: wrap; top: -25px; } .DomesticOrderReportCorporateV3 .tableFilter .dot-menu-text-wrapper .pdf-download, .DomesticOrderReportCorporateV3 .tableFilter .dot-menu-text-wrapper .btn-1.logout.table, .ForeignOrderReportCorporateV3 .tableFilter .dot-menu-text-wrapper .pdf-download, .ForeignOrderReportCorporateV3 .tableFilter .dot-menu-text-wrapper .btn-1.logout.table, .OrderPackageReportCorporateV3 .tableFilter .dot-menu-text-wrapper .pdf-download, .OrderPackageReportCorporateV3 .tableFilter .dot-menu-text-wrapper .btn-1.logout.table, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .dot-menu-text-wrapper .pdf-download, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .dot-menu-text-wrapper .btn-1.logout.table, .InflowsCorporateV2 .tableFilter .dot-menu-text-wrapper .pdf-download, .InflowsCorporateV2 .tableFilter .dot-menu-text-wrapper .btn-1.logout.table, .SalariesPaymentOrderCorporateV2 .tableFilter .dot-menu-text-wrapper .pdf-download, .SalariesPaymentOrderCorporateV2 .tableFilter .dot-menu-text-wrapper .btn-1.logout.table, .SalariesOverviewCorporateV2 .tableFilter .dot-menu-text-wrapper .pdf-download, .SalariesOverviewCorporateV2 .tableFilter .dot-menu-text-wrapper .btn-1.logout.table { margin: 0; margin-top: 10px; } .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner, .InflowsCorporateV2 .tableFilter .transaction-filter-inner, .SalariesPaymentOrderCorporateV2 .tableFilter .transaction-filter-inner, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner { width: 100% !important; } .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .group-inner, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .group-inner.filter, .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .group-inner, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .group-inner.filter, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .group-inner, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .group-inner.filter, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .transaction-filter-box, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .group-inner, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .group-inner.filter, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .filterButton, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .group-inner, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .group-inner.filter, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .filterButton, .SalariesPaymentOrderCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .SalariesPaymentOrderCorporateV2 .tableFilter .transaction-filter-inner .group-inner, .SalariesPaymentOrderCorporateV2 .tableFilter .transaction-filter-inner .group-inner.filter, .SalariesPaymentOrderCorporateV2 .tableFilter .transaction-filter-inner .filterButton, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .group-inner, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .group-inner.filter, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .filterButton { width: 100% !important; max-width: unset; margin: 0 0 10px 8px !important; } .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .filterButton, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .filterButton, .SalariesPaymentOrderCorporateV2 .tableFilter .transaction-filter-inner .filterButton, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .filterButton { margin: 0 !important; } .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton button, .ForeignOrderReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton button, .OrderPackageReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton button, .OrdersFromOrderPackagesListCorporateV3 .tableFilter .transaction-filter-inner .filterButton button, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .filterButton button, .SalariesPaymentOrderCorporateV2 .tableFilter .transaction-filter-inner .filterButton button, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .filterButton button { width: 100%; margin-top: 10px; } .DomesticOrderReportCorporateV3 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .ForeignOrderReportCorporateV3 .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, .InflowsCorporateV2 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .SalariesPaymentOrderCorporateV2 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .SalariesOverviewCorporateV2 .tableFilter .transaction-filter-inner .filterButton button .transaction-form-submit-arrow { top: 70%; left: 50%; } .SalariesPaymentOrderCorporateV2 .transaction-filter-inner .pdf-wrapper, .SalariesPaymentOrderCorporateV2 .transaction-filter-inner .group-inner.transaction-filter-box { width: 100% !important; max-width: unset; } .SalariesPaymentOrderCorporateV2 .transaction-filter-inner .pdf-wrapper .btn-1.logout.table, .SalariesPaymentOrderCorporateV2 .transaction-filter-inner .group-inner.transaction-filter-box .btn-1.logout.table { margin: 0 !important; } .OrderPackageReportCorporateV3 .tableFilter, .OrdersFromOrderPackagesListCorporateV3 .tableFilter, .InflowsCorporateV2 .tableFilter, .SalariesPaymentOrderCorporateV2 .tableFilter, .SalariesOverviewCorporateV2 .tableFilter { padding-top: 0; } .OrderPackageReportCorporateV3 .transaction-filter-inner, .OrdersFromOrderPackagesListCorporateV3 .transaction-filter-inner, .InflowsCorporateV2 .transaction-filter-inner, .SalariesPaymentOrderCorporateV2 .transaction-filter-inner, .SalariesOverviewCorporateV2 .transaction-filter-inner { flex-wrap: wrap; } .OrderPackageReportCorporateV3 .transaction-filter-inner .pdf-wrapper.packages, .OrdersFromOrderPackagesListCorporateV3 .transaction-filter-inner .pdf-wrapper.packages, .InflowsCorporateV2 .transaction-filter-inner .pdf-wrapper.packages, .SalariesPaymentOrderCorporateV2 .transaction-filter-inner .pdf-wrapper.packages, .SalariesOverviewCorporateV2 .transaction-filter-inner .pdf-wrapper.packages { width: 100% !important; max-width: unset; margin: 0 !important; margin-top: 25px !important; } .OrderPackageReportCorporateV3 .transaction-filter-inner .pdf-wrapper.packages .btn-1.logout.table, .OrdersFromOrderPackagesListCorporateV3 .transaction-filter-inner .pdf-wrapper.packages .btn-1.logout.table, .InflowsCorporateV2 .transaction-filter-inner .pdf-wrapper.packages .btn-1.logout.table, .SalariesPaymentOrderCorporateV2 .transaction-filter-inner .pdf-wrapper.packages .btn-1.logout.table, .SalariesOverviewCorporateV2 .transaction-filter-inner .pdf-wrapper.packages .btn-1.logout.table { margin: 0; } .OrderPackageReportCorporateV3 .transaction-filter-inner .filterButton, .OrdersFromOrderPackagesListCorporateV3 .transaction-filter-inner .filterButton, .InflowsCorporateV2 .transaction-filter-inner .filterButton, .SalariesPaymentOrderCorporateV2 .transaction-filter-inner .filterButton, .SalariesOverviewCorporateV2 .transaction-filter-inner .filterButton { margin: 0 !important; } .OrderPackageReportCorporateV3 .transaction-filter-inner .filterButton button, .OrdersFromOrderPackagesListCorporateV3 .transaction-filter-inner .filterButton button, .InflowsCorporateV2 .transaction-filter-inner .filterButton button, .SalariesPaymentOrderCorporateV2 .transaction-filter-inner .filterButton button, .SalariesOverviewCorporateV2 .transaction-filter-inner .filterButton button { width: 100%; margin-top: 10px; } .OrderPackageReportCorporateV3 .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .OrdersFromOrderPackagesListCorporateV3 .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .InflowsCorporateV2 .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .SalariesPaymentOrderCorporateV2 .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .SalariesOverviewCorporateV2 .transaction-filter-inner .filterButton button .transaction-form-submit-arrow { top: 50% !important; left: 50%; } .OrderPackageReportCorporateV3 .pdf-wrapper.packages, .OrdersFromOrderPackagesListCorporateV3 .pdf-wrapper.packages, .InflowsCorporateV2 .pdf-wrapper.packages, .SalariesPaymentOrderCorporateV2 .pdf-wrapper.packages, .SalariesOverviewCorporateV2 .pdf-wrapper.packages { width: 100% !important; max-width: unset; margin: 0 !important; margin-top: 25px !important; } .OrderPackageReportCorporateV3 .pdf-wrapper.packages .btn-1.logout.table, .OrdersFromOrderPackagesListCorporateV3 .pdf-wrapper.packages .btn-1.logout.table, .InflowsCorporateV2 .pdf-wrapper.packages .btn-1.logout.table, .SalariesPaymentOrderCorporateV2 .pdf-wrapper.packages .btn-1.logout.table, .SalariesOverviewCorporateV2 .pdf-wrapper.packages .btn-1.logout.table { margin: 0; } .InflowsCorporateV2 .transaction-filter-inner .group-inner.reference, .SalariesOverviewCorporateV2 .transaction-filter-inner .group-inner.reference { padding-left: 0 !important; border-left: none !important; border-top: 1px dotted; padding-top: 16px; margin-top: 50px !important; } .InflowsCorporateV2 .transaction-filter-inner .filterButton button, .SalariesOverviewCorporateV2 .transaction-filter-inner .filterButton button { width: 98% !important; } .InflowsCorporateV2 .transaction-filter-inner .filterButton button .transaction-form-submit-arrow, .SalariesOverviewCorporateV2 .transaction-filter-inner .filterButton button .transaction-form-submit-arrow { top: 70% !important; } .InflowsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input { padding: 0 34px 11px 16px !important; } .ForeignOrderReportCorporateV3 .s-widget-title { margin-top: 100px !important; } .group-inner { margin-bottom: 15px !important; } .OrderPackageReportCorporateV3 .payment-filter-pag-wrapper, .OrdersFromOrderPackagesListCorporateV3 .payment-filter-pag-wrapper { display: flex; flex-wrap: wrap; } } @media only screen and (max-width: 539px) { .AccountSlider .tabslider { position: absolute; z-index: 26; top: 270px; width: 280px; left: 15%; } } @media only screen and (max-width: 400px) { .AccountStatementsCorporate .payment-filter-recipient { padding-left: 40px !important; } #searchId::placeholder { color: transparent; } .AccountSlider .tabslider { position: relative; z-index: 26; top: -40px; width: 280px; left: 10%; } .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(-420px); } .MessageHubNotificationList .notificationMsgList .widget-tabs { top: -550px !important; } .CurrencyExchangeCorporateV2 .tableFilter .transaction-filter-inner { flex-wrap: wrap; } .CurrencyExchangeCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input { padding: 0 34px 11px 16px; } #page-footer .footer-content { width: 100%; } .CurrencyExchangeCorporateV2 .form-error-message-block { top: 175px; } .OrderPackageReportCorporateV3 .payment-filter-pag-wrapper .under-table-notif, .OrdersFromOrderPackagesListCorporateV3 .payment-filter-pag-wrapper .under-table-notif { width: 100%; } } @media only screen and (max-width: 389px) { .languagesContainer { top: 1040px !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) { .AccountPosTrasactionCorporate .dot-menu-text-wrapper { margin-top: 20px; } .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) { .UserInfoCorporate #company-name { display: none; } .UserInfoCorporate #company-name-short { display: block; border-right: none; border-left: none; } .UserInfoCorporate #more-less-btn { display: block; } #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; } } @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: 95px !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: 155px !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 50px; } } @media only screen and (min-width: 1201px) and (max-width: 1300px) { .s-widget.MessageHubNotificationList .notificationMsgList .widget-tabs li a { padding: 6px 50px; } } /* == 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); } /* ---------------------------------------- */