/* Minification failed. Returning unminified contents.
(42284,58): run-time error CSS1030: Expected identifier, found ':'
(42284,65): run-time error CSS1031: Expected selector, found ')'
(42284,65): run-time error CSS1025: Expected comma or open brace, found ')'
(48060,29): run-time error CSS1038: Expected hex color, found '#b4000'
(51493,29): run-time error CSS1038: Expected hex color, found '#b4000'
 */
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */ }

.ui-front {
  z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none; }

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%; }

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto; }

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default; }

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0; }

.ui-menu .ui-menu {
  position: absolute; }

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em; }

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0; }

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px; }

/* icon support */
.ui-menu-icons {
  position: relative; }

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0; }

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0; }

.ui-button {
  padding: .4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Support: IE <= 11 */
  overflow: visible; }

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none; }

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap; }

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
  text-indent: 0; }

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px; }

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap; }

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: .4em 1em; }

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0; }

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block; }

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0; }

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999; }

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left; }

.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box; }

.ui-controlgroup .ui-controlgroup-label {
  padding: .4em 1em; }

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%; }

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none; }

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none; }

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none; }

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none; }

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
  /* Support: IE8 only, Android < 4.4 only */
  width: 75%;
  width: calc( 100% - 2.4em); }

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid; }

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: .12em;
  border: none; }

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none; }

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid; }

.ui-checkboxradio-disabled {
  pointer-events: none; }

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }
  .ui-datepicker th span {
    color: rgba(0, 0, 0, 0.54); }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em; }

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0; }

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative; }

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis; }

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px; }

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto; }

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right; }

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer; }

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0; }

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0; }

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0; }

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0; }

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px; }

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0; }

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0; }

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0; }

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0; }

.ui-draggable .ui-dialog-titlebar {
  cursor: move; }

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden; }

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%; }

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  /* support: IE8 */
  opacity: 0.25; }

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none; }

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none; }

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black; }

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none; }

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px; }

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0; }

.ui-selectmenu-open {
  display: block; }

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis; }

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em; }

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0; }

.ui-slider {
  position: relative;
  text-align: left; }

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none; }

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0; }

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit; }

.ui-slider-horizontal {
  height: .8em; }

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em; }

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.ui-slider-vertical {
  width: .8em;
  height: 100px; }

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em; }

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%; }

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

.ui-slider-vertical .ui-slider-range-max {
  top: 0; }

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle; }

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: .222em 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 2em; }

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0; }

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none; }

.ui-spinner-up {
  top: 0; }

.ui-spinner-down {
  bottom: 0; }

.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em; }

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0; }

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap; }

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text; }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer; }

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none; }

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px; }

body .ui-tooltip {
  border-width: 2px; }

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em; }

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5; }

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333; }

.ui-widget-content a {
  color: #333333; }

.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold; }

.ui-widget-header a {
  color: #333333; }

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545; }

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b; }

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none; }

.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  font-weight: normal;
  color: #ffffff; }

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff; }

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620; }

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90; }

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620; }

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f; }

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f; }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f; }

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal; }

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */ }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon,
.ui-widget-content .ui-icon {
  background-position: unset !important;
  right: -10px; }
  .ui-icon-triangle-1-s,
  .ui-widget-content .ui-icon-triangle-1-s {
    background-image: url("images/icons/icon-sorter-up.png"); }
  .ui-icon-triangle-1-n,
  .ui-widget-content .ui-icon-triangle-1-n {
    background-image: url("images/icons/icon-sorter-down.png"); }
  .ui-icon-triangle-2-n-s,
  .ui-widget-content .ui-icon-triangle-2-n-s {
    background-image: url("images/icons/icon-sorter.png"); }

.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png"); }

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url("images/ui-icons_555555_256x240.png"); }

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png"); }

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url("images/ui-icons_777620_256x240.png"); }

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cc0000_256x240.png"); }

.ui-button .ui-icon {
  background-image: url("images/ui-icons_777777_256x240.png");
  display: none; }

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-caret-1-n {
  background-position: 0 0; }

.ui-icon-caret-1-ne {
  background-position: -16px 0; }

.ui-icon-caret-1-e {
  background-position: -32px 0; }

.ui-icon-caret-1-se {
  background-position: -48px 0; }

.ui-icon-caret-1-s {
  background-position: -65px 0; }

.ui-icon-caret-1-sw {
  background-position: -80px 0; }

.ui-icon-caret-1-w {
  background-position: -96px 0; }

.ui-icon-caret-1-nw {
  background-position: -112px 0; }

.ui-icon-caret-2-n-s {
  background-position: -128px 0; }

.ui-icon-caret-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -65px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -65px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px; }

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px; }

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: .003;
  filter: Alpha(Opacity=0.3);
  /* support: IE8 */ }

.ui-widget-shadow {
  -webkit-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666; }

body.dark-mode .ui-widget-content a {
  color: #fff; }

/*
* Kendo UI v2014.2.716 (http://www.telerik.com/kendo-ui)
* Copyright 2014 Telerik AD. All rights reserved.
*
* Kendo UI commercial licenses may be obtained at
* http://www.telerik.com/purchase/license-agreement/kendo-ui-complete
* If you do not own a commercial license, this file shall be governed by the trial license terms.
*/
.k-in,.k-item,.k-window-action{border-color:transparent}.k-block,.k-widget{background-color:#fff}.k-block,.k-widget,.k-input,.k-textbox,.k-group,.k-content,.k-header,.k-filter-row>th,.k-editable-area,.k-separator,.k-colorpicker .k-i-arrow-s,.k-textbox>input,.k-autocomplete,.k-dropdown-wrap,.k-toolbar,.k-group-footer td,.k-grid-footer,.k-footer-template td,.k-state-default,.k-state-default .k-select,.k-state-disabled,.k-grid-header,.k-grid-header-wrap,.k-grid-header-locked,.k-grid-footer-locked,.k-grid-content-locked,.k-grid td,.k-grid td.k-state-selected,.k-grid-footer-wrap,.k-pager-wrap,.k-pager-wrap .k-link,.k-pager-refresh,.k-grouping-header,.k-grouping-header .k-group-indicator,.k-panelbar>.k-item>.k-link,.k-panel>.k-item>.k-link,.k-panelbar .k-panel,.k-panelbar .k-content,.k-treemap-tile,.k-calendar th,.k-slider-track,.k-splitbar,.k-dropzone-active,.k-tiles,.k-toolbar,.k-tooltip,.k-button-group .k-tool,.k-upload-files{border-color:#c5c5c5}.k-group,.k-toolbar,.k-grouping-header,.k-pager-wrap,.k-group-footer td,.k-grid-footer,.k-footer-template td,.k-widget .k-status,.k-calendar th,.k-dropzone-hovered,.k-widget.k-popup{background-color:#ebebeb}.k-grouping-row td,td.k-group-cell,.k-resize-handle-inner{background-color:#e3e3e3}.k-list-container{border-color:#c5c5c5;background-color:#e9e9e9}.k-content,.k-editable-area,.k-panelbar>li.k-item,.k-panel>li.k-item,.k-tiles{background-color:#fff}.k-alt,.k-separator{background-color:#f5f5f5}.k-alt .k-alt,.k-header.k-alt{background-color:#e1e1e1}.k-textbox,.k-autocomplete.k-header,.k-dropdown-wrap.k-state-active,.k-picker-wrap.k-state-active,.k-numeric-wrap.k-state-active{border-color:#c5c5c5;background-color:#e9e9e9}.k-textbox>input,.k-autocomplete .k-input,.k-dropdown-wrap .k-input,.k-autocomplete.k-state-focused .k-input,.k-dropdown-wrap.k-state-focused .k-input,.k-picker-wrap.k-state-focused .k-input,.k-numeric-wrap.k-state-focused .k-input{border-color:#c5c5c5}input.k-textbox,textarea.k-textbox,input.k-textbox:hover,textarea.k-textbox:hover,.k-textbox>input{background:0}.k-input,input.k-textbox,textarea.k-textbox,input.k-textbox:hover,textarea.k-textbox:hover,.k-textbox>input,.k-multiselect-wrap{background-color:#ffffff;color:#2e2e2e}.k-input[readonly]{background-color:#ffffff;color:#2e2e2e}.k-block,.k-widget,.k-popup,.k-content,.k-toolbar,.k-dropdown .k-input{color:#2e2e2e}.k-inverse{color:#fff}.k-block{color:#2e2e2e}.k-link:link,.k-link:visited,.k-nav-current.k-state-hover .k-link{color:#2e2e2e}.k-tabstrip-items .k-link,.k-panelbar>li>.k-link{color:#2e2e2e}.k-header,.k-treemap-title{color:#2e2e2e}.k-header,.k-grid-header,.k-toolbar,.k-dropdown-wrap,.k-picker-wrap,.k-numeric-wrap,.k-grouping-header,.k-pager-wrap,.k-textbox,.k-button,.k-progressbar,.k-draghandle,.k-autocomplete,.k-state-highlight,.k-tabstrip-items .k-item,.km-pane-wrapper>.km-pane>.km-view>.km-content{background-image:url('textures/highlight.png');background-image:none,-webkit-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);background-image:none,-moz-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);background-image:none,-o-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);background-image:none,linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);background-position:50% 50%;background-color:#e3e3e3}.k-widget.k-tooltip{background-image:url('textures/highlight.png')}.k-block,.k-header,.k-grid-header,.k-toolbar,.k-grouping-header,.k-pager-wrap,.k-button,.k-draghandle,.k-treemap-tile,html .km-pane-wrapper .k-header{background-color:#e3e3e3}.k-icon:hover,.k-state-hover .k-icon,.k-state-selected .k-icon,.k-state-focused .k-icon,.k-column-menu .k-state-hover .k-sprite,.k-column-menu .k-state-active .k-sprite{opacity:1}.k-icon,.k-state-disabled .k-icon,.k-column-menu .k-sprite{opacity:.8}.k-mobile-list .k-check:checked,.k-mobile-list .k-edit-field [type=checkbox]:checked,.k-mobile-list .k-edit-field [type=radio]:checked{opacity:.8}.k-tool{border-color:transparent}.k-icon,.k-tool-icon,.k-grouping-dropclue,.k-drop-hint,.k-column-menu .k-sprite,.k-grid-mobile .k-resize-handle-inner:before,.k-grid-mobile .k-resize-handle-inner:after{background-image:url('Default/sprite.png');border-color:transparent}.k-mobile-list .k-check:checked,.k-mobile-list .k-edit-field [type=checkbox]:checked,.k-mobile-list .k-edit-field [type=radio]:checked{background-image:url('Default/sprite.png');border-color:transparent}.k-loading,.k-state-hover .k-loading{background-image:url('Default/loading.gif');background-position:50% 50%}.k-loading-image{background-image:url('Default/loading-image.gif')}.k-loading-color{background-color:#fff}.k-button{color:#2e2e2e;border-color:#c5c5c5;background-color:#e3e3e3}.k-draghandle{border-color:#c5c5c5;background-color:#ffffff;-webkit-box-shadow:none;box-shadow:none}.k-draghandle:hover{border-color:#bcb4b0;background-color:#bcb4b0;-webkit-box-shadow:none;box-shadow:none}.k-scheduler{color:#2e2e2e;background-color:#fff}.k-scheduler-layout{color:#2e2e2e}.k-scheduler-datecolumn,.k-scheduler-groupcolumn{background-color:#ffffff;color:#2e2e2e}.k-scheduler-times tr,.k-scheduler-times th,.k-scheduler-table td,.k-scheduler-header th,.k-scheduler-header-wrap,.k-scheduler-times{border-color:#c5c5c5}.k-nonwork-hour{background-color:#f2f2f2}.k-gantt .k-nonwork-hour{background-color:rgba(0,0,0,0.02)}.k-gantt .k-header.k-nonwork-hour{background-color:rgba(0,0,0,0.2)}.k-scheduler-table .k-today,.k-today>.k-scheduler-datecolumn,.k-today>.k-scheduler-groupcolumn{background-color:#f8f8f8}.k-scheduler-now-arrow{border-left-color:#e20000}.k-scheduler-now-line{background-color:#e20000}.k-event,.k-task-complete{border-color:#ffdac1;background:#ffdac1 0 -257px url('textures/highlight.png') repeat-x;color:#2e2e2e}.k-event-inverse{color:#fff}.k-event.k-state-selected{background-position:0 0}.k-ie7 .k-event .k-resize-handle,.k-event .k-resize-handle:after,.k-ie7 .k-task-single .k-resize-handle,.k-task-single .k-resize-handle:after{background-color:#bababa}.k-scheduler-marquee:before,.k-scheduler-marquee:after{border-color:#f35800}.k-panelbar .k-content,.k-panelbar .k-panel,.k-panelbar .k-item{background-color:#ffffff;color:#2e2e2e;border-color:#c5c5c5}.k-panelbar>li>.k-link{color:#2e2e2e}.k-panelbar>.k-item>.k-link{border-color:#c5c5c5}.k-panel>li.k-item{background-color:#fff}.k-state-active,.k-state-active:hover,.k-active-filter,.k-tabstrip .k-state-active{background-color:#ffffff;border-color:#f35800;color:#2e2e2e}.k-fieldselector .k-list-container{background-color:#fff}.k-button:focus,.k-button.k-state-focused{border-color:#c5c5c5}.k-button:hover,.k-button.k-state-hover{color:#2e2e2e;border-color:#bcb4b0;background-color:#bcb4b0}.k-button:active,.k-button.k-state-active{color:#ffffff;background-color:#f35800;border-color:#f35800}.k-button:active:hover,.k-button.k-state-active:hover{color:#ffffff;border-color:#ef671a;background-color:#ed4300}.k-button[disabled],.k-button.k-state-disabled,.k-state-disabled .k-button,.k-state-disabled .k-button:hover,.k-button.k-state-disabled:hover,.k-state-disabled .k-button:active,.k-button.k-state-disabled:active{color:#9f9e9e;border-color:#c5c5c5;background-color:#e3e3e3;background-image:url('textures/highlight.png');background-image:none,-webkit-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);background-image:none,-moz-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);background-image:none,-o-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);background-image:none,linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%)}.k-button:focus:not(.k-state-disabled):not([disabled]){-webkit-box-shadow:inset 0 0 5px 1px #bcb4b0;box-shadow:inset 0 0 5px 1px #bcb4b0}.k-button:focus:active:not(.k-state-disabled):not([disabled]){-webkit-box-shadow:inset 0 0 3px 4px #df5100;box-shadow:inset 0 0 3px 4px #df5100}.k-menu .k-state-hover>.k-state-active{background-color:transparent}.k-state-highlight{background:#ffffff;color:#2e2e2e}.k-state-focused,.k-grouping-row .k-state-focused{border-color:#bcb4b0}.k-calendar .k-link{color:#2e2e2e}.k-calendar .k-footer{padding:0}.k-calendar .k-footer .k-nav-today{color:#2e2e2e;text-decoration:none;background-color:#fff}.k-calendar .k-footer .k-nav-today:hover,.k-calendar .k-footer .k-nav-today.k-state-hover{background-color:#ffffff;text-decoration:underline}.k-calendar .k-footer .k-nav-today:active{background-color:#fff}.k-calendar .k-link.k-nav-fast{color:#2e2e2e}.k-calendar .k-nav-fast.k-state-hover{text-decoration:none;background-color:#bcb4b0;color:#2e2e2e}.k-calendar .k-link.k-state-hover,.k-window-titlebar .k-link{border-radius:4px}.k-calendar .k-footer .k-link{border-radius:0}.k-calendar th{background-color:#ebebeb}.k-calendar-container.k-group{border-color:#c5c5c5}.k-state-selected,.k-state-selected:link,.k-state-selected:visited,.k-list>.k-state-selected,.k-list>.k-state-highlight,.k-panel>.k-state-selected,.k-ghost-splitbar-vertical,.k-ghost-splitbar-horizontal,.k-draghandle.k-state-selected:hover,.k-scheduler .k-scheduler-toolbar .k-state-selected,.k-scheduler .k-today.k-state-selected,.k-marquee-color{color:#ffffff;background-color:#f35800;border-color:#f35800}.k-marquee-text{color:#fff}.k-state-focused,.k-list>.k-state-focused,.k-listview>.k-state-focused,.k-grid-header th.k-state-focused,td.k-state-focused,.k-button.k-state-focused{-webkit-box-shadow:inset 0 0 5px 1px #bcb4b0;box-shadow:inset 0 0 5px 1px #bcb4b0}.k-state-focused.k-state-selected,.k-list>.k-state-focused.k-state-selected,.k-listview>.k-state-focused.k-state-selected,td.k-state-focused.k-state-selected{-webkit-box-shadow:inset 0 0 3px 4px #df5100;box-shadow:inset 0 0 3px 4px #df5100}.k-ie8 .k-panelbar span.k-state-focused,.k-ie8 .k-menu li.k-state-focused,.k-ie8 .k-listview>.k-state-focused,.k-ie8 .k-grid-header th.k-state-focused,.k-ie8 td.k-state-focused,.k-ie8 .k-tool.k-state-hover,.k-ie8 .k-button:focus,.k-ie8 .k-button.k-state-focused,.k-ie7 .k-panelbar span.k-state-focused,.k-ie7 .k-menu li.k-state-focused,.k-ie7 .k-listview>.k-state-focused,.k-ie7 .k-grid-header th.k-state-focused,.k-ie7 td.k-state-focused,.k-ie7 .k-tool.k-state-hover,.k-ie7 .k-button:focus,.k-ie7 .k-button.k-state-focused{background-color:#bcb4b0}.k-list>.k-state-selected.k-state-focused{-webkit-box-shadow:none;box-shadow:none}.k-state-selected>.k-link,.k-panelbar>li>.k-state-selected,.k-panelbar>li.k-state-default>.k-link.k-state-selected{color:#fff}.k-state-hover,.k-state-hover:hover,.k-splitbar-horizontal-hover:hover,.k-splitbar-vertical-hover:hover,.k-list>.k-state-hover,.k-scheduler .k-scheduler-toolbar ul li.k-state-hover,.k-pager-wrap .k-link:hover,.k-dropdown .k-state-focused,.k-filebrowser-dropzone,.k-mobile-list .k-item>.k-link:active,.k-mobile-list .k-item>.k-label:active,.k-mobile-list .k-edit-label.k-check:active,.k-mobile-list .k-recur-view .k-check:active{color:#2e2e2e;background-color:#bcb4b0;border-color:#bcb4b0}.k-mobile-list .k-scheduler-timezones .k-edit-field:nth-child(2):active{color:#2e2e2e;background-color:#bcb4b0;border-color:#bcb4b0}.k-ie7 .k-window-titlebar .k-state-hover,.k-ie8 .k-window-titlebar .k-state-hover{border-color:#bcb4b0}.k-state-hover>.k-select,.k-state-focused>.k-select{border-color:#bcb4b0}.k-button:hover,.k-button.k-state-hover,.k-button:focus,.k-button.k-state-focused,.k-textbox:hover,.k-state-hover,.k-state-hover:hover,.k-pager-wrap .k-link:hover,.k-other-month.k-state-hover .k-link,div.k-filebrowser-dropzone em,.k-draghandle:hover{background-image:url('textures/highlight.png');background-image:none,-webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-image:none,-moz-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-image:none,-o-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-image:none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%)}.k-pager-wrap{background-color:#e3e3e3;color:#2e2e2e}.k-autocomplete.k-state-active,.k-picker-wrap.k-state-active,.k-numeric-wrap.k-state-active,.k-dropdown-wrap.k-state-active,.k-state-active,.k-state-active:hover,.k-state-active>.k-link,.k-button:active,.k-panelbar>.k-item>.k-state-focused{background-image:none}.k-state-selected,.k-button:active,.k-button.k-state-active,.k-draghandle.k-state-selected:hover{background-image:url('textures/highlight.png');background-image:none,-webkit-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%);background-image:none,-moz-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%);background-image:none,-o-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%);background-image:none,linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%)}.k-button:active,.k-button.k-state-active,.k-draghandle.k-state-selected:hover{background-position:50% 50%}.k-tool-icon{background-image:url('Default/sprite.png')}.k-state-hover>.k-link,.k-other-month.k-state-hover .k-link,div.k-filebrowser-dropzone em{color:#2e2e2e}.k-autocomplete.k-state-hover,.k-autocomplete.k-state-focused,.k-picker-wrap.k-state-hover,.k-picker-wrap.k-state-focused,.k-numeric-wrap.k-state-hover,.k-numeric-wrap.k-state-focused,.k-dropdown-wrap.k-state-hover,.k-dropdown-wrap.k-state-focused{background-color:#bcb4b0;background-image:url('textures/highlight.png');background-image:none,-webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-image:none,-moz-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-image:none,-o-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-image:none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-position:50% 50%;border-color:#bcb4b0}.km-pane-wrapper .k-mobile-list input:not([type="checkbox"]):not([type="radio"]),.km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]),.km-pane-wrapper .k-mobile-list textarea,.k-dropdown .k-state-focused .k-input{color:#2e2e2e}.k-dropdown .k-state-hover .k-input{color:#2e2e2e}.k-state-error{border-color:#e20000;background-color:#ff5252;color:#fff}.k-state-disabled{filter:alpha(opacity=70);opacity:.7}.k-tile-empty.k-state-selected,.k-loading-mask.k-state-selected{border-width:0;background-image:none;background-color:transparent}.k-state-disabled,.k-state-disabled .k-link,.k-state-disabled .k-button,.k-other-month,.k-other-month .k-link,.k-dropzone em,.k-dropzone .k-upload-status,.k-tile-empty strong,.k-slider .k-draghandle{color:#9f9e9e}.k-progressbar-indeterminate{background:url('Default/indeterminate.gif')}.k-progressbar-indeterminate .k-progress-status-wrap,.k-progressbar-indeterminate .k-state-selected{display:none}.k-slider-track{background-color:#c5c5c5}.k-slider-selection{background-color:#f35800}.k-slider-horizontal .k-tick{background-image:url('Default/slider-h.gif')}.k-slider-vertical .k-tick{background-image:url('Default/slider-v.gif')}.k-widget.k-tooltip{border-color:#c5c5c5;background-color:#c6c6c6;color:#282828}.k-widget.k-tooltip-validation{border-color:#ffe79e;background-color:#fff4c9;color:#635145}.input-prepend .k-tooltip-validation,.input-append .k-tooltip-validation{font-size:12px;position:relative;top:3px}.k-callout-n{border-bottom-color:#c5c5c5}.k-callout-w{border-right-color:#c5c5c5}.k-callout-s{border-top-color:#c5c5c5}.k-callout-e{border-left-color:#c5c5c5}.k-tooltip-validation .k-callout-n{border-bottom-color:#ffe79e}.k-tooltip-validation .k-callout-w{border-right-color:#ffe79e}.k-tooltip-validation .k-callout-s{border-top-color:#ffe79e}.k-tooltip-validation .k-callout-e{border-left-color:#ffe79e}.k-splitbar{background-color:#e3e3e3}.k-restricted-size-vertical,.k-restricted-size-horizontal{background-color:#fff}.k-file{background-color:#ffffff;border-color:#c5c5c5}.k-file-progress{color:#06c}.k-file-progress .k-progress{background-color:#d0f8ff}.k-file-success{color:#28760b}.k-file-success .k-progress{background-color:#ddffd0}.k-file-error{color:#c00}.k-file-error .k-progress{background-color:#ffded7}.k-tile{border-color:#fff}.k-textbox:hover,.k-tiles li.k-state-hover{border-color:#bcb4b0}.k-tiles li.k-state-selected{border-color:#f35800}.k-tile .k-folder,.k-tile .k-file{background-image:url('Default/imagebrowser.png')}.k-leaf,.k-leaf.k-state-hover:hover{color:#fff}.k-leaf.k-inverse,.k-leaf.k-inverse.k-state-hover:hover{color:#000}.k-widget,.k-button{-webkit-box-shadow:none;box-shadow:none}.k-slider,.k-treeview,.k-upload{-webkit-box-shadow:none;box-shadow:none}.k-state-hover{-webkit-box-shadow:none;box-shadow:none}.k-autocomplete.k-state-focused,.k-dropdown-wrap.k-state-focused,.k-picker-wrap.k-state-focused,.k-numeric-wrap.k-state-focused{-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,0.3);box-shadow:0 0 3px 0 rgba(0,0,0,0.3)}.k-state-selected{-webkit-box-shadow:none;box-shadow:none}.k-state-active{-webkit-box-shadow:none;box-shadow:none}.k-grid td.k-state-selected.k-state-focused{background-color:#ff5e03}.k-popup,.k-menu .k-menu-group,.k-grid .k-filter-options,.k-time-popup,.k-datepicker-calendar,.k-autocomplete.k-state-border-down,.k-autocomplete.k-state-border-up,.k-dropdown-wrap.k-state-active,.k-picker-wrap.k-state-active,.k-multiselect.k-state-focused,.k-filebrowser .k-image,.k-tooltip{-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.3);box-shadow:0 2px 2px 0 rgba(0,0,0,0.3)}.k-treemap-tile.k-state-hover{-webkit-box-shadow:inset 0 0 0 3px #c5c5c5;box-shadow:inset 0 0 0 3px #c5c5c5}.k-window{border-color:rgba(0,0,0,0.3);-webkit-box-shadow:1px 1px 7px 1px rgba(128,128,128,0.3);box-shadow:1px 1px 7px 1px rgba(128,128,128,0.3);background-color:#fff}.k-window.k-state-focused{border-color:rgba(0,0,0,0.3);-webkit-box-shadow:1px 1px 7px 1px rgba(0,0,0,0.3);box-shadow:1px 1px 7px 1px rgba(0,0,0,0.3)}.k-window.k-window-maximized,.k-window-maximized .k-window-titlebar,.k-window-maximized .k-window-content{border-radius:0}.k-shadow{-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);box-shadow:0 1px 2px 0 rgba(0,0,0,0.3)}.k-inset{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.3);box-shadow:inset 0 1px 1px rgba(0,0,0,0.3)}.k-editor-inline ::selection{background-color:#f35800;text-shadow:none;color:#fff}.k-editor-inline ::-moz-selection{background-color:#f35800;text-shadow:none;color:#fff}.k-notification.k-notification-info{background-color:#e5f5fa;color:#0487c4;border-color:#b7e1f0}.k-notification.k-notification-success{background-color:#eaf7ec;color:#349946;border-color:#c3e8ca}.k-notification.k-notification-warning{background-color:#fff4d9;color:#0487c4;border-color:#fff0c8}.k-notification.k-notification-error{background-color:#ffe0d9;color:#ef470a;border-color:#ffb7a8}.k-treelist{background:#f5f5f5}.k-treelist .k-alt{background-color:#dcdcdc}.k-treelist .k-state-selected,.k-treelist .k-state-selected td,.k-treelist .k-alt.k-state-selected,.k-treelist .k-alt.k-state-selected>td{background-color:#f35800}.k-task-dot:after{background-color:#2e2e2e;border-color:#2e2e2e}.k-task-dot:hover:after{background-color:#fff}.k-task-summary{border-color:#6e6e6e;background:#6e6e6e}.k-task-milestone,.k-task-summary-complete{border-color:#2e2e2e;background:#2e2e2e}.k-state-selected.k-task-summary{border-color:#ffa673;background:#ffa673}.k-state-selected.k-task-milestone,.k-state-selected .k-task-summary-complete{border-color:#f35800;background:#f35800}.k-task-single{background-color:#ffefe5;border-color:#ffdac1;color:#2e2e2e}.k-state-selected.k-task-single{border-color:#f35800}.k-line{background-color:#2e2e2e;color:#2e2e2e}.k-state-selected.k-line{background-color:#f35800;color:#f35800}.k-block,.k-button,.k-textbox,.k-drag-clue,.k-touch-scrollbar,.k-window,.k-window-titleless .k-window-content,.k-window-action,.k-inline-block,.k-grid .k-filter-options,.k-grouping-header .k-group-indicator,.k-autocomplete,.k-multiselect,.k-combobox,.k-dropdown,.k-dropdown-wrap,.k-datepicker,.k-timepicker,.k-colorpicker,.k-datetimepicker,.k-notification,.k-numerictextbox,.k-picker-wrap,.k-numeric-wrap,.k-colorpicker,.k-list-container,.k-calendar-container,.k-calendar td,.k-calendar .k-link,.k-treeview .k-in,.k-editor-inline,.k-tooltip,.k-tile,.k-slider-track,.k-slider-selection,.k-upload{border-radius:4px}.k-tool{text-align:center;vertical-align:middle}.k-tool.k-group-start,.k-toolbar .k-split-button .k-button,.k-toolbar .k-button-group .k-group-start{border-radius:4px 0 0 4px}.k-rtl .k-tool.k-group-start{border-radius:0 4px 4px 0}.k-tool.k-group-end,.k-toolbar .k-button-group .k-group-end,.k-toolbar .k-split-button .k-split-button-arrow{border-radius:0 4px 4px 0}.k-rtl .k-tool.k-group-end{border-radius:4px 0 0 4px}.k-group-start.k-group-end.k-tool{border-radius:4px}.k-calendar-container.k-state-border-up,.k-list-container.k-state-border-up,.k-autocomplete.k-state-border-up,.k-multiselect.k-state-border-up,.k-dropdown-wrap.k-state-border-up,.k-picker-wrap.k-state-border-up,.k-numeric-wrap.k-state-border-up,.k-window-content,.k-filter-menu{border-radius:0 0 4px 4px}.k-autocomplete.k-state-border-up .k-input,.k-dropdown-wrap.k-state-border-up .k-input,.k-picker-wrap.k-state-border-up .k-input,.k-picker-wrap.k-state-border-up .k-selected-color,.k-numeric-wrap.k-state-border-up .k-input{border-radius:0 0 0 4px}.k-multiselect.k-state-border-up .k-multiselect-wrap{border-radius:0 0 4px 4px}.k-window-titlebar,.k-block>.k-header,.k-tabstrip-items .k-item,.k-panelbar .k-tabstrip-items .k-item,.k-tabstrip-items .k-link,.k-calendar-container.k-state-border-down,.k-list-container.k-state-border-down,.k-autocomplete.k-state-border-down,.k-multiselect.k-state-border-down,.k-dropdown-wrap.k-state-border-down,.k-picker-wrap.k-state-border-down,.k-numeric-wrap.k-state-border-down{border-radius:4px 4px 0 0}.k-split-button.k-state-border-down>.k-button{border-radius:4px 0 0 0}.k-split-button.k-state-border-up>.k-button{border-radius:0 0 0 4px}.k-split-button.k-state-border-down>.k-split-button-arrow{border-radius:0 4px 0 0}.k-split-button.k-state-border-up>.k-split-button-arrow{border-radius:0 0 4px 0}.k-dropdown-wrap .k-input,.k-picker-wrap .k-input,.k-numeric-wrap .k-input{border-radius:3px 0 0 3px}.k-rtl .k-dropdown-wrap .k-input,.k-rtl .k-picker-wrap .k-input,.k-rtl .k-numeric-wrap .k-input{border-radius:0 3px 3px 0}.k-numeric-wrap .k-link{border-radius:0 3px 0 0}.k-numeric-wrap .k-link+.k-link{border-radius:0 0 3px 0}.k-colorpicker .k-selected-color{border-radius:3px 0 0 3px}.k-rtl .k-colorpicker .k-selected-color{border-radius:0 3px 3px 0}.k-autocomplete.k-state-border-down .k-input{border-radius:4px 4px 0 0}.k-dropdown-wrap.k-state-border-down .k-input,.k-picker-wrap.k-state-border-down .k-input,.k-picker-wrap.k-state-border-down .k-selected-color,.k-numeric-wrap.k-state-border-down .k-input{border-radius:4px 0 0 0}.k-numeric-wrap .k-link.k-state-selected{background-color:#f35800}.k-multiselect.k-state-border-down .k-multiselect-wrap{border-radius:3px 3px 0 0}.k-dropdown-wrap .k-select,.k-picker-wrap .k-select,.k-numeric-wrap .k-select,.k-datetimepicker .k-select+.k-select,.k-list-container.k-state-border-right{border-radius:0 4px 4px 0}.k-rtl .k-dropdown-wrap .k-select,.k-rtl .k-picker-wrap .k-select,.k-rtl .k-numeric-wrap .k-select,.k-rtl .k-datetimepicker .k-select+.k-select,.k-rtl .k-list-container.k-state-border-right{border-radius:4px 0 0 4px}.k-numeric-wrap.k-expand-padding .k-input{border-radius:4px}.k-textbox>input,.k-autocomplete .k-input,.k-multiselect-wrap{border-radius:3px}.k-list .k-state-hover,.k-list .k-state-focused,.k-list .k-state-highlight,.k-list .k-state-selected,.k-fieldselector .k-list .k-item,.k-dropzone{border-radius:3px}.k-slider .k-button,.k-grid .k-slider .k-button{border-radius:13px}.k-draghandle{border-radius:7px}.k-scheduler-toolbar>ul li:first-child,.k-scheduler-toolbar>ul li:first-child .k-link{border-radius:4px 0 0 4px}.k-rtl .k-scheduler-toolbar>ul li:first-child,.k-rtl .k-scheduler-toolbar>ul li:first-child .k-link,.km-view.k-popup-edit-form .k-scheduler-toolbar>ul li:last-child,.km-view.k-popup-edit-form .k-scheduler-toolbar>ul li:last-child .k-link{border-radius:0 4px 4px 0}.k-scheduler-phone .k-scheduler-toolbar>ul li.k-nav-today,.k-scheduler-phone .k-scheduler-toolbar>ul li.k-nav-today .k-link,.k-edit-field>.k-scheduler-navigation{border-radius:4px}.k-scheduler-toolbar .k-nav-next,.k-scheduler-toolbar ul+ul li:last-child,.k-scheduler-toolbar .k-nav-next .k-link,.k-scheduler-toolbar ul+ul li:last-child .k-link{border-top-right-radius:4px;border-bottom-right-radius:4px}.k-rtl .k-scheduler-toolbar .k-nav-next,.k-rtl .k-scheduler-toolbar ul+ul li:last-child,.k-rtl .k-scheduler-toolbar .k-nav-next .k-link,.k-rtl .k-scheduler-toolbar ul+ul li:last-child .k-link{border-radius:4px 0 0 4px}.k-scheduler div.k-scheduler-footer ul li,.k-scheduler div.k-scheduler-footer .k-link{border-radius:4px}.k-more-events,.k-event,.k-task-single,.k-task-complete,.k-event .k-link{border-radius:3px}.k-scheduler-mobile .k-event{border-radius:2px}.k-grid-mobile .k-column-active+th.k-header{border-left-color:#2e2e2e}html .km-pane-wrapper .km-widget,.k-ie .km-pane-wrapper .k-widget,.k-ie .km-pane-wrapper .k-group,.k-ie .km-pane-wrapper .k-content,.k-ie .km-pane-wrapper .k-header,.k-ie .km-pane-wrapper .k-popup-edit-form .k-edit-field .k-button,.km-pane-wrapper .k-mobile-list .k-item,.km-pane-wrapper .k-mobile-list .k-edit-label,.km-pane-wrapper .k-mobile-list .k-edit-field{color:#2e2e2e}@media screen and (-ms-high-contrast:active) and (-ms-high-contrast:none){div.km-pane-wrapper a{color:#2e2e2e}.km-pane-wrapper .k-icon{background-image:url('Default/sprite_2x.png');background-size:21.2em 21em}}.km-pane-wrapper .k-mobile-list .k-item,.km-pane-wrapper .k-mobile-list .k-edit-field,.km-pane-wrapper .k-mobile-list .k-recur-view>.k-edit-field .k-check{background-color:#ffffff;border-top:1px solid #c5c5c5}.km-pane-wrapper .k-mobile-list .k-edit-field textarea{outline-width:0}.km-pane-wrapper .k-mobile-list .k-item.k-state-selected{background-color:#f35800;border-top-color:#f35800}.km-pane-wrapper .k-mobile-list .k-recur-view>.k-edit-field .k-check:first-child{border-top-color:transparent}.km-pane-wrapper .k-mobile-list .k-item:last-child{-webkit-box-shadow:inset 0 -1px 0 #c5c5c5;box-shadow:inset 0 -1px 0 #c5c5c5}.km-pane-wrapper .k-mobile-list>ul>li>.k-link,.km-pane-wrapper .k-mobile-list .k-recur-view>.k-edit-label:nth-child(3),.km-pane-wrapper #recurrence .km-scroll-container>.k-edit-label:first-child{color:#797979}.km-pane-wrapper .k-mobile-list>ul>li>.k-link{border-bottom:1px solid #c5c5c5}.km-pane-wrapper .k-mobile-list .k-edit-field{-webkit-box-shadow:0 1px 1px #c5c5c5;box-shadow:0 1px 1px #c5c5c5}.km-actionsheet .k-grid-delete,.km-actionsheet .k-scheduler-delete,.km-pane-wrapper .k-scheduler-delete,.km-pane-wrapper .k-filter-menu .k-button[type=reset]{color:#ffffff;border-color:#e20000;background-color:red;background-image:-webkit-gradient(linear,50% 0,50% 100%,from(rgba(255,255,255,.3)),to(rgba(255,255,255,.15)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,.15));background-image:-moz-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,.15));background-image:-ms-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,.15));background-image:linear-gradient(to bottom,rgba(255,255,255,.3),rgba(255,255,255,.15))}.km-actionsheet .k-grid-delete:active,.km-actionsheet .k-scheduler-delete:active,.km-pane-wrapper .k-scheduler-delete:active,.km-pane-wrapper .k-filter-menu .k-button[type=reset]:active{background-color:#900}.k-autocomplete.k-state-default,.k-picker-wrap.k-state-default,.k-numeric-wrap.k-state-default,.k-dropdown-wrap.k-state-default{background-image:url('textures/highlight.png');background-image:none,-webkit-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);background-image:none,-moz-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);background-image:none,-o-linear-gradient(top,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);background-image:none,linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,.0) 100%);background-position:50% 50%;background-color:#e9e9e9;border-color:#c5c5c5}.k-autocomplete.k-state-hover,.k-picker-wrap.k-state-hover,.k-numeric-wrap.k-state-hover,.k-dropdown-wrap.k-state-hover{background-color:#bcb4b0;background-image:url('textures/highlight.png');background-image:none,-webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-image:none,-moz-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-image:none,-o-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-image:none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-position:50% 50%;border-color:#bcb4b0}.k-multiselect.k-header{border-color:#c5c5c5}.k-multiselect.k-header.k-state-hover{border-color:#bcb4b0}.k-autocomplete.k-state-focused,.k-picker-wrap.k-state-focused,.k-numeric-wrap.k-state-focused,.k-dropdown-wrap.k-state-focused,.k-multiselect.k-header.k-state-focused{background-color:#bcb4b0;background-image:url('textures/highlight.png');background-image:none,-webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-image:none,-moz-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-image:none,-o-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-image:none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-position:50% 50%;border-color:#bcb4b0;-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,0.3);box-shadow:0 0 3px 0 rgba(0,0,0,0.3)}.k-list-container{color:#2e2e2e}.k-dropdown .k-input,.k-dropdown .k-state-focused .k-input,.k-menu .k-popup{color:#2e2e2e}.k-state-default>.k-select{border-color:#c5c5c5}.k-state-hover>.k-select{border-color:#bcb4b0}.k-state-focused>.k-select{border-color:#bcb4b0}.k-tabstrip-items .k-state-default .k-link,.k-panelbar>li.k-state-default>.k-link{color:#2e2e2e}.k-tabstrip-items .k-state-hover .k-link,.k-panelbar>li.k-state-hover>.k-link,.k-panelbar>li.k-state-default>.k-link.k-state-hover{color:#2e2e2e}.k-panelbar .k-state-focused.k-state-hover{background:#bcb4b0;-webkit-box-shadow:none;box-shadow:none}.k-tabstrip-items .k-state-default,.k-ie7 .k-tabstrip-items .k-state-default .k-loading{border-color:#c5c5c5}.k-tabstrip-items .k-state-hover,.k-ie7 .k-tabstrip-items .k-state-hover .k-loading{border-color:#bcb4b0}.k-tabstrip-items .k-state-active,.k-ie7 .k-tabstrip-items .k-state-active .k-loading{background-color:#ffffff;background-image:none;border-color:#f35800}.k-tabstrip .k-content.k-state-active{background-color:#ffffff;color:#2e2e2e}.k-menu.k-header,.k-menu .k-item{border-color:#c5c5c5}.k-column-menu,.k-column-menu .k-item,.k-overflow-container .k-overflow-group{border-color:#c5c5c5}.k-overflow-container .k-overflow-group{box-shadow:inset 0 1px 0 #fff,0 1px 0 #fff}.k-toolbar-first-visible.k-overflow-group,.k-overflow-container .k-overflow-group+.k-overflow-group{box-shadow:0 1px 0 #fff}.k-toolbar-last-visible.k-overflow-group{box-shadow:inset 0 1px 0 #fff}.k-column-menu .k-separator{border-color:#c5c5c5;background-color:transparent}.k-menu .k-group{border-color:#c5c5c5}.k-grid-filter.k-state-active{background-color:#fff}.k-grouping-row td,.k-group-footer td,.k-grid-footer td{color:#2e2e2e;border-color:#c5c5c5;font-weight:bold}.k-grouping-header{color:#2e2e2e}.k-grid td.k-state-focused{-webkit-box-shadow:inset 0 0 0 1px inset 0 0 5px 1px #bcb4b0;box-shadow:inset 0 0 0 1px inset 0 0 5px 1px #bcb4b0}.k-header,.k-grid-header-wrap,.k-grid .k-grouping-header,.k-grid-header,.k-pager-wrap,.k-pager-wrap .k-textbox,.k-pager-wrap .k-link,.k-grouping-header .k-group-indicator,.k-gantt-toolbar .k-state-default{border-color:#c5c5c5}.k-primary,.k-overflow-container .k-primary{color:#ffffff;border-color:#ef671a;background-image:url('textures/highlight.png');background-image:none,-webkit-linear-gradient(top,#f6813f 0,#f35a03 100%);background-image:none,-moz-linear-gradient(top,#f6813f 0,#f35a03 100%);background-image:none,-o-linear-gradient(top,#f6813f 0,#f35a03 100%);background-image:none,linear-gradient(to bottom,#f6813f 0,#f35a03 100%);background-position:50% 50%;background-color:#f35800;-webkit-box-shadow:none;box-shadow:none}.k-primary:focus,.k-primary.k-state-focused{color:#ffffff;border-color:#e84200;background-image:url('textures/highlight.png');background-image:none,-webkit-linear-gradient(top,#f1713f 0,#ed4503 100%);background-image:none,-moz-linear-gradient(top,#f1713f 0,#ed4503 100%);background-image:none,-o-linear-gradient(top,#f1713f 0,#ed4503 100%);background-image:none,linear-gradient(to bottom,#f1713f 0,#ed4503 100%);-webkit-box-shadow:0 0 3px 1px #e10000;box-shadow:0 0 3px 1px #e10000}.k-primary:hover{color:#ffffff;border-color:#ef671a;background-image:url('textures/highlight.png');background-image:none,-webkit-linear-gradient(top,#f1713f 0,#ed4503 100%);background-image:none,-moz-linear-gradient(top,#f1713f 0,#ed4503 100%);background-image:none,-o-linear-gradient(top,#f1713f 0,#ed4503 100%);background-image:none,linear-gradient(to bottom,#f1713f 0,#ed4503 100%);background-color:#ed4300;-webkit-box-shadow:none;box-shadow:none}.k-primary:focus:active:not(.k-state-disabled):not([disabled]),.k-primary:focus:not(.k-state-disabled):not([disabled]){-webkit-box-shadow:0 0 3px 1px #e10000;box-shadow:0 0 3px 1px #e10000}.k-primary:active{color:#ffffff;border-color:#ef671a;background-image:url('textures/highlight.png');background-image:none,-webkit-linear-gradient(top,#f6813f 0,#f35a03 100%);background-image:none,-moz-linear-gradient(top,#f6813f 0,#f35a03 100%);background-image:none,-o-linear-gradient(top,#f6813f 0,#f35a03 100%);background-image:none,linear-gradient(to bottom,#f6813f 0,#f35a03 100%);background-color:#f35800;-webkit-box-shadow:none;box-shadow:none}.k-primary.k-state-disabled,.k-state-disabled .k-primary,.k-primary.k-state-disabled:hover,.k-state-disabled .k-primary:hover,.k-primary.k-state-disabled:hover,.k-state-disabled .k-primary:active,.k-primary.k-state-disabled:active{color:#fab58e;border-color:#ef671a;background-color:#f35800;background-image:url('textures/highlight.png');background-image:none,-webkit-linear-gradient(top,#f6813f 0,#f35a03 100%);background-image:none,-moz-linear-gradient(top,#f6813f 0,#f35a03 100%);background-image:none,-o-linear-gradient(top,#f6813f 0,#f35a03 100%);background-image:none,linear-gradient(to bottom,#f6813f 0,#f35a03 100%);-webkit-box-shadow:none;box-shadow:none}.k-pager-numbers .k-link,.k-treeview .k-in{border-color:transparent}.k-treeview .k-icon,.k-scheduler-table .k-icon,.k-grid .k-hierarchy-cell .k-icon{background-color:transparent;border-radius:4px}.k-scheduler-table .k-state-hover .k-icon{background-color:transparent}.k-button:focus{outline:0}.k-editor .k-tool:focus{outline:0;border-color:#c5c5c5;-webkit-box-shadow:inset 0 0 5px 1px #bcb4b0;box-shadow:inset 0 0 5px 1px #bcb4b0}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){.k-icon:not(.k-loading),.k-grouping-dropclue,.k-drop-hint,.k-callout,.k-tool-icon,.k-state-hover .k-tool-icon,.k-state-active .k-tool-icon,.k-state-active.k-state-hover .k-tool-icon,.k-state-selected .k-tool-icon,.k-state-selected.k-state-hover .k-tool-icon,.k-column-menu .k-sprite,.k-mobile-list .k-check:checked,.k-mobile-list .k-edit-field [type=checkbox]:checked,.k-mobile-list .k-edit-field [type=radio]:checked{background-image:url('Default/sprite_2x.png');background-size:340px 336px}.k-dropdown-wrap .k-input,.k-picker-wrap .k-input,.k-numeric-wrap .k-input{border-radius:3px 0 0 3px}}@media screen and (-ms-high-contrast:active){.k-editor-toolbar-wrap .k-dropdown-wrap.k-state-focused,.k-editor-toolbar-wrap .k-button-group .k-tool:focus{border-color:#fff}}
/*
* Kendo UI v2014.2.716 (http://www.telerik.com/kendo-ui)
* Copyright 2014 Telerik AD. All rights reserved.
*
* Kendo UI commercial licenses may be obtained at
* http://www.telerik.com/purchase/license-agreement/kendo-ui-complete
* If you do not own a commercial license, this file shall be governed by the trial license terms.
*/
.fake{color:red}.k-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}.k-floatwrap:after,.k-slider-items:after,.k-grid-toolbar:after{content:"";display:block;clear:both;visibility:hidden;height:0;overflow:hidden}.k-floatwrap,.k-slider-items,.k-grid-toolbar{display:inline-block}.k-floatwrap,.k-slider-items,.k-grid-toolbar{display:block}.k-block,.k-button,.k-header,.k-grid-header,.k-toolbar,.k-grouping-header,.k-tooltip,.k-pager-wrap,.k-tabstrip-items .k-item,.k-link.k-state-hover,.k-textbox,.k-textbox:hover,.k-autocomplete,.k-dropdown-wrap,.k-picker-wrap,.k-numeric-wrap,.k-autocomplete.k-state-hover,.k-dropdown-wrap.k-state-hover,.k-picker-wrap.k-state-hover,.k-numeric-wrap.k-state-hover,.k-draghandle{background-repeat:repeat;background-position:0 center}.k-link:hover{text-decoration:none}.k-state-highlight>.k-link{color:inherit}.k-textbox>input,.k-input[type="text"],.k-input[type="number"],.k-textbox,.k-picker-wrap .k-input,.k-button{font-size:100%;font-family:inherit;border-style:solid;border-width:1px;-webkit-appearance:none}.k-widget,.k-block,.k-inline-block,.k-draghandle{border-style:solid;border-width:1px;-webkit-appearance:none}.k-block,.k-widget{line-height:normal;outline:0}.k-block{padding:2px}.k-button{display:inline-block;margin:0;padding:2px 7px 2px;font-family:inherit;line-height:1.72em;text-align:center;cursor:pointer;text-decoration:none}.k-button[disabled],.k-button.k-state-disabled,.k-state-disabled .k-button,.k-state-disabled .k-button:hover,.k-button.k-state-disabled:hover,.k-state-disabled .k-button:active,.k-button.k-state-disabled:active{cursor:default}.k-ie7 .k-button{line-height:normal}a.k-button{-khtml-user-select:none;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;text-decoration:none}.k-ff input.k-button{padding-bottom:.37em;padding-top:.37em}.k-ie7 .k-button{overflow:visible;margin-right:4px}.k-ie7 a.k-button{line-height:1.6;padding-left:7px;padding-right:7px}.k-ie7 .k-slider a.k-button{height:22px;line-height:22px;padding:0}.k-ie7 .k-button-expand{margin-left:0;margin-right:0}button.k-button::-moz-focus-inner,input.k-button::-moz-focus-inner{padding:0;border:0}a.k-button-expand{display:block}button.k-button-expand,input[type="submit"].k-button-expand,input[type="button"].k-button-expand,input[type="reset"].k-button-expand{width:100%}body .k-button-icon,body .k-split-button-arrow{padding-left:.4em;padding-right:.4em}.k-ie7 a.k-button-icon{padding-left:5px;padding-right:5px}.k-button-icontext{padding-right:.8em;overflow:visible}.k-button-icontext .k-icon,.k-button-icontext .k-image{margin-right:.3rem;margin-left:-0.3rem}.k-ie8 .k-button-icontext .k-icon,.k-ie8 .k-button-icontext .k-image{margin-right:3px;margin-left:-3px}.k-button.k-button-icontext .k-icon,.k-button.k-button-icontext .k-image{vertical-align:text-top}html body .k-button-bare{background:none!important;color:inherit;border-width:0}html body .k-button-bare.k-upload-button:hover{color:inherit}.k-link{cursor:pointer;outline:0;text-decoration:none}.k-grid-header span.k-link{cursor:default}.k-state-disabled,.k-state-disabled .k-link,.k-state-disabled .k-icon,.k-state-disabled .k-button,.k-state-disabled .k-draghandle,.k-state-disabled .k-upload-button input{cursor:default!important;outline:0}@media print{.k-state-disabled,.k-state-disabled .k-input{opacity:1!important;}}.k-state-error{border-style:ridge}.k-state-empty{font-style:italic}.k-icon,.k-sprite,.k-button-group .k-tool-icon{display:inline-block;width:16px;height:16px;overflow:hidden;background-repeat:no-repeat;font-size:0;line-height:0;text-align:center;-ms-high-contrast-adjust:none}.k-icon.k-i-none{background-image:none}.k-ie8 .k-icon,.k-ie8 .k-sprite,.k-ie8 .k-button-group .k-tool-icon{vertical-align:middle}:root *>.k-icon,:root *>.k-sprite,:root *>.k-button-group .k-tool-icon{vertical-align:middle}.k-icon,.k-sprite{background-color:transparent}.k-ie7 .k-icon,.k-ie7 .k-sprite{text-indent:0}.k-numerictextbox .k-select .k-link span.k-i-arrow-n{background-position:0 -3px}.k-numerictextbox .k-select .k-link span.k-i-arrow-s{background-position:0 -35px}.k-state-selected .k-i-arrow-n{background-position:-16px 0}.k-link:not(.k-state-disabled):hover>.k-state-selected .k-i-arrow-n,.k-state-hover>.k-state-selected .k-i-arrow-n,.k-state-hover>*>.k-state-selected .k-i-arrow-n,.k-button:hover .k-state-selected .k-i-arrow-n,.k-textbox:hover .k-state-selected .k-i-arrow-n,.k-button:active .k-state-selected .k-i-arrow-n{background-position:-32px 0}.k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n,.k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n{background-position:-16px -3px}.k-state-selected .k-i-arrow-s{background-position:-16px -32px}.k-link:not(.k-state-disabled):hover>.k-state-selected .k-i-arrow-s,.k-state-hover>.k-state-selected .k-i-arrow-s,.k-state-hover>*>.k-state-selected .k-i-arrow-s,.k-button:hover .k-state-selected .k-i-arrow-s,.k-textbox:hover .k-state-selected .k-i-arrow-s,.k-button:active .k-state-selected .k-i-arrow-s{background-position:-32px -32px}.k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s,.k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s{background-position:-16px -35px}.k-grid-header th>.k-link:hover span.k-i-arrow-n{background-position:0 0}.k-grid-header th>.k-link:hover span.k-i-arrow-s{background-position:0 -32px}.k-group-indicator .k-link:hover span.k-si-arrow-n{background-position:0 -129px}.k-group-indicator .k-link:hover span.k-si-arrow-s{background-position:0 -159px}.k-group-indicator .k-button:hover span.k-group-delete{background-position:-32px -16px}.k-scheduler .k-scheduler-toolbar .k-nav-current .k-link .k-i-calendar{background-position:-32px -176px}.k-i-arrow-n{background-position:0 0}.k-link:not(.k-state-disabled):hover>.k-i-arrow-n,.k-state-hover>.k-i-arrow-n,.k-state-hover>*>.k-i-arrow-n,.k-button:hover .k-i-arrow-n,.k-textbox:hover .k-i-arrow-n,.k-button:active .k-i-arrow-n{background-position:-16px 0}.k-i-arrow-e{background-position:0 -16px}.k-link:not(.k-state-disabled):hover>.k-i-arrow-e,.k-state-hover>.k-i-arrow-e,.k-state-hover>*>.k-i-arrow-e,.k-button:hover .k-i-arrow-e,.k-textbox:hover .k-i-arrow-e,.k-button:active .k-i-arrow-e{background-position:-16px -16px}.k-rtl .k-i-arrow-w{background-position:0 -16px}.k-rtl .k-link:not(.k-state-disabled):hover>.k-i-arrow-w,.k-rtl .k-state-hover>.k-i-arrow-w,.k-rtl .k-state-hover>*>.k-i-arrow-w,.k-rtl .k-button:hover .k-i-arrow-w,.k-rtl .k-textbox:hover .k-i-arrow-w,.k-rtl .k-button:active .k-i-arrow-w{background-position:-16px -16px}.k-i-arrow-s{background-position:0 -32px}.k-link:not(.k-state-disabled):hover>.k-i-arrow-s,.k-state-hover>.k-i-arrow-s,.k-state-hover>*>.k-i-arrow-s,.k-button:hover .k-i-arrow-s,.k-textbox:hover .k-i-arrow-s,.k-button:active .k-i-arrow-s{background-position:-16px -32px}.k-i-arrow-w{background-position:0 -48px}.k-link:not(.k-state-disabled):hover>.k-i-arrow-w,.k-state-hover>.k-i-arrow-w,.k-state-hover>*>.k-i-arrow-w,.k-button:hover .k-i-arrow-w,.k-textbox:hover .k-i-arrow-w,.k-button:active .k-i-arrow-w{background-position:-16px -48px}.k-rtl .k-i-arrow-e{background-position:0 -48px}.k-rtl .k-link:not(.k-state-disabled):hover>.k-i-arrow-e,.k-rtl .k-state-hover>.k-i-arrow-e,.k-rtl .k-state-hover>*>.k-i-arrow-e,.k-rtl .k-button:hover .k-i-arrow-e,.k-rtl .k-textbox:hover .k-i-arrow-e,.k-rtl .k-button:active .k-i-arrow-e{background-position:-16px -48px}.k-i-seek-n{background-position:0 -64px}.k-link:not(.k-state-disabled):hover>.k-i-seek-n,.k-state-hover>.k-i-seek-n,.k-state-hover>*>.k-i-seek-n,.k-button:hover .k-i-seek-n,.k-textbox:hover .k-i-seek-n,.k-button:active .k-i-seek-n{background-position:-16px -64px}.k-i-seek-e{background-position:0 -80px}.k-link:not(.k-state-disabled):hover>.k-i-seek-e,.k-state-hover>.k-i-seek-e,.k-state-hover>*>.k-i-seek-e,.k-button:hover .k-i-seek-e,.k-textbox:hover .k-i-seek-e,.k-button:active .k-i-seek-e{background-position:-16px -80px}.k-rtl .k-i-seek-w{background-position:0 -80px}.k-rtl .k-link:not(.k-state-disabled):hover>.k-i-seek-w,.k-rtl .k-state-hover>.k-i-seek-w,.k-rtl .k-state-hover>*>.k-i-seek-w,.k-rtl .k-button:hover .k-i-seek-w,.k-rtl .k-textbox:hover .k-i-seek-w,.k-rtl .k-button:active .k-i-seek-w{background-position:-16px -80px}.k-i-seek-s{background-position:0 -96px}.k-link:not(.k-state-disabled):hover>.k-i-seek-s,.k-state-hover>.k-i-seek-s,.k-state-hover>*>.k-i-seek-s,.k-button:hover .k-i-seek-s,.k-textbox:hover .k-i-seek-s,.k-button:active .k-i-seek-s{background-position:-16px -96px}.k-i-seek-w{background-position:0 -112px}.k-link:not(.k-state-disabled):hover>.k-i-seek-w,.k-state-hover>.k-i-seek-w,.k-state-hover>*>.k-i-seek-w,.k-button:hover .k-i-seek-w,.k-textbox:hover .k-i-seek-w,.k-button:active .k-i-seek-w{background-position:-16px -112px}.k-rtl .k-i-seek-e{background-position:0 -112px}.k-rtl .k-link:not(.k-state-disabled):hover>.k-i-seek-e,.k-rtl .k-state-hover>.k-i-seek-e,.k-rtl .k-state-hover>*>.k-i-seek-e,.k-rtl .k-button:hover .k-i-seek-e,.k-rtl .k-textbox:hover .k-i-seek-e,.k-rtl .k-button:active .k-i-seek-e{background-position:-16px -112px}.k-si-arrow-n{background-position:0 -129px}.k-link:not(.k-state-disabled):hover>.k-si-arrow-n,.k-state-hover>.k-si-arrow-n,.k-state-hover>*>.k-si-arrow-n,.k-button:hover .k-si-arrow-n,.k-textbox:hover .k-si-arrow-n,.k-button:active .k-si-arrow-n{background-position:-16px -129px}.k-si-arrow-e{background-position:0 -144px}.k-link:not(.k-state-disabled):hover>.k-si-arrow-e,.k-state-hover>.k-si-arrow-e,.k-state-hover>*>.k-si-arrow-e,.k-button:hover .k-si-arrow-e,.k-textbox:hover .k-si-arrow-e,.k-button:active .k-si-arrow-e{background-position:-16px -144px}.k-si-arrow-s{background-position:0 -159px}.k-link:not(.k-state-disabled):hover>.k-si-arrow-s,.k-state-hover>.k-si-arrow-s,.k-state-hover>*>.k-si-arrow-s,.k-button:hover .k-si-arrow-s,.k-textbox:hover .k-si-arrow-s,.k-button:active .k-si-arrow-s{background-position:-16px -159px}.k-si-arrow-w{background-position:0 -176px}.k-link:not(.k-state-disabled):hover>.k-si-arrow-w,.k-state-hover>.k-si-arrow-w,.k-state-hover>*>.k-si-arrow-w,.k-button:hover .k-si-arrow-w,.k-textbox:hover .k-si-arrow-w,.k-button:active .k-si-arrow-w{background-position:-16px -176px}.k-i-arrowhead-n{background-position:0 -256px}.k-link:not(.k-state-disabled):hover>.k-i-arrowhead-n,.k-state-hover>.k-i-arrowhead-n,.k-state-hover>*>.k-i-arrowhead-n,.k-button:hover .k-i-arrowhead-n,.k-textbox:hover .k-i-arrowhead-n,.k-button:active .k-i-arrowhead-n{background-position:-16px -256px}.k-i-arrowhead-e{background-position:0 -272px}.k-link:not(.k-state-disabled):hover>.k-i-arrowhead-e,.k-state-hover>.k-i-arrowhead-e,.k-state-hover>*>.k-i-arrowhead-e,.k-button:hover .k-i-arrowhead-e,.k-textbox:hover .k-i-arrowhead-e,.k-button:active .k-i-arrowhead-e{background-position:-16px -272px}.k-i-arrowhead-s{background-position:0 -288px}.k-link:not(.k-state-disabled):hover>.k-i-arrowhead-s,.k-state-hover>.k-i-arrowhead-s,.k-state-hover>*>.k-i-arrowhead-s,.k-button:hover .k-i-arrowhead-s,.k-textbox:hover .k-i-arrowhead-s,.k-button:active .k-i-arrowhead-s{background-position:-16px -288px}.k-i-arrowhead-w{background-position:0 -304px}.k-link:not(.k-state-disabled):hover>.k-i-arrowhead-w,.k-state-hover>.k-i-arrowhead-w,.k-state-hover>*>.k-i-arrowhead-w,.k-button:hover .k-i-arrowhead-w,.k-textbox:hover .k-i-arrowhead-w,.k-button:active .k-i-arrowhead-w{background-position:-16px -304px}.k-i-expand,.k-plus,.k-plus-disabled{background-position:0 -192px}.k-link:not(.k-state-disabled):hover>.k-i-expand,.k-link:not(.k-state-disabled):hover>.k-plus,.k-link:not(.k-state-disabled):hover>.k-plus-disabled,.k-state-hover>.k-i-expand,.k-state-hover>.k-plus,.k-state-hover>.k-plus-disabled,.k-state-hover>*>.k-i-expand,.k-state-hover>*>.k-plus,.k-state-hover>*>.k-plus-disabled,.k-button:hover .k-i-expand,.k-button:hover .k-plus,.k-button:hover .k-plus-disabled,.k-textbox:hover .k-i-expand,.k-textbox:hover .k-plus,.k-textbox:hover .k-plus-disabled,.k-button:active .k-i-expand,.k-button:active .k-plus,.k-button:active .k-plus-disabled{background-position:-16px -192px}.k-i-expand-w,.k-rtl .k-i-expand,.k-rtl .k-plus,.k-rtl .k-plus-disabled{background-position:0 -208px}.k-link:not(.k-state-disabled):hover>.k-i-expand-w,.k-link:not(.k-state-disabled):hover>.k-rtl .k-i-expand,.k-link:not(.k-state-disabled):hover>.k-rtl .k-plus,.k-link:not(.k-state-disabled):hover>.k-rtl .k-plus-disabled,.k-state-hover>.k-i-expand-w,.k-state-hover>.k-rtl .k-i-expand,.k-state-hover>.k-rtl .k-plus,.k-state-hover>.k-rtl .k-plus-disabled,.k-state-hover>*>.k-i-expand-w,.k-state-hover>*>.k-rtl .k-i-expand,.k-state-hover>*>.k-rtl .k-plus,.k-state-hover>*>.k-rtl .k-plus-disabled,.k-button:hover .k-i-expand-w,.k-button:hover .k-rtl .k-i-expand,.k-button:hover .k-rtl .k-plus,.k-button:hover .k-rtl .k-plus-disabled,.k-textbox:hover .k-i-expand-w,.k-textbox:hover .k-rtl .k-i-expand,.k-textbox:hover .k-rtl .k-plus,.k-textbox:hover .k-rtl .k-plus-disabled,.k-button:active .k-i-expand-w,.k-button:active .k-rtl .k-i-expand,.k-button:active .k-rtl .k-plus,.k-button:active .k-rtl .k-plus-disabled{background-position:-16px -208px}.k-i-collapse,.k-minus,.k-minus-disabled{background-position:0 -224px}.k-link:not(.k-state-disabled):hover>.k-i-collapse,.k-link:not(.k-state-disabled):hover>.k-minus,.k-link:not(.k-state-disabled):hover>.k-minus-disabled,.k-state-hover>.k-i-collapse,.k-state-hover>.k-minus,.k-state-hover>.k-minus-disabled,.k-state-hover>*>.k-i-collapse,.k-state-hover>*>.k-minus,.k-state-hover>*>.k-minus-disabled,.k-button:hover .k-i-collapse,.k-button:hover .k-minus,.k-button:hover .k-minus-disabled,.k-textbox:hover .k-i-collapse,.k-textbox:hover .k-minus,.k-textbox:hover .k-minus-disabled,.k-button:active .k-i-collapse,.k-button:active .k-minus,.k-button:active .k-minus-disabled{background-position:-16px -224px}.k-i-collapse-w,.k-rtl .k-i-collapse,.k-rtl .k-minus,.k-rtl .k-minus-disabled{background-position:0 -240px}.k-link:not(.k-state-disabled):hover>.k-i-collapse-w,.k-link:not(.k-state-disabled):hover>.k-rtl .k-i-collapse,.k-link:not(.k-state-disabled):hover>.k-rtl .k-minus,.k-link:not(.k-state-disabled):hover>.k-rtl .k-minus-disabled,.k-state-hover>.k-i-collapse-w,.k-state-hover>.k-rtl .k-i-collapse,.k-state-hover>.k-rtl .k-minus,.k-state-hover>.k-rtl .k-minus-disabled,.k-state-hover>*>.k-i-collapse-w,.k-state-hover>*>.k-rtl .k-i-collapse,.k-state-hover>*>.k-rtl .k-minus,.k-state-hover>*>.k-rtl .k-minus-disabled,.k-button:hover .k-i-collapse-w,.k-button:hover .k-rtl .k-i-collapse,.k-button:hover .k-rtl .k-minus,.k-button:hover .k-rtl .k-minus-disabled,.k-textbox:hover .k-i-collapse-w,.k-textbox:hover .k-rtl .k-i-collapse,.k-textbox:hover .k-rtl .k-minus,.k-textbox:hover .k-rtl .k-minus-disabled,.k-button:active .k-i-collapse-w,.k-button:active .k-rtl .k-i-collapse,.k-button:active .k-rtl .k-minus,.k-button:active .k-rtl .k-minus-disabled{background-position:-16px -240px}.k-i-pencil,.k-edit{background-position:-32px 0}.k-link:not(.k-state-disabled):hover>.k-i-pencil,.k-link:not(.k-state-disabled):hover>.k-edit,.k-state-hover>.k-i-pencil,.k-state-hover>.k-edit,.k-state-hover>*>.k-i-pencil,.k-state-hover>*>.k-edit,.k-button:hover .k-i-pencil,.k-button:hover .k-edit,.k-textbox:hover .k-i-pencil,.k-textbox:hover .k-edit,.k-button:active .k-i-pencil,.k-button:active .k-edit{background-position:-48px 0}.k-i-close,.k-delete,.k-group-delete{background-position:-32px -16px}.k-link:not(.k-state-disabled):hover>.k-i-close,.k-link:not(.k-state-disabled):hover>.k-delete,.k-link:not(.k-state-disabled):hover>.k-group-delete,.k-state-hover>.k-i-close,.k-state-hover>.k-delete,.k-state-hover>.k-group-delete,.k-state-hover>*>.k-i-close,.k-state-hover>*>.k-delete,.k-state-hover>*>.k-group-delete,.k-button:hover .k-i-close,.k-button:hover .k-delete,.k-button:hover .k-group-delete,.k-textbox:hover .k-i-close,.k-textbox:hover .k-delete,.k-textbox:hover .k-group-delete,.k-button:active .k-i-close,.k-button:active .k-delete,.k-button:active .k-group-delete{background-position:-48px -16px}.k-si-close{background-position:-160px -80px}.k-link:not(.k-state-disabled):hover>.k-si-close,.k-state-hover>.k-si-close,.k-state-hover>*>.k-si-close,.k-button:hover .k-si-close,.k-textbox:hover .k-si-close,.k-button:active .k-si-close{background-position:-176px -80px}.k-multiselect .k-delete{background-position:-160px -80px}.k-multiselect .k-state-hover .k-delete{background-position:-176px -80px}.k-i-tick,.k-insert,.k-update{background-position:-32px -32px}.k-link:not(.k-state-disabled):hover>.k-i-tick,.k-link:not(.k-state-disabled):hover>.k-insert,.k-link:not(.k-state-disabled):hover>.k-update,.k-state-hover>.k-i-tick,.k-state-hover>.k-insert,.k-state-hover>.k-update,.k-state-hover>*>.k-i-tick,.k-state-hover>*>.k-insert,.k-state-hover>*>.k-update,.k-button:hover .k-i-tick,.k-button:hover .k-insert,.k-button:hover .k-update,.k-textbox:hover .k-i-tick,.k-textbox:hover .k-insert,.k-textbox:hover .k-update,.k-button:active .k-i-tick,.k-button:active .k-insert,.k-button:active .k-update{background-position:-48px -32px}.k-check:checked,.k-mobile-list .k-edit-field [type=checkbox],.k-mobile-list .k-edit-field [type=radio]{background-position:-32px -32px}.k-link:not(.k-state-disabled):hover>.k-check:checked,.k-link:not(.k-state-disabled):hover>.k-mobile-list .k-edit-field [type=checkbox],.k-link:not(.k-state-disabled):hover>.k-mobile-list .k-edit-field [type=radio],.k-state-hover>.k-check:checked,.k-state-hover>.k-mobile-list .k-edit-field [type=checkbox],.k-state-hover>.k-mobile-list .k-edit-field [type=radio],.k-state-hover>*>.k-check:checked,.k-state-hover>*>.k-mobile-list .k-edit-field [type=checkbox],.k-state-hover>*>.k-mobile-list .k-edit-field [type=radio],.k-button:hover .k-check:checked,.k-button:hover .k-mobile-list .k-edit-field [type=checkbox],.k-button:hover .k-mobile-list .k-edit-field [type=radio],.k-textbox:hover .k-check:checked,.k-textbox:hover .k-mobile-list .k-edit-field [type=checkbox],.k-textbox:hover .k-mobile-list .k-edit-field [type=radio],.k-button:active .k-check:checked,.k-button:active .k-mobile-list .k-edit-field [type=checkbox],.k-button:active .k-mobile-list .k-edit-field [type=radio]{background-position:-48px -32px}.k-i-cancel,.k-cancel,.k-denied{background-position:-32px -48px}.k-link:not(.k-state-disabled):hover>.k-i-cancel,.k-link:not(.k-state-disabled):hover>.k-cancel,.k-link:not(.k-state-disabled):hover>.k-denied,.k-state-hover>.k-i-cancel,.k-state-hover>.k-cancel,.k-state-hover>.k-denied,.k-state-hover>*>.k-i-cancel,.k-state-hover>*>.k-cancel,.k-state-hover>*>.k-denied,.k-button:hover .k-i-cancel,.k-button:hover .k-cancel,.k-button:hover .k-denied,.k-textbox:hover .k-i-cancel,.k-textbox:hover .k-cancel,.k-textbox:hover .k-denied,.k-button:active .k-i-cancel,.k-button:active .k-cancel,.k-button:active .k-denied{background-position:-48px -48px}.k-i-plus,.k-add{background-position:-32px -64px}.k-link:not(.k-state-disabled):hover>.k-i-plus,.k-link:not(.k-state-disabled):hover>.k-add,.k-state-hover>.k-i-plus,.k-state-hover>.k-add,.k-state-hover>*>.k-i-plus,.k-state-hover>*>.k-add,.k-button:hover .k-i-plus,.k-button:hover .k-add,.k-textbox:hover .k-i-plus,.k-textbox:hover .k-add,.k-button:active .k-i-plus,.k-button:active .k-add{background-position:-48px -64px}.k-i-funnel,.k-filter{background-position:-32px -80px}.k-link:not(.k-state-disabled):hover>.k-i-funnel,.k-link:not(.k-state-disabled):hover>.k-filter,.k-state-hover>.k-i-funnel,.k-state-hover>.k-filter,.k-state-hover>*>.k-i-funnel,.k-state-hover>*>.k-filter,.k-button:hover .k-i-funnel,.k-button:hover .k-filter,.k-textbox:hover .k-i-funnel,.k-textbox:hover .k-filter,.k-button:active .k-i-funnel,.k-button:active .k-filter{background-position:-48px -80px}.k-i-funnel-clear,.k-clear-filter{background-position:-32px -96px}.k-link:not(.k-state-disabled):hover>.k-i-funnel-clear,.k-link:not(.k-state-disabled):hover>.k-clear-filter,.k-state-hover>.k-i-funnel-clear,.k-state-hover>.k-clear-filter,.k-state-hover>*>.k-i-funnel-clear,.k-state-hover>*>.k-clear-filter,.k-button:hover .k-i-funnel-clear,.k-button:hover .k-clear-filter,.k-textbox:hover .k-i-funnel-clear,.k-textbox:hover .k-clear-filter,.k-button:active .k-i-funnel-clear,.k-button:active .k-clear-filter{background-position:-48px -96px}.k-i-lock{background-position:-64px 0}.k-link:not(.k-state-disabled):hover>.k-i-lock,.k-state-hover>.k-i-lock,.k-state-hover>*>.k-i-lock,.k-button:hover .k-i-lock,.k-textbox:hover .k-i-lock,.k-button:active .k-i-lock{background-position:-80px 0}.k-i-unlock{background-position:-64px -16px}.k-link:not(.k-state-disabled):hover>.k-i-unlock,.k-state-hover>.k-i-unlock,.k-state-hover>*>.k-i-unlock,.k-button:hover .k-i-unlock,.k-textbox:hover .k-i-unlock,.k-button:active .k-i-unlock{background-position:-80px -16px}.k-i-refresh{background-position:-32px -112px}.k-link:not(.k-state-disabled):hover>.k-i-refresh,.k-state-hover>.k-i-refresh,.k-state-hover>*>.k-i-refresh,.k-button:hover .k-i-refresh,.k-textbox:hover .k-i-refresh,.k-button:active .k-i-refresh{background-position:-48px -112px}.k-i-exception{background-position:-160px -304px}.k-link:not(.k-state-disabled):hover>.k-i-exception,.k-state-hover>.k-i-exception,.k-state-hover>*>.k-i-exception,.k-button:hover .k-i-exception,.k-textbox:hover .k-i-exception,.k-button:active .k-i-exception{background-position:-176px -304px}.k-i-restore{background-position:-32px -128px}.k-link:not(.k-state-disabled):hover>.k-i-restore,.k-state-hover>.k-i-restore,.k-state-hover>*>.k-i-restore,.k-button:hover .k-i-restore,.k-textbox:hover .k-i-restore,.k-button:active .k-i-restore{background-position:-48px -128px}.k-i-maximize{background-position:-32px -144px}.k-link:not(.k-state-disabled):hover>.k-i-maximize,.k-state-hover>.k-i-maximize,.k-state-hover>*>.k-i-maximize,.k-button:hover .k-i-maximize,.k-textbox:hover .k-i-maximize,.k-button:active .k-i-maximize{background-position:-48px -144px}.k-i-minimize{background-position:-64px -288px}.k-link:not(.k-state-disabled):hover>.k-i-minimize,.k-state-hover>.k-i-minimize,.k-state-hover>*>.k-i-minimize,.k-button:hover .k-i-minimize,.k-textbox:hover .k-i-minimize,.k-button:active .k-i-minimize{background-position:-80px -288px}.k-i-pin{background-position:-160px -256px}.k-link:not(.k-state-disabled):hover>.k-i-pin,.k-state-hover>.k-i-pin,.k-state-hover>*>.k-i-pin,.k-button:hover .k-i-pin,.k-textbox:hover .k-i-pin,.k-button:active .k-i-pin{background-position:-176px -256px}.k-i-unpin{background-position:-160px -272px}.k-link:not(.k-state-disabled):hover>.k-i-unpin,.k-state-hover>.k-i-unpin,.k-state-hover>*>.k-i-unpin,.k-button:hover .k-i-unpin,.k-textbox:hover .k-i-unpin,.k-button:active .k-i-unpin{background-position:-176px -272px}.k-resize-se{background-position:-32px -160px}.k-link:not(.k-state-disabled):hover>.k-resize-se,.k-state-hover>.k-resize-se,.k-state-hover>*>.k-resize-se,.k-button:hover .k-resize-se,.k-textbox:hover .k-resize-se,.k-button:active .k-resize-se{background-position:-48px -160px}.k-i-calendar{background-position:-32px -176px}.k-link:not(.k-state-disabled):hover>.k-i-calendar,.k-state-hover>.k-i-calendar,.k-state-hover>*>.k-i-calendar,.k-button:hover .k-i-calendar,.k-textbox:hover .k-i-calendar,.k-button:active .k-i-calendar{background-position:-48px -176px}.k-i-clock{background-position:-32px -192px}.k-link:not(.k-state-disabled):hover>.k-i-clock,.k-state-hover>.k-i-clock,.k-state-hover>*>.k-i-clock,.k-button:hover .k-i-clock,.k-textbox:hover .k-i-clock,.k-button:active .k-i-clock{background-position:-48px -192px}.k-si-plus{background-position:-32px -208px}.k-link:not(.k-state-disabled):hover>.k-si-plus,.k-state-hover>.k-si-plus,.k-state-hover>*>.k-si-plus,.k-button:hover .k-si-plus,.k-textbox:hover .k-si-plus,.k-button:active .k-si-plus{background-position:-48px -208px}.k-si-minus{background-position:-32px -224px}.k-link:not(.k-state-disabled):hover>.k-si-minus,.k-state-hover>.k-si-minus,.k-state-hover>*>.k-si-minus,.k-button:hover .k-si-minus,.k-textbox:hover .k-si-minus,.k-button:active .k-si-minus{background-position:-48px -224px}.k-i-search{background-position:-32px -240px}.k-link:not(.k-state-disabled):hover>.k-i-search,.k-state-hover>.k-i-search,.k-state-hover>*>.k-i-search,.k-button:hover .k-i-search,.k-textbox:hover .k-i-search,.k-button:active .k-i-search{background-position:-48px -240px}.k-i-custom{background-position:-115px -113px}.k-link:not(.k-state-disabled):hover>.k-i-custom,.k-state-hover>.k-i-custom,.k-state-hover>*>.k-i-custom,.k-button:hover .k-i-custom,.k-textbox:hover .k-i-custom,.k-button:active .k-i-custom{background-position:-141px -113px}.k-editor .k-i-custom{background-position:-111px -109px}.k-viewHtml{background-position:-288px -120px}.k-i-insert-n,.k-insert-top{background-position:-160px -32px}.k-link:not(.k-state-disabled):hover>.k-i-insert-n,.k-link:not(.k-state-disabled):hover>.k-insert-top,.k-state-hover>.k-i-insert-n,.k-state-hover>.k-insert-top,.k-state-hover>*>.k-i-insert-n,.k-state-hover>*>.k-insert-top,.k-button:hover .k-i-insert-n,.k-button:hover .k-insert-top,.k-textbox:hover .k-i-insert-n,.k-textbox:hover .k-insert-top,.k-button:active .k-i-insert-n,.k-button:active .k-insert-top{background-position:-176px -32px}.k-i-insert-m,.k-insert-middle{background-position:-160px -48px}.k-link:not(.k-state-disabled):hover>.k-i-insert-m,.k-link:not(.k-state-disabled):hover>.k-insert-middle,.k-state-hover>.k-i-insert-m,.k-state-hover>.k-insert-middle,.k-state-hover>*>.k-i-insert-m,.k-state-hover>*>.k-insert-middle,.k-button:hover .k-i-insert-m,.k-button:hover .k-insert-middle,.k-textbox:hover .k-i-insert-m,.k-textbox:hover .k-insert-middle,.k-button:active .k-i-insert-m,.k-button:active .k-insert-middle{background-position:-176px -48px}.k-i-insert-s,.k-insert-bottom{background-position:-160px -64px}.k-link:not(.k-state-disabled):hover>.k-i-insert-s,.k-link:not(.k-state-disabled):hover>.k-insert-bottom,.k-state-hover>.k-i-insert-s,.k-state-hover>.k-insert-bottom,.k-state-hover>*>.k-i-insert-s,.k-state-hover>*>.k-insert-bottom,.k-button:hover .k-i-insert-s,.k-button:hover .k-insert-bottom,.k-textbox:hover .k-i-insert-s,.k-textbox:hover .k-insert-bottom,.k-button:active .k-i-insert-s,.k-button:active .k-insert-bottom{background-position:-176px -64px}.k-drop-hint{background-position:0 -326px}.k-i-note,.k-warning{background-position:-160px -240px}.k-link:not(.k-state-disabled):hover>.k-i-note,.k-link:not(.k-state-disabled):hover>.k-warning,.k-state-hover>.k-i-note,.k-state-hover>.k-warning,.k-state-hover>*>.k-i-note,.k-state-hover>*>.k-warning,.k-button:hover .k-i-note,.k-button:hover .k-warning,.k-textbox:hover .k-i-note,.k-textbox:hover .k-warning,.k-button:active .k-i-note,.k-button:active .k-warning{background-position:-176px -240px}.k-i-sort-asc{background-position:-112px -240px}.k-link:not(.k-state-disabled):hover>.k-i-sort-asc,.k-state-hover>.k-i-sort-asc,.k-state-hover>*>.k-i-sort-asc,.k-button:hover .k-i-sort-asc,.k-textbox:hover .k-i-sort-asc,.k-button:active .k-i-sort-asc{background-position:-128px -240px}.k-i-sort-desc{background-position:-112px -256px}.k-link:not(.k-state-disabled):hover>.k-i-sort-desc,.k-state-hover>.k-i-sort-desc,.k-state-hover>*>.k-i-sort-desc,.k-button:hover .k-i-sort-desc,.k-textbox:hover .k-i-sort-desc,.k-button:active .k-i-sort-desc{background-position:-128px -256px}.k-i-group{background-position:-112px -272px}.k-link:not(.k-state-disabled):hover>.k-i-group,.k-state-hover>.k-i-group,.k-state-hover>*>.k-i-group,.k-button:hover .k-i-group,.k-textbox:hover .k-i-group,.k-button:active .k-i-group{background-position:-128px -272px}.k-i-ungroup{background-position:-112px -288px}.k-link:not(.k-state-disabled):hover>.k-i-ungroup,.k-state-hover>.k-i-ungroup,.k-state-hover>*>.k-i-ungroup,.k-button:hover .k-i-ungroup,.k-textbox:hover .k-i-ungroup,.k-button:active .k-i-ungroup{background-position:-128px -288px}.k-i-columns{background-position:-112px -304px}.k-link:not(.k-state-disabled):hover>.k-i-columns,.k-state-hover>.k-i-columns,.k-state-hover>*>.k-i-columns,.k-button:hover .k-i-columns,.k-textbox:hover .k-i-columns,.k-button:active .k-i-columns{background-position:-128px -304px}.k-i-hbars{background-position:-64px -32px}.k-link:not(.k-state-disabled):hover>.k-i-hbars,.k-state-hover>.k-i-hbars,.k-state-hover>*>.k-i-hbars,.k-button:hover .k-i-hbars,.k-textbox:hover .k-i-hbars,.k-button:active .k-i-hbars{background-position:-80px -32px}.k-i-vbars{background-position:-64px -48px}.k-link:not(.k-state-disabled):hover>.k-i-vbars,.k-state-hover>.k-i-vbars,.k-state-hover>*>.k-i-vbars,.k-button:hover .k-i-vbars,.k-textbox:hover .k-i-vbars,.k-button:active .k-i-vbars{background-position:-80px -48px}.k-i-sum{background-position:-64px -64px}.k-link:not(.k-state-disabled):hover>.k-i-sum,.k-state-hover>.k-i-sum,.k-state-hover>*>.k-i-sum,.k-button:hover .k-i-sum,.k-textbox:hover .k-i-sum,.k-button:active .k-i-sum{background-position:-80px -64px}.k-file{background-position:0 0}.k-link:not(.k-state-disabled):hover>.k-file,.k-state-hover>.k-file,.k-state-hover>*>.k-file,.k-button:hover .k-file,.k-textbox:hover .k-file,.k-button:active .k-file{background-position:-16px 0}.k-i-folder-add,.k-addfolder{background-position:-32px -272px}.k-link:not(.k-state-disabled):hover>.k-i-folder-add,.k-link:not(.k-state-disabled):hover>.k-addfolder,.k-state-hover>.k-i-folder-add,.k-state-hover>.k-addfolder,.k-state-hover>*>.k-i-folder-add,.k-state-hover>*>.k-addfolder,.k-button:hover .k-i-folder-add,.k-button:hover .k-addfolder,.k-textbox:hover .k-i-folder-add,.k-textbox:hover .k-addfolder,.k-button:active .k-i-folder-add,.k-button:active .k-addfolder{background-position:-48px -272px}.k-i-folder-up,.k-goup{background-position:-32px -288px}.k-link:not(.k-state-disabled):hover>.k-i-folder-up,.k-link:not(.k-state-disabled):hover>.k-goup,.k-state-hover>.k-i-folder-up,.k-state-hover>.k-goup,.k-state-hover>*>.k-i-folder-up,.k-state-hover>*>.k-goup,.k-button:hover .k-i-folder-up,.k-button:hover .k-goup,.k-textbox:hover .k-i-folder-up,.k-textbox:hover .k-goup,.k-button:active .k-i-folder-up,.k-button:active .k-goup{background-position:-48px -288px}.k-i-more{background-position:-64px -32px}.k-link:not(.k-state-disabled):hover>.k-i-more,.k-state-hover>.k-i-more,.k-state-hover>*>.k-i-more,.k-button:hover .k-i-more,.k-textbox:hover .k-i-more,.k-button:active .k-i-more{background-position:-80px -32px}.k-file>.k-icon{background-position:-115px -91px}.k-image{border:0}html .k-success-colored{color:#507f50;border-color:#d0dfd0;background-color:#f0fff0}html .k-info-colored{color:#50607f;border-color:#d0d9df;background-color:#f0f9ff}html .k-error-colored{color:#7f5050;border-color:#dfd0d0;background-color:#fff0f0}.k-inline-block{padding:0 2px}.k-loading,.k-loading-image{background-color:transparent;background-repeat:no-repeat;background-position:center center}.k-loading-mask,.k-loading-image,.k-loading-text{position:absolute}.k-loading-text{text-indent:-4000px;text-align:center}.k-loading-image,.k-loading-color{width:100%;height:100%}.k-loading-image{top:0;left:0;z-index:2}.k-loading-color{filter:alpha(opacity=30);opacity:.3}.k-content-frame{border:0;width:100%;height:100%}.k-pane>.k-splitter-overlay{filter:alpha(opacity=0);opacity:0;position:absolute}.k-drag-clue{position:absolute;z-index:10003;border-style:solid;border-width:1px;font-size:.9em;padding:.2em .4em;white-space:nowrap;cursor:default}.k-drag-status{margin-top:-3px;margin-right:4px;vertical-align:middle}.k-reorder-cue{position:absolute;width:1px;overflow:visible}.k-reorder-cue .k-icon{position:absolute;left:-4px;width:8px;height:4px}.k-reorder-cue .k-i-arrow-s{top:-4px;background-position:-4px -166px}.k-reorder-cue .k-i-arrow-n{bottom:-4px;background-position:-4px -134px}.k-scrollbar{position:absolute;overflow:scroll}.k-scrollbar-vertical{top:0;right:0;width:17px;height:100%;overflow-x:hidden}.k-touch-scrollbar{display:none;position:absolute;z-index:200000;height:8px;width:8px;border:1px solid #8a8a8a;background-color:#858585}@media only screen and (-webkit-min-device-pixel-ratio:2){body .k-touch-scrollbar{height:12px;width:12px;border-radius:7px}}.k-virtual-scrollable-wrap{overflow-x:auto}.k-animation-container,.k-widget,.k-widget *,.k-animation-container *,.k-widget *:before,.k-animation-container *:after,.k-block .k-header,.k-list-container{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.k-button,.k-textbox,.k-autocomplete,div.k-window-content,.k-tabstrip>.k-content>.km-scroll-container,.k-block,.k-edit-cell .k-widget,.k-grid-edit-row .k-widget,.k-grid-edit-row .text-box,.km-actionsheet>li,.km-shim{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.input-group .form-control{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}a.k-button:hover{text-decoration:none}.k-widget,.k-widget *{-moz-background-clip:border-box;-webkit-background-clip:border-box;background-clip:border-box}.k-edit-form{margin:0;padding:0}.k-window>div.k-popup-edit-form{padding:1em 0}.k-grid-edit-row .k-edit-form td{border-bottom-width:0}.k-edit-form-container{position:relative;width:400px}.k-edit-label,.k-edit-form-container .editor-label{float:left;clear:both;width:30%;padding:.4em 0 1em;margin-left:2%;text-align:right}.k-edit-field,.k-edit-form-container .editor-field{float:right;clear:right;width:60%;margin-right:2%;padding:0 0 .6em}.k-edit-field>input[type="checkbox"],.k-edit-field>input[type="radio"]{margin-top:.4em}.k-edit-form-container .k-button{margin:0 .16em}.k-edit-field>input[type="checkbox"]:first-child,.k-edit-field>input[type="radio"]:first-child,.k-edit-field>label:first-child>input[type="checkbox"],.k-edit-field>.k-button:first-child{margin-left:0}.k-edit-form-container .k-edit-buttons{clear:both;text-align:right;border-width:1px 0 0;border-style:solid;position:relative;bottom:-1em;padding:.6em}div.k-window{display:inline-block;position:absolute;z-index:10001;border-style:solid;border-width:1px;padding-top:2em}.k-block>.k-header,.k-window-titlebar{position:absolute;width:100%;height:1.1em;border-bottom-style:solid;border-bottom-width:1px;margin-top:-2em;padding:.4em 0;font-size:1.2em;white-space:nowrap;min-height:16px}.k-block>.k-header{position:relative;margin:-2px 0 10px -2px;padding:.3em 2px}.k-window-title{position:absolute;left:.44em;right:.44em;overflow:hidden;cursor:default;text-overflow:ellipsis}.k-window-title .k-image{margin:0 5px 0 0;vertical-align:middle}div.k-window-titleless{padding-top:0}div.k-window-content{position:relative;height:100%;padding:.58em;overflow:auto;outline:0}div.k-window-iframecontent{padding:0;overflow:visible}.k-window-content>.km-scroll-container{height:100%}.k-ie7 .k-window{padding-bottom:1.16em}.k-window-titlebar .k-window-actions{position:absolute;top:0;right:.3em;padding-top:.3em;white-space:nowrap}.k-window-titlebar .k-window-action{display:inline-block;width:16px;height:16px;padding:2px;text-decoration:none;vertical-align:middle;opacity:.7}.k-window-titlebar .k-state-hover{border-style:solid;border-width:1px;padding:1px;opacity:1}.k-window-action .k-icon{margin:0;vertical-align:top}.k-window .k-resize-handle{position:absolute;z-index:1;background-color:#ffffff;font-size:0;line-height:6px;filter:alpha(opacity=0);opacity:0;zoom:1}.k-resize-n{top:-3px;left:0;width:100%;height:6px;cursor:n-resize}.k-resize-e{top:0;right:-3px;width:6px;height:100%;cursor:e-resize}.k-resize-s{bottom:-3px;left:0;width:100%;height:6px;cursor:s-resize}.k-resize-w{top:0;left:-3px;width:6px;height:100%;cursor:w-resize}.k-resize-se{bottom:-3px;right:-3px;width:16px;height:16px;cursor:se-resize}.k-resize-sw{bottom:-3px;left:-3px;width:6px;height:6px;cursor:sw-resize}.k-resize-ne{top:-3px;right:-3px;width:6px;height:6px;cursor:ne-resize}.k-resize-nw{top:-3px;left:-3px;width:6px;height:6px;cursor:nw-resize}.k-overlay{position:fixed;top:0;left:0;z-index:10001;width:100%;height:100%;background-color:#000;filter:alpha(opacity=50);opacity:.5}.k-window .k-overlay{position:absolute;width:100%;height:100%;background-color:#ffffff;filter:alpha(opacity=0);opacity:0}.k-tabstrip{margin:0;padding:0;zoom:1}.k-tabstrip .k-tabstrip-items{padding:.3em .3em 0}.k-tabstrip-items .k-item,.k-panelbar .k-tabstrip-items .k-item{list-style-type:none;display:inline-block;position:relative;border-style:solid;border-width:1px 1px 0;margin:0 -1px 0 0;padding:0;vertical-align:top}.k-tabstrip-items .k-tab-on-top,.k-tabstrip-items .k-state-active,.k-panelbar .k-tabstrip-items .k-state-active{margin-bottom:-1px;padding-bottom:1px}.k-tabstrip-items .k-tab-on-top{z-index:1}.k-tabstrip-items .k-link,.k-panelbar .k-tabstrip-items .k-link{display:inline-block;border-bottom-width:0;padding:.5em .92em}.k-tabstrip-items .k-icon,.k-panelbar .k-tabstrip-items .k-icon{margin:-1px 4px 0 -3px;vertical-align:top}.k-tabstrip-items .k-item .k-image,.k-tabstrip-items .k-item .k-sprite,.k-panelbar .k-tabstrip-items .k-item .k-image,.k-panelbar .k-tabstrip-items .k-item .k-sprite{margin:-3px 3px 0 -6px;vertical-align:middle}.k-ie7 .k-tabstrip-items .k-item .k-image,.k-ie7 .k-tabstrip-items .k-item .k-sprite{margin-top:-1px;vertical-align:top}.k-tabstrip-items .k-loading{top:0;left:0;height:0;width:20%;position:absolute;background:transparent;border-top:1px solid transparent;border-color:inherit;-webkit-transition:width 200ms linear;-moz-transition:width 200ms linear;-o-transition:width 200ms linear;transition:width 200ms linear;-webkit-transition:"width 200ms linear";-moz-transition:"width 200ms linear";-ms-transition:"width 200ms linear";-o-transition:"width 200ms linear";transition:"width 200ms linear";animation:k-tab-loader 1s ease-in-out infinite;-moz-animation:k-tab-loader 1s ease-in-out infinite;-webkit-animation:k-tab-loader 1s ease-in-out infinite}.k-tabstrip-items .k-progress{animation:none;-moz-animation:none;-webkit-animation:none}.k-tabstrip-items .k-loading.k-complete{width:100%;animation:none;-moz-animation:none;-webkit-animation:none}.k-tabstrip>.k-content,.k-panelbar .k-tabstrip>.k-content{position:static;border-style:solid;border-width:1px;margin:0 .29em .3em;padding:.3em .92em;zoom:1}.k-tabstrip>.k-content{display:none}.k-tabstrip>.k-content.km-scroll-wrapper{padding:0}.k-tabstrip>.k-content>.km-scroll-container{padding:.3em .92em}@-webkit-keyframes k-tab-loader{0%{left:0}50%{left:80%}100%{left:0}}@-moz-keyframes k-tab-loader{0%{left:0}50%{left:80%}100%{left:0}}@keyframes k-tab-loader{0%{left:0}50%{left:80%}100%{left:0}}.k-panelbar{zoom:1}.k-panelbar>.k-item,.k-panel>.k-item{list-style-type:none;display:block;border-width:0;margin:0;zoom:1;border-radius:0}.k-panelbar .k-image,.k-panelbar .k-sprite{float:left;margin-top:4px;margin-right:5px;vertical-align:middle}.k-panelbar>.k-item>.k-link,.k-panel>.k-item>.k-link{display:block;position:relative;border-bottom-style:solid;border-bottom-width:1px;padding:0 1em;line-height:2.34em;text-decoration:none;zoom:1}.k-panelbar-expand,.k-panelbar-collapse{position:absolute;top:50%;right:4px;margin-top:-8px}.k-panelbar .k-panel,.k-panelbar .k-content{position:relative;border-bottom-style:solid;border-bottom-width:1px;margin:0;padding:0;zoom:1}.k-panel>.k-item>.k-link{border-bottom:0;font-size:.95em;line-height:2.2}.k-panel .k-panel>.k-item>.k-link{padding-left:2em}.k-panelbar .k-i-seek-e .k-link{border-bottom:0}.k-panel .k-panel{border-bottom:0}.k-menu{cursor:default}.k-menu,.k-menu .k-menu-group{list-style:none;margin:0;padding:0;zoom:1}.k-menu:after{content:'';display:block;width:99%;height:0;float:inherit;overflow:hidden}.k-menu .k-item{-webkit-user-select:none;-moz-user-select:-moz-none;user-select:none}.k-menu .k-item div{-webkit-user-select:default;-moz-user-select:default;user-select:default}.k-menu .k-item .k-item,ul.k-menu-vertical>.k-item{display:block;float:none;border-width:0}.k-ie7 .k-menu .k-item .k-item{zoom:normal}.k-menu .k-item>.k-link>.k-icon,.k-menu .k-image,.k-menu .k-sprite{margin:-2px 4px 0 -4px;vertical-align:middle}.k-menu .k-item>.k-link>.k-icon{margin:-2px 0 0}.k-ie7 .k-menu .k-item>.k-link>.k-i-arrow-s,.k-ie7 .k-menu .k-image,.k-ie7 .k-menu .k-sprite{margin-top:0}.k-menu .k-item>.k-link{display:block;padding:.5em 1.1em .4em;line-height:1.34em;-khtml-user-select:none;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}.k-menu .k-menu-group{display:none;border-style:solid;border-width:1px;overflow:visible;white-space:nowrap}.k-menu .k-menu-group>.k-item{display:block;border-width:0}.k-menu .k-item,.k-widget.k-menu-horizontal>.k-item{position:relative;float:left;border-style:solid;border-width:0 1px 0 0;vertical-align:top;zoom:1;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.k-context-menu.k-menu-vertical>.k-item>.k-link,.k-menu .k-menu-group .k-item>.k-link{padding:.28em 1.8em .38em .9em}.k-context-menu.k-menu-horizontal>.k-separator{display:none}.k-context-menu.k-menu-horizontal>.k-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.k-context-menu.k-menu-horizontal>.k-last{border:0}.k-ie7 .k-menu .k-menu-group .k-link{width:100%}.k-menu .k-item>.k-link>.k-i-arrow-s{margin-right:-8px}.k-menu .k-item>.k-link>.k-i-arrow-e{position:absolute;top:50%;margin-top:-8px;right:.2rem}.k-menu .k-animation-container{border:0}.k-menu .k-animation-container,.k-menu .k-menu-group{position:absolute;left:0}.k-menu .k-animation-container .k-animation-container,.k-menu .k-menu-group .k-menu-group,.k-menu-vertical .k-animation-container,.k-menu-vertical .k-menu-group{top:0;left:0}.k-menu .k-animation-container .k-menu-group{top:auto;left:auto;margin-left:-1px}.k-menu .k-animation-container,.k-popup .k-animation-container{margin-top:-1px;padding-left:1px}.k-ie .k-menu .k-animation-container,.k-ie .k-popup .k-animation-container{margin-top:-2px}.k-popup .k-animation-container .k-popup{margin-left:-1px}ul.k-menu .k-separator{padding:.25em 0;height:100%;width:1px;font-size:0;line-height:0;border-width:0 1px 0 0}ul.k-menu-vertical .k-separator,.k-menu .k-menu-group .k-separator{padding:0;height:1px;width:100%;border-width:1px 0 0}.k-context-menu{border:0;-webkit-user-select:none;-moz-user-select:-moz-none;user-select:none}.k-grid,.k-listview{position:relative;zoom:1}.k-grid table{width:100%;margin:0;border-collapse:separate;border-spacing:0;empty-cells:show;border-width:0;outline:0}.k-grid-header th.k-header,.k-filter-row th{overflow:hidden;border-style:solid;border-width:0 0 1px 1px;padding:.5em .6em .4em .6em;font-weight:normal;white-space:nowrap;text-overflow:ellipsis;text-align:left}.k-filter-row>th{border-top-width:1px}.k-filter-row .k-dropdown-operator{width:2.1em}.k-filter-row label>input[type="radio"]{vertical-align:middle;position:relative;bottom:2px}.k-ie10 .k-grid-header a:active{background-color:transparent}.k-grid-header th.k-header>.k-link{display:block;min-height:18px;line-height:18px;margin:-0.5em -0.6em -0.4em -0.6em;padding:.5em .6em .4em .6em;overflow:hidden;text-overflow:ellipsis}.k-grid-header th.k-with-icon .k-link{margin-right:1.3em}.k-grid-header th.k-header .k-icon{position:static}.k-grid-header th>.k-link>.k-icon{vertical-align:text-top}.k-grid .k-state-hover{cursor:pointer}.k-grid td{border-style:solid;border-width:0 0 0 1px;padding:.4em .6em;overflow:hidden;line-height:1.6em;vertical-align:middle;text-overflow:ellipsis}.k-grid .k-grouping-row td,.k-grid .k-hierarchy-cell{overflow:visible}.k-grid-edit-row td{text-overflow:clip}.k-grid-edit-row .k-textbox,.k-grid-edit-row .text-box{margin-top:0;margin-bottom:0}.k-grid-header-wrap,.k-grid-footer-wrap{position:relative;width:100%;overflow:hidden;border-style:solid;border-width:0 1px 0 0;zoom:1}div.k-grid-header,div.k-grid-footer{padding-right:17px;border-bottom-style:solid;border-bottom-width:1px;zoom:1}div.k-grid-header th.k-header,tr.k-filter-row>th{border-bottom-width:0}.k-grid-content{position:relative;width:100%;overflow:auto;overflow-x:auto;overflow-y:scroll;zoom:1}.k-mobile .k-grid tbody{-webkit-backface-visibility:hidden}.k-mobile .k-grid-backface tbody{-webkit-backface-visibility:visible}.k-grid-content-expander{position:absolute;visibility:hidden;height:1px}@media print{.k-grid{height:auto!important;}.k-grid-header{padding:0!important;}.k-grid-content{overflow:visible;height:auto!important;}}.k-virtual-scrollable-wrap{height:100%;overflow-y:hidden;position:relative}.k-grid-header table,.k-grid-content table,.k-grid-footer table,.k-grid-content-locked>table{table-layout:fixed}.k-ie7 .k-grid-content table{width:auto}.k-grid-lockedcolumns{white-space:nowrap}.k-grid-content-locked,.k-grid-content,.k-pager-wrap{white-space:normal}.k-grid-header-locked,.k-grid-content-locked,.k-grid-footer-locked{display:inline-block;vertical-align:top;overflow:hidden;position:relative;border-style:solid;border-width:0 1px 0 0}.k-grid-header-locked+.k-grid-header-wrap,.k-grid-content-locked+.k-grid-content,.k-grid-footer-locked+.k-grid-footer-wrap{display:inline-block;vertical-align:top}.k-grid-toolbar{border-style:solid;border-width:1px 0 0}.k-grid-header th.k-header:first-child,.k-grid tbody td:first-child,.k-grid tfoot td:first-child,.k-filter-row>th:first-child{border-left-width:0}.k-grid-toolbar:first-child,.k-grouping-header+.k-grid-toolbar{border-width:0 0 1px}.k-footer-template td{border-style:solid;border-width:1px 0 0 1px}.k-group-footer td{border-style:solid;border-width:1px 0}.k-group-footer .k-group-cell+td{border-left-width:1px}.k-grid-footer{border-style:solid;border-width:1px 0 0}.k-grid-footer td{border-top-width:0}.k-grid-footer>td{border-top-width:1px}.k-pager-wrap{clear:both;overflow:hidden;border-style:solid;border-width:1px;line-height:2.0em;padding:.333em 0 .333em .250em}.k-grid-pager{border-width:1px 0 0}.k-grid .k-pager-numbers,.k-pager-numbers .k-link,.k-pager-numbers .k-state-selected{display:inline-block;vertical-align:top;margin-right:1px}.k-pager-numbers{margin:0 2px}.k-pager-numbers .k-state-selected{vertical-align:top}.k-pager-numbers li,.k-pager-input{float:left}.k-grid .k-pager-numbers{float:left;cursor:default}.k-pager-info{float:right;padding:0 1.333em}.k-pager-numbers .k-link{text-decoration:none}.k-pager-wrap>.k-link,.k-pager-numbers .k-link,.k-pager-numbers .k-state-selected{min-width:2em}.k-pager-wrap>.k-link{float:left;margin:0 .08333em;height:2em;line-height:2em;border-radius:1.0833em;cursor:pointer;text-align:center}.k-pager-wrap>a.k-state-disabled:hover{background:0;cursor:default}.k-pager-numbers .k-link{text-align:center;line-height:2em;border-style:solid;border-width:1px;border-radius:1.0833em}.k-pager-wrap>.k-link{border-style:solid;border-width:1px}.k-pager-wrap .k-pager-refresh{float:right;margin-right:.5em;border-width:0;border-radius:0}.k-pager-numbers .k-state-selected{border-style:solid;border-width:1px;text-align:center;border-radius:1.0833em}.k-pager-wrap .k-textbox{width:3.333em}.k-ie7 .k-pager-wrap .k-textbox{height:1.3333em;margin-top:.16666em;display:inline}.k-pager-wrap .k-dropdown{width:4.500em}.k-pager-refresh{float:right}.k-pager-input,.k-pager-sizes{padding:0 1.4166em}.k-pager-sizes{display:inline-block;padding-top:1px}.k-pager-sizes .k-widget.k-dropdown{margin-top:-2px}.k-ie7 .k-pager-sizes{float:left}.k-pager-wrap .k-textbox,.k-pager-wrap .k-widget{margin:0 .4em 0}.k-header>.k-grid-filter,.k-header>.k-header-column-menu{float:right;margin:-0.5em -0.6em -0.4em;padding:.5em .2em .4em;position:relative;z-index:1}.k-grid .k-animation-container{position:absolute}.k-filter-menu{padding:.5em}form.k-filter-menu .k-widget,form.k-filter-menu .k-textbox{display:block}.k-filter-help-text,.k-filter-menu .k-widget,.k-filter-menu .k-textbox{margin:.19em 0 0}.k-filter-menu span.k-filter-and{width:6em;margin:.5em 0 .5em}.k-filter-menu .k-button{width:48%;margin:.5em 4% 0 0}.k-filter-menu .k-button+.k-button{margin-right:0}.k-grouping-row .k-icon{margin:-3px 4px 0 2px}.k-grouping-row p{display:inline-block;vertical-align:middle;margin-left:-0.6em;padding:0 .6em}.k-grouping-row+tr td{border-top-width:1px}.k-grouping-row .k-group-cell,.k-grouping-row+tr .k-group-cell{border-top-width:0;text-overflow:none}.k-grid .k-hierarchy-cell+td{border-left-width:0}.k-grid .k-group-col,.k-grid .k-hierarchy-col{width:27px}.k-grouping-header{border-bottom-style:solid;border-bottom-width:1px}.k-grouping-header{line-height:2}.k-grouping-dropclue{position:absolute;width:6px;height:25px;background-repeat:no-repeat;background-position:-165px -148px}.k-grouping-header .k-group-indicator{display:inline-block;border-style:solid;border-width:1px;margin:0 3px;padding:.15em .15em .15em .4em;line-height:1.5em}.k-grouping-header .k-link{display:inline-block;border-width:0;padding:0;line-height:normal;text-decoration:none}.k-grouping-header .k-button{border:0;padding:0;background:transparent;line-height:1}.k-grouping-header .k-link .k-icon{margin:0 0 0 -3px}.k-grouping-header .k-button .k-icon{margin:0 0 0 3px}.k-grouping-header a,.k-grouping-header .k-button{display:inline-block;vertical-align:middle}.k-dirty-cell:before{content:"\a0";display:inline-block;width:0;float:left}.k-ie7 .k-dirty-cell{position:relative}.k-ie7 .k-dirty{top:5px}.k-dirty{position:absolute;width:0;height:0;border-style:solid;border-width:3px;border-color:#f00 transparent transparent #f00;margin:-0.45em 0 0 -0.6em;padding:0;overflow:hidden;vertical-align:top}.k-grouping-header,.k-grid-toolbar{margin:0;padding:.22em .2em .28em;cursor:default}.k-grid .k-edit-container{padding:0}.k-grid .field-validation-error{display:block}.k-grid .input-validation-error{border-style:ridge;border-color:#f00;background-color:#ffc0cb}.k-grid-toolbar .k-button{vertical-align:middle}.k-grid-actions{display:inline-block}.k-ie7 .k-grid-actions{vertical-align:bottom}.k-grid .k-button{margin:0 .16em}.k-grid tbody .k-button,.k-ie8 .k-grid tbody button.k-button{min-width:64px}.k-grid tbody button.k-button{min-width:78px}.k-ie7 .k-grid tbody a.k-button{min-width:62px}html body .k-grid tbody .k-button-icon{width:auto;min-width:0}.k-detail-row{position:relative}.k-grid .k-detail-cell{overflow:visible}.k-grid .k-edit-cell{padding:0 .3em;white-space:nowrap}.k-edit-cell>.k-textbox,.k-edit-cell>.k-widget,.k-grid-edit-row>td>.k-textbox,.k-grid-edit-row>td>.k-widget,.k-grid-edit-row>td>.text-box{width:100%}.k-ie7 .k-edit-cell>.text-box,.k-ie7 .k-edit-cell>.k-textbox,.k-ie7 .k-edit-cell>.k-widget,.k-ie7 .k-grid-edit-row>td>.k-textbox,.k-ie7 .k-grid-edit-row>td>.k-widget,.k-ie7 .k-grid-edit-row>td>.text-box{display:block;width:90%}html .k-edit-cell .k-tooltip,html .k-grid-edit-row .k-tooltip{width:auto;max-width:300px}.k-edit-cell input[type="checkbox"]{margin-left:.6em}.k-grid tbody td>.k-grid-delete{margin-top:-0.2em;margin-bottom:-0.2em}.k-grid-resize-indicator{position:absolute;width:2px;background-color:#aaa}.k-grid .k-resize-handle{position:absolute;height:25px;cursor:col-resize;z-index:2}.k-marquee{position:absolute;z-index:100000}.k-marquee-color,.k-marquee-text{position:absolute;top:0;left:0;width:100%;height:100%}.k-marquee-color{filter:alpha(opacity=60);opacity:.6}.k-ie9 .k-column-menu{width:160px}.k-ie8 .k-grid-filter,.k-ie8 .k-header-column-menu{font-size:100%}.k-column-menu{min-width:160px}.k-column-menu .k-sprite{margin-right:10px}.k-column-menu>.k-menu{border-width:0}.k-columns-item .k-group{max-height:200px;overflow:auto}.k-gantt{white-space:nowrap;position:relative}.k-gantt-layout{display:inline-block;white-space:normal;vertical-align:top}.k-gantt .k-splitbar{position:relative;cursor:e-resize;width:5px;border-width:0 1px;background-repeat:repeat-y}.k-gantt .k-gantt-layout th{vertical-align:bottom}.k-gantt td{overflow:hidden;white-space:nowrap;vertical-align:top}.k-gantt .k-grid .k-edit-cell{vertical-align:middle}.k-gantt-treelist>.k-treelist,.k-gantt-timeline>.k-timeline{border-width:0;height:100%}.k-gantt-toolbar{border-style:solid;border-width:0 0 1px;line-height:2.4em;padding:.5em}.k-gantt-layout+.k-gantt-toolbar{border-width:1px 0 0}.k-gantt-actions,.k-gantt-toolbar>ul{float:left;margin-right:.6em}.k-gantt-toolbar>.k-gantt-views{float:right;margin-right:0}.k-gantt-toolbar>ul>li{display:inline-block;border-style:solid;border-width:1px 1px 1px 0}.k-gantt-toolbar>ul>li:first-child{border-left-width:1px}.k-gantt-toolbar .k-link{display:inline-block;padding:0 1.1em}.k-gantt-toolbar li:first-child,.k-gantt-toolbar li:first-child>.k-link{border-top-left-radius:4px;border-bottom-left-radius:4px}.k-gantt-toolbar li:last-child,.k-gantt-toolbar li:last-child>.k-link{border-top-right-radius:4px;border-bottom-right-radius:4px}.k-gantt-toolbar li.k-button{line-height:inherit;padding-top:0;padding-bottom:0}.k-gantt-treelist .k-grid-header tr{height:5em}.k-gantt .k-treelist .k-grid-header{padding:0!important;}.k-gantt .k-treelist .k-grid-content{overflow-y:hidden;overflow-x:scroll}.k-treelist-group>tr>span{font-weight:bold}.k-treelist-group .k-widget{font-weight:normal}.k-gantt-timeline .k-grid-header tr{height:2.5em}.k-gantt-rows tr,.k-gantt-tasks tr,.k-gantt .k-grid-content tr{height:2.3em}.k-gantt .k-gantt-tasks td:after{content:"\a0"}.k-gantt-timeline{background:transparent}.k-gantt-rows,.k-gantt-columns,.k-gantt-dependencies{position:absolute;top:0;left:0}.k-gantt-tables{position:relative}.k-gantt .k-gantt-timeline th{text-align:center}.k-gantt .k-gantt-timeline tr:first-child th{border-bottom-width:1px}.k-task-summary{height:10px;display:inline-block;vertical-align:top;margin-top:3px}.k-task-summary-complete{height:10px;position:relative;z-index:2}.k-task-summary-progress{height:15px;overflow:hidden}.k-task-summary:before,.k-task-summary-complete:before,.k-task-summary:after,.k-task-summary-complete:after{content:"";position:absolute;top:0;width:0;height:0;border-style:solid;border-width:8px;border-color:transparent}.k-task-summary:before,.k-task-summary-complete:before{left:0;border-left-color:inherit}.k-task-summary:after,.k-task-summary-complete:after{right:0;border-right-color:inherit}.k-line-h,.k-line-v{position:absolute}.k-line-h{height:2px}.k-line-v{width:2px}.k-arrow-e,.k-arrow-w{position:absolute;top:-4px;width:0;height:0;border-style:solid;border-width:5px}.k-arrow-e{right:-6px;border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent}.k-arrow-w{left:-6px;border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.k-task-milestone{width:13px;height:13px;margin-top:3px;border-style:solid;border-width:1px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.k-ie8 .k-task-milestone,.k-ie7 .k-task-milestone{margin-left:1px}.k-gantt .k-gantt-treelist .k-button,.k-gantt .k-gantt-tasks .k-button-icon{padding-top:0;padding-bottom:0}.k-gantt .k-gantt-tasks .k-button-icon{margin-top:4px}.k-gantt .k-gantt-treelist .k-button{margin-top:-4px;margin-bottom:-2px}.k-gantt .k-gantt-tasks .k-button-icon{padding-left:2px;padding-right:2px}.k-gantt .k-gantt-treelist .k-button .k-icon,.k-gantt .k-gantt-tasks .k-button .k-icon{vertical-align:text-top}.k-rel .k-button-icon{position:absolute;left:200px}.k-rel{position:relative;height:0;top:-0.3em}.k-task-wrap{position:absolute;padding:0 23px 5px;margin:-1px -23px 0;z-index:2}.k-task-wrap:hover,.k-line.k-state-selected{z-index:3}.k-milestone-wrap{margin:0 -13px 0 -27px}.k-task-content{position:relative;z-index:2}.k-task-complete{position:absolute;top:0;bottom:0;left:0;width:20%;z-index:1}.k-task-dot{position:absolute;top:0;width:16px;height:16px;line-height:16px;display:none;cursor:pointer}.k-task-dot.k-state-hover{background-color:transparent}.k-task-single+.k-task-dot,.k-task-single+.k-task-dot+.k-task-dot{top:.2em}.k-task-wrap:hover .k-task-dot,.k-task-wrap-active .k-task-dot{display:block}.k-task-dot:before{content:"\a0";display:inline-block;width:0;height:16px}.k-task-dot:after{content:"";display:inline-block;vertical-align:middle;width:8px;height:8px;border-radius:4px;margin-left:4px}.k-task-dot:hover:after,.k-task-dot.k-state-hover:after,.k-task-wrap-active .k-task-dot:after{border-style:solid;border-width:1px;margin-left:3px}.k-task-start{left:0}.k-task-end{right:0}.k-task-single{border-style:solid;border-width:1px;text-align:left;overflow:hidden;cursor:default;min-height:1.3em;white-space:nowrap}.k-task-template{padding:.2em 1.4em .2em .6em;line-height:normal}.k-task-actions,.k-task-content>.k-link{position:absolute;top:0;right:4px;white-space:nowrap}.k-task-actions{z-index:1}.k-task-actions:first-child{position:static;float:left;margin:4px 2px 0 4px}.k-webkit .k-task-actions:first-child{margin-top:3px}.k-task-actions:first-child>.k-link{display:inline-block}.k-task-delete{display:none}.k-task-wrap:hover .k-task-delete,.k-task-wrap-active .k-task-delete{display:inline-block}.k-task-single .k-resize-handle{position:absolute;visibility:hidden;z-index:2;height:auto}.k-task-single:hover .k-resize-handle,.k-task-wrap-active .k-resize-handle{visibility:visible}.k-task-single .k-resize-handle:after{content:"";position:absolute;filter:alpha(opacity=50);opacity:.5}.k-task-content>.k-resize-e{right:0;top:0;bottom:0;width:.4em}.k-task-content>.k-resize-w{left:0;top:0;bottom:0;width:.4em}.k-task-content>.k-resize-e:after,.k-task-content>.k-resize-w:after{left:1px;top:50%;margin-top:-0.7em;height:1.4em;width:1px}.k-task-content>.k-resize-e:after{left:auto;right:1px}.k-task-draghandle{position:absolute;bottom:0;width:0;height:0;margin-left:16px;border-width:5px;border-style:solid;border-top-color:transparent;border-left-color:transparent;border-right-color:transparent;display:none;cursor:e-resize}.k-task-wrap:hover .k-task-draghandle,.k-task-wrap-active .k-task-draghandle{display:block}.k-dependency-hint{z-index:4}.k-pivot-toolbar{padding:.2em;border-bottom-width:1px;border-bottom-style:solid}.k-pivot .k-pivot-toolbar{padding:.6em}.k-pivot-toolbar .k-button{margin-right:.4em;line-height:1.2em;font-size:.9em;text-align:left;position:relative;padding:.3em 3.3em .3em .3em}.k-field-actions{position:absolute;right:2px;top:3px}.k-pivot .k-grid{white-space:nowrap}.k-pivot-layout{border-spacing:0;table-layout:auto}.k-pivot-layout>tbody>tr>td{vertical-align:top;padding:0}.k-pivot td{vertical-align:top}.k-pivot-rowheaders>.k-grid,.k-pivot-table>.k-grid{border-width:0}.k-pivot-rowheaders>.k-grid td:first-child,.k-pivot-table .k-grid-header .k-header.k-first{border-left-width:1px}.k-pivot-rowheaders>.k-grid td.k-first{border-left-width:0}.k-pivot-rowheaders>.k-grid>table{width:auto}.k-pivot-rowheaders>.k-grid{overflow:hidden}.k-pivot-table{border-left-width:1px;border-left-style:solid}.k-pivot-table .k-grid-header-wrap>table{height:100%}.k-pivot .k-grid-header .k-header{vertical-align:top}.k-pivot .k-grid-header tr+tr>.k-header{border-top-width:1px}.k-header.k-alt,td.k-alt{font-weight:bold}.k-header.k-alt{background-image:none}.k-fieldselector .k-edit-buttons{bottom:auto}.k-fieldselector .k-edit-label{width:16%}.k-fieldselector .k-edit-field{width:77%}.k-fieldselector .k-edit-field>.k-widget,.k-fieldselector .k-edit-field>.k-textbox{width:99%}.k-fieldselector .k-edit-buttons>input,.k-fieldselector .k-edit-buttons>label{float:left;margin-top:.4em}.k-fieldselector p{margin:0 0 .2em .5em;text-transform:uppercase}.k-fieldselector p .k-icon{margin:0 5px}.k-fieldselector .k-columns{border-style:solid;border-width:1px 0 0}.k-fieldselector .k-columns>div{padding:.6em 0;border-style:solid}.k-fieldselector .k-columns>div{border-width:0 0 0 1px;width:49%;float:left}.k-fieldselector .k-columns>div:first-child{border-width:0 1px 0 0;margin-right:-1px}.k-fieldselector .k-list-container{margin-left:.5em;margin-bottom:1em;padding:.2em 0 0;border-style:solid;border-width:1px}.k-fieldselector .k-list{padding-bottom:2em}.k-fieldselector .k-list li.k-item{padding:.3em 3.3em .3em .3em;margin:0 .2em.2em;position:relative;font-size:.9em;line-height:1.2em;min-height:1em}.k-calendar{position:relative;display:inline-block;width:16.917em;overflow:hidden}.k-calendar td,.k-calendar .k-link{text-decoration:none}.k-calendar .k-action-link{text-decoration:underline}.k-calendar .k-header,.k-calendar .k-footer{position:relative;text-align:center;zoom:1}.k-widget.k-calendar .k-nav-prev,.k-widget.k-calendar .k-nav-next{position:absolute;top:.16666em;line-height:1.8333em;height:1.8333em}.k-widget.k-calendar .k-nav-prev{left:1%}.k-widget.k-calendar .k-nav-next{right:1%}.k-calendar .k-content{float:left;border-spacing:0;width:100%;height:14.167em;border-width:0;margin:0;table-layout:fixed;text-align:right;outline:0}.k-calendar .k-animation-container .k-content{height:100%}.k-widget.k-calendar .k-nav-fast{display:inline-block;width:75%;height:1.8333em;line-height:1.8333em;margin:.16666em -0.08333em .3333em 0}.k-calendar .k-header .k-icon{vertical-align:middle}.k-calendar .k-header .k-link.k-nav-prev,.k-calendar .k-header .k-link.k-nav-next{height:1.8333em;width:1.8333em}.k-calendar th{border-bottom-style:solid;border-bottom-width:1px;padding:.4em .45em .4em .1em;font-weight:normal;cursor:default}.k-calendar td{padding:.08333em;cursor:pointer}.k-calendar .k-state-focus{border-style:dotted;border-width:.08333em;padding:0}.k-calendar .k-content .k-link{display:block;overflow:hidden;min-height:1.8333em;line-height:1.8333em;padding:0 .45em 0 .1em}.k-calendar .k-meta-view .k-link{padding:.25em 0 .3em;text-align:center}.k-calendar .k-footer{clear:both}.k-calendar .k-footer .k-nav-today,.k-calendar .k-footer>.k-state-disabled{display:block;height:100%;padding:.5em 0}.k-calendar .k-nav-today:hover{text-decoration:underline}div.k-treeview{border-width:0;background:0;overflow:auto;white-space:nowrap}.k-treeview .k-item{display:block;border-width:0;margin:0;padding:0 0 0 16px}.k-treeview>.k-group,.k-treeview .k-item>.k-group,.k-treeview .k-content{margin:0;padding:0;background:0;list-style-type:none;position:relative}.k-treeview .k-icon,.k-treeview .k-image,.k-treeview .k-sprite,.k-treeview .k-checkbox,.k-treeview .k-in{display:inline-block;vertical-align:top}.k-treeview .k-checkbox{margin-top:.2em}.k-treeview .k-icon,.k-treeview .k-in{vertical-align:middle}.k-treeview .k-request-retry{vertical-align:baseline}.k-treeview .k-plus,.k-treeview .k-minus,.k-treeview .k-plus-disabled,.k-treeview .k-minus-disabled{margin-top:.25em;margin-left:-16px;cursor:pointer}.k-treeview .k-plus-disabled,.k-treeview .k-minus-disabled{cursor:default}.k-treeview .k-sprite,.k-treeview .k-image{margin-right:3px}.k-treeview .k-in{margin:1px 0 1px .16666em;padding:1px .3333em 1px .25em;line-height:1.3333em;text-decoration:none;border-style:solid;border-width:1px}.k-treeview span.k-in{cursor:default}.k-treeview .k-drop-hint{position:absolute;z-index:10000;visibility:hidden;width:80px;height:5px;margin-top:-3px;background-color:transparent;background-repeat:no-repeat}span.k-datepicker,span.k-timepicker,span.k-datetimepicker,span.k-colorpicker,span.k-numerictextbox,span.k-combobox,span.k-dropdown,.k-toolbar .k-split-button{background-image:none}.k-autocomplete,.k-combobox,.k-datepicker,.k-timepicker,.k-datetimepicker,.k-colorpicker,.k-numerictextbox,.k-dropdown,.k-selectbox,.k-textbox,.k-toolbar .k-split-button{position:relative;display:inline-block;width:12.4em;overflow:visible;border-width:0;vertical-align:middle}.k-filter-menu .k-combobox,.k-filter-menu .k-datepicker,.k-filter-menu .k-timepicker,.k-filter-menu .k-datetimepicker,.k-filter-menu .k-numerictextbox,.k-filter-menu .k-dropdown,.k-filter-menu .k-textbox{width:13.2em}.k-autocomplete,.k-combobox,.k-datepicker,.k-timepicker,.k-datetimepicker,.k-colorpicker,.k-numerictextbox,.k-dropdown,.k-selectbox,.k-toolbar .k-split-button{white-space:nowrap}.k-colorpicker,.k-toolbar .k-split-button{width:auto}.k-datetimepicker{width:15em}.k-autocomplete,.k-picker-wrap,.k-numeric-wrap{position:relative;cursor:default}.k-dropdown-wrap{position:relative}.k-dropdown-wrap,.k-picker-wrap,.k-numeric-wrap{display:block}.k-block,.k-widget,.k-grid,.k-slider,.k-splitter,.k-treeview,.k-panelbar,.k-content,.k-header-column-menu{outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.k-block,.k-slider,.k-splitbar,.k-calendar,.k-treeview,.k-pager-wrap,.k-grid-header .k-link,.k-header-column-menu{-webkit-touch-callout:none}.k-popup.k-list-container,.k-popup.k-calendar-container{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);padding:2px;border-width:1px;border-style:solid}.k-list-container.k-state-border-down,.k-autocomplete.k-state-border-down,.k-dropdown-wrap.k-state-border-down,.k-picker-wrap.k-state-border-down,.k-numeric-wrap.k-state-border-down{border-bottom-width:0;padding-bottom:1px}.k-list-container .km-scroll-container{padding-bottom:6px}.k-textbox,.k-autocomplete,.k-dropdown-wrap,.k-picker-wrap,.k-numeric-wrap{border-width:1px;border-style:solid;padding:0 1.9em 0 0}.k-numeric-wrap.k-expand-padding{padding-right:0}.k-textbox,.k-autocomplete{padding:0}.k-textbox.k-space-left{padding-left:1.9em}.k-textbox.k-space-right{padding-right:1.9em}.k-textbox .k-icon{top:50%;margin:-8px 0 0;position:absolute}.k-space-left .k-icon{left:3px}.k-space-right .k-icon{right:3px}.k-autocomplete,.k-dropdown-wrap.k-state-focused,.k-dropdown-wrap.k-state-hover,.k-picker-wrap.k-state-focused,.k-picker-wrap.k-state-hover,.k-numeric-wrap.k-state-focused,.k-numeric-wrap.k-state-hover{-webkit-transition:box-shadow .15s ease-out;-moz-transition:box-shadow .15s ease-out;-o-transition:box-shadow .15s ease-out;transition:box-shadow .15s ease-out;-webkit-transition:"box-shadow .15s ease-out";-moz-transition:"box-shadow .15s ease-out";-ms-transition:"box-shadow .15s ease-out";-o-transition:"box-shadow .15s ease-out";transition:"box-shadow .15s ease-out"}.k-textbox>input,.k-picker-wrap .k-input,.k-numeric-wrap .k-input,.k-combobox .k-input{width:100%;vertical-align:top}.k-picker-wrap .k-input,.k-numeric-wrap .k-input,.k-dropdown-wrap .k-input,.k-selectbox .k-input{font-family:inherit;border-width:0;outline:0}.k-dropdown .k-input,.k-selectbox .k-input{background:transparent}.k-ie7 .k-picker-wrap .k-input,.k-ie7 .k-numeric-wrap .k-input,.k-ie7 .k-combobox .k-input{margin:-1px 0}.k-picker-wrap .k-select,.k-numeric-wrap .k-select,.k-dropdown-wrap .k-select{position:absolute;top:0;right:0;display:inline-block;vertical-align:top;text-decoration:none}.k-combobox .k-select,.k-picker-wrap .k-select,.k-numeric-wrap .k-select{border-style:solid;border-width:0 0 0 1px;border-color:inherit}span.k-datetimepicker .k-select,span.k-datetimepicker .k-select+.k-select{right:0}.k-textbox>input,.k-autocomplete .k-input{display:block}.k-dropdown .k-select,.k-selectbox .k-select{overflow:hidden;border:0;text-decoration:none;font:inherit;color:inherit}.k-dropdown .k-input,.k-selectbox .k-input{display:block;overflow:hidden;text-overflow:ellipsis}.k-textbox>input,.k-autocomplete .k-input,.k-picker-wrap .k-input,.k-numeric-wrap .k-input,.k-dropdown-wrap .k-input,.k-selectbox .k-input{height:1.65em;line-height:1.65em;padding:.177em 0;text-indent:.33em;border:0;margin:0}.k-webkit .k-combobox .k-dropdown-wrap:before,.k-webkit .k-picker-wrap:before,.k-webkit .k-numeric-wrap:before{content:"\a0";display:inline-block;width:0;height:1.65em;padding-bottom:.4em}.k-combobox .k-input,.k-picker-wrap .k-input,.k-numeric-wrap .k-input{display:inline}.k-ie7 .k-autocomplete .k-input,.k-ie7 .k-picker-wrap .k-input,.k-ie7 .k-numeric-wrap .k-input,.k-ie7 .k-dropdown-wrap .k-input,.k-ie7 .k-selectbox .k-input{text-indent:0}.k-picker-wrap .k-select,.k-numeric-wrap .k-select,.k-dropdown-wrap .k-select{min-height:1.65em;line-height:2em;vertical-align:middle;-moz-box-sizing:border-box;text-align:center;width:1.9em;height:100%}.k-numeric-wrap .k-select{padding:0}body .k-datetimepicker .k-select{border-radius:0}.k-ie7 .k-picker-wrap .k-icon,.k-ie7 .k-dropdown-wrap .k-icon{line-height:2em;font-size:1em;padding-top:16px;height:0}.k-combobox .k-icon,.k-dropdown,.k-selectbox .k-icon{cursor:pointer}.k-popup{border-style:solid;border-width:1px}.k-popup .k-item{cursor:default}.k-popup .k-calendar{border:0}.k-list{height:100%}.k-popup .k-list .k-item,.k-fieldselector .k-list .k-item{padding:1px 5px 1px 5px;line-height:1.8em;min-height:1.8em}.k-overflow-container .k-item{padding:1px}.k-overflow-container .k-button.k-state-disabled,.k-overflow-container .k-button.k-state-disabled:hover{border:0;background:0}.k-popup .k-list .k-state-hover,.k-popup .k-list .k-state-focused,.k-popup .k-list .k-state-selected,.k-overflow-container .k-state-hover,.k-overflow-container .k-state-focused,.k-overflow-container .k-state-selected,.k-fieldselector .k-list .k-item{padding:0 4px;border-width:1px;border-style:solid}.k-list-filter{position:relative}.k-list-filter>.k-textbox{padding-right:20px;width:100%}.k-list-filter>.k-icon{position:absolute;right:4px;top:3px}.k-multiselect-wrap{position:relative;border-width:0;border-style:solid;border-radius:4px;border-color:#c5c5c5;background-color:#ffffff;min-height:2.04em}.k-multiselect-wrap .k-input{background-color:transparent;height:1.31em;line-height:1.31em;padding:.18em 0;text-indent:.33em;border:0;margin:1px 0 0;float:left}.k-multiselect-wrap li{margin:1px 0 1px 1px;padding:.1em .15em .1em .4em;line-height:1.5em;float:left}.k-autocomplete .k-loading,.k-multiselect .k-loading{position:absolute;right:3px;bottom:4px}.k-multiselect .k-loading-hidden{visibility:hidden}.k-datetimepicker .k-picker-wrap{padding-right:3.8em}.k-datetimepicker .k-select{width:3.8em}.k-datetimepicker .k-picker-wrap .k-icon{margin:0 2px}.k-picker-wrap .k-icon{cursor:pointer}.k-button,.k-textbox,.k-timepicker,.k-datepicker,.k-datetimepicker{display:inline-block;vertical-align:middle}.k-picker-wrap .k-input{margin:0}.k-time-popup .k-item{padding:1px 3px}.k-input{padding:.25em 0}.k-input,.k-textbox>input{outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.k-textbox{outline:0;padding:2px .3em;line-height:1.6em}input.k-textbox{height:2.13em;text-indent:.33em}.k-ie input.k-textbox{text-indent:.165em}.k-ff input.k-textbox{height:2.17em}.k-ie7 input.k-textbox{line-height:1.72em;height:1.72em;text-indent:.33em}textarea.k-textbox{height:auto}.k-ie7 .k-textbox{padding:1px 0;text-indent:0}span.k-numerictextbox{background-color:transparent}.k-numerictextbox .k-input{margin:0}.k-numerictextbox .k-link{display:block;height:1em;line-height:1em;vertical-align:middle;border-width:0;padding:0}.k-numerictextbox .k-icon{height:11px}.k-numeric-wrap .k-input::-webkit-inner-spin-button{-webkit-appearance:none}.k-colorpicker .k-picker-wrap{line-height:2em}.k-colorpicker .k-selected-color{vertical-align:top;line-height:0;display:inline-block;height:2em;width:2em}.k-colorpicker .k-tool-icon{position:relative;top:-2px;display:inline-block;padding:3px 3px 2px;font-size:0;line-height:0;margin-right:3px;margin-left:2px;margin-bottom:3px;background-repeat:no-repeat;vertical-align:middle;width:16px;height:16px;-ms-high-contrast-adjust:none}.k-colorpicker .k-tool-icon .k-selected-color{display:block;height:3px;width:16px;position:absolute;left:3px;bottom:-3px;border-radius:0!important;}.k-colorpicker .k-icon{cursor:pointer}.k-disabled-overlay{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#ffffff;opacity:.5;filter:alpha(opacity=50)}.k-colorpalette{position:relative;line-height:0;border-width:0;display:inline-block}.k-colorpalette .k-palette{border-collapse:collapse;position:relative;width:100%;height:100%}.k-colorpalette .k-item{width:14px;height:14px;overflow:hidden;-ms-high-contrast-adjust:none}.k-colorpalette .k-item.k-state-selected{z-index:100;background:transparent;box-shadow:0 1px 4px #000,inset 0 0 3px #ffffff;position:relative}.k-flatcolorpicker{position:relative;display:inline-block;width:250px;padding-bottom:5px}div.k-flatcolorpicker{background-color:transparent;background-image:none}.k-flatcolorpicker .k-selected-color{background-image:url("textures/transtexture.png");background-position:50% 50%;text-align:right}.k-flatcolorpicker .k-selected-color input.k-color-value{font-family:Consolas,"Ubuntu Mono","Lucida Console","Courier New",monospace;padding:.75em .3em .65em 1em;border:0;margin:0;width:70%}.k-flatcolorpicker .k-hsv-rectangle{position:relative;-khtml-user-select:none;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;-ms-touch-action:pinch-zoom double-tap-zoom}.k-flatcolorpicker .k-hsv-rectangle .k-draghandle{cursor:pointer;position:absolute;z-index:10;left:50%;top:50%;width:8px;height:8px;border:1px solid #eee;margin-left:-5px;margin-top:-5px;border-radius:6px;-webkit-box-shadow:0 1px 2px #444;box-shadow:0 1px 2px #444;background:transparent}.k-flatcolorpicker .k-hsv-rectangle .k-draghandle:hover,.k-flatcolorpicker .k-hsv-rectangle .k-draghandle:focus{background:transparent;border-color:#ffffff;-webkit-box-shadow:0 1px 5px #000;box-shadow:0 1px 5px #000}.k-flatcolorpicker .k-hsv-rectangle.k-dragging,.k-flatcolorpicker .k-hsv-rectangle.k-dragging *{cursor:none}.k-flatcolorpicker .k-slider-horizontal{height:20px;width:90%;margin:0 5%}.k-flatcolorpicker .k-slider-horizontal .k-slider-track{-webkit-box-shadow:0 1px 0 #fff,0 -1px 0 #999;box-shadow:0 1px 0 #fff,0 -1px 0 #999}.k-flatcolorpicker .k-hue-slider,.k-flatcolorpicker .k-transparency-slider{display:block}.k-flatcolorpicker .k-hue-slider .k-slider-selection,.k-flatcolorpicker .k-transparency-slider .k-slider-selection{background:transparent}.k-flatcolorpicker .k-hue-slider .k-draghandle,.k-flatcolorpicker .k-transparency-slider .k-draghandle{background:transparent;border:3px solid #eee;margin-top:1px;height:8px;width:8px;-webkit-box-shadow:0 1px 4px #444;box-shadow:0 1px 4px #444}.k-flatcolorpicker .k-hue-slider .k-draghandle:hover,.k-flatcolorpicker .k-transparency-slider .k-draghandle:hover,.k-flatcolorpicker .k-hue-slider .k-draghandle:focus,.k-flatcolorpicker .k-transparency-slider .k-draghandle:focus{background:transparent;border-color:#ffffff;-webkit-box-shadow:0 1px 5px #000;box-shadow:0 1px 5px #000;border-width:2px;padding:1px}.k-flatcolorpicker .k-hue-slider .k-slider-track{background:-moz-linear-gradient(left,#f00 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,#f00),color-stop(16%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(84%,#f0f),color-stop(100%,#ff0004));background:-webkit-linear-gradient(left,#f00 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004 100%);background:-o-linear-gradient(left,#f00 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004 100%);background:-ms-linear-gradient(left,#f00 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004 100%);background:-left-linear-gradient(left,#f00 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004 100%)}.k-flatcolorpicker .k-transparency-slider .k-slider-track{background-image:url("textures/transparency.png");background-size:100% auto;background-position:100% 50%;background-repeat:no-repeat}.k-flatcolorpicker .k-controls{margin-top:10px;margin-bottom:5px;text-align:center;font-size:90%}.k-flatcolorpicker .k-controls .k-button{width:6em}.k-flatcolorpicker .k-hsv-gradient{background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,#000 100%),-moz-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,#000)),-webkit-gradient(linear,left top,right top,color-stop(0%,#fff),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,#000 100%),-webkit-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0,#000 100%),-o-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0,#000 100%),-ms-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);background:-top-linear-gradient(top,rgba(0,0,0,0) 0,#000 100%),-left-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);height:180px;margin-bottom:5px}.k-ie9 .k-flatcolorpicker .k-hue-slider .k-slider-track{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzAwZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2ZmMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)}.k-ie9 .k-flatcolorpicker .k-hsv-gradient{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)}.k-ie7 .k-flatcolorpicker .k-hue-slider .k-slider-track,.k-ie8 .k-flatcolorpicker .k-hue-slider .k-slider-track{background:url("textures/hue.png") repeat 0 50%}.k-ie7 .k-flatcolorpicker .k-transparency-slider .k-slider-track,.k-ie8 .k-flatcolorpicker .k-transparency-slider .k-slider-track{background:url("textures/transparency.png") repeat 0 50%}.k-ie7 .k-flatcolorpicker .k-hsv-gradient,.k-ie8 .k-flatcolorpicker .k-hsv-gradient{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#00ffffff',GradientType=1) progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#ff000000',GradientType=0)}table.k-editor{width:100%;height:250px;table-layout:fixed;border-style:solid;border-width:1px;border-collapse:separate;border-spacing:4px;font-size:100%;vertical-align:top}.k-editor-inline{border-width:2px;padding:.3em .5em;word-wrap:break-word}.k-editortoolbar-dragHandle{cursor:move;padding-left:0;padding-right:3px;box-shadow:none!important;}.k-editor .k-editor-toolbar-wrap{border:0;padding:0}.k-editor-toolbar{margin:0;padding:.1em 0;list-style-type:none;line-height:1.3em;cursor:default}.k-editor-toolbar li{display:inline;vertical-align:middle}.k-webkit .k-editor-toolbar,.k-ff .k-editor-toolbar,.k-ie9 .k-editor-toolbar{padding:0}.k-webkit .k-editor-toolbar li,.k-ff .k-editor-toolbar li,.k-ie9 .k-editor-toolbar li,.k-ie10 .k-editor-toolbar li{display:inline-block;padding:.1em 0}.k-editor-toolbar .k-editor-widget,.k-editor-toolbar>li{margin-right:6px}.k-group-start.k-group-end .k-editor-widget{margin-right:0}.k-editor-toolbar .k-editor-dropdown{position:relative}.k-select-overlay{-webkit-appearance:none;opacity:0;z-index:11000;top:0;left:0;position:absolute;height:26px;width:100%;margin:-4px 0 0}.k-editor-toolbar .k-separator{position:relative;top:1px;border-style:solid;border-width:0 1px 0 0;margin:0 .3em 0 .1em;padding:0 0 0 1px;font-size:1.3em}.k-editor-toolbar .k-break{display:block;height:1px;font-size:0;line-height:0}.k-editor-toolbar .k-dropdown,.k-editor-toolbar .k-combobox,.k-editor-toolbar .k-selectbox,.k-editor-toolbar .k-colorpicker{vertical-align:middle}.k-button-group{white-space:nowrap}.k-button-group .k-tool{display:inline-block;vertical-align:middle;margin:1px 0;width:2em;height:2em;line-height:2em}.k-button-group .k-tool-icon{width:24px;height:24px;vertical-align:middle;-ms-high-contrast-adjust:none}.k-i-move{background-position:-160px -288px}.k-bold{background-position:-240px 0}.k-state-hover .k-bold,.k-state-selected .k-bold{background-position:-264px 0}.k-italic{background-position:-240px -24px}.k-state-hover .k-italic,.k-state-selected .k-italic{background-position:-264px -24px}.k-underline{background-position:-240px -48px}.k-state-hover .k-underline,.k-state-selected .k-underline{background-position:-264px -48px}.k-strikethrough{background-position:-240px -72px}.k-state-hover .k-strikethrough,.k-state-selected .k-strikethrough{background-position:-264px -72px}.k-foreColor{background-position:-240px -96px}.k-state-hover .k-foreColor,.k-state-selected .k-foreColor{background-position:-264px -96px}.k-backColor{background-position:-240px -120px}.k-state-hover .k-backColor,.k-state-selected .k-backColor{background-position:-264px -120px}.k-colorpicker .k-foreColor{background-position:-240px -96px}.k-colorpicker .k-backColor{background-position:-240px -120px}.k-justifyLeft{background-position:-240px -144px}.k-state-hover .k-justifyLeft,.k-state-selected .k-justifyLeft{background-position:-264px -144px}.k-justifyCenter{background-position:-240px -168px}.k-state-hover .k-justifyCenter,.k-state-selected .k-justifyCenter{background-position:-264px -168px}.k-justifyRight{background-position:-240px -192px}.k-state-hover .k-justifyRight,.k-state-selected .k-justifyRight{background-position:-264px -192px}.k-justifyFull{background-position:-240px -216px}.k-state-hover .k-justifyFull,.k-state-selected .k-justifyFull{background-position:-264px -216px}.k-insertUnorderedList{background-position:-240px -264px}.k-state-hover .k-insertUnorderedList,.k-state-selected .k-insertUnorderedList{background-position:-264px -264px}.k-insertOrderedList{background-position:-240px -288px}.k-state-hover .k-insertOrderedList,.k-state-selected .k-insertOrderedList{background-position:-264px -288px}.k-indent,.k-rtl .k-outdent{background-position:-288px 0}.k-state-hover .k-indent,.k-state-hover .k-rtl .k-outdent,.k-state-selected .k-indent,.k-state-selected .k-rtl .k-outdent{background-position:-312px 0}.k-outdent,.k-rtl .k-indent{background-position:-288px -24px}.k-state-hover .k-outdent,.k-state-hover .k-rtl .k-indent,.k-state-selected .k-outdent,.k-state-selected .k-rtl .k-indent{background-position:-312px -24px}.k-createLink{background-position:-288px -48px}.k-state-hover .k-createLink,.k-state-selected .k-createLink{background-position:-312px -48px}.k-unlink{background-position:-288px -72px}.k-state-hover .k-unlink,.k-state-selected .k-unlink{background-position:-312px -72px}.k-insertImage{background-position:-288px -96px}.k-state-hover .k-insertImage,.k-state-selected .k-insertImage{background-position:-312px -96px}.k-insertFile{background-position:-288px -216px}.k-state-hover .k-insertFile,.k-state-selected .k-insertFile{background-position:-312px -216px}.k-subscript{background-position:-288px -144px}.k-state-hover .k-subscript,.k-state-selected .k-subscript{background-position:-312px -144px}.k-superscript{background-position:-288px -168px}.k-state-hover .k-superscript,.k-state-selected .k-superscript{background-position:-312px -168px}.k-cleanFormatting{background-position:-288px -192px}.k-state-hover .k-cleanFormatting,.k-state-selected .k-cleanFormatting{background-position:-312px -192px}.k-createTable{background-position:-192px 0}.k-state-hover .k-createTable,.k-state-selected .k-createTable{background-position:-216px 0}.k-addColumnLeft{background-position:-192px -24px}.k-state-hover .k-addColumnLeft,.k-state-selected .k-addColumnLeft{background-position:-216px -24px}.k-addColumnRight{background-position:-192px -48px}.k-state-hover .k-addColumnRight,.k-state-selected .k-addColumnRight{background-position:-216px -48px}.k-addRowAbove{background-position:-192px -72px}.k-state-hover .k-addRowAbove,.k-state-selected .k-addRowAbove{background-position:-216px -72px}.k-addRowBelow{background-position:-192px -96px}.k-state-hover .k-addRowBelow,.k-state-selected .k-addRowBelow{background-position:-216px -96px}.k-deleteRow{background-position:-192px -120px}.k-state-hover .k-deleteRow,.k-state-selected .k-deleteRow{background-position:-216px -120px}.k-deleteColumn{background-position:-192px -144px}.k-state-hover .k-deleteColumn,.k-state-selected .k-deleteColumn{background-position:-216px -144px}.k-mergeCells{background-position:-192px -168px}.k-state-hover .k-mergeCells,.k-state-selected .k-mergeCells{background-position:-216px -168px}.k-fontName{width:110px}.k-fontSize{width:124px}.k-formatBlock{width:147px}.k-editortoolbar-dragHandle{float:left;margin:1px 0 0}.k-editor-toolbar .k-button-group{padding:1px}.k-editor .k-editor-toolbar .k-row-break{display:block;height:0;font-size:0;line-height:0}.k-button-group .k-tool{border-style:solid;border-width:1px;margin-right:-1px}.k-button-group .k-tool.k-state-hover,.k-button-group .k-tool:focus{position:relative;z-index:1}.k-rtl .k-button-group .k-tool{border-style:solid;border-width:1px}.k-button-group .k-tool.k-group-end{border-right-width:1px}.k-rtl .k-button-group .k-tool.k-group-end{border-left-width:1px}.k-button-group .k-state-disabled{display:none}.k-button-group .k-state-hover,.k-button-group .k-state-active{vertical-align:middle}.k-button-group .k-state-disabled{filter:alpha(opacity=30);opacity:.3}.k-editor .k-editable-area{width:100%;height:100%;border-style:solid;border-width:1px;outline:0}.k-editor .k-content{display:block;width:100%;height:100%;border:0;margin:0;padding:0;background:#fff}.k-editor .k-tool{outline:0}.k-editor iframe.k-content{display:inline;vertical-align:top}.k-editor .k-raw-content{border:0;margin:0;padding:0}.k-editor .k-raw-content,.k-editor-dialog .k-editor-textarea{font-size:inherit;font-family:consolas,"courier new",monospace}.k-editor-dialog{padding:1em;width:400px}.k-editor-dialog .k-edit-label{width:25%}.k-editor-dialog .k-edit-field{width:66%}.k-editor-dialog .k-edit-field .k-textbox{width:96%}.k-editor-dialog .k-edit-field .k-checkbox{margin:0 .4em 0 0}.k-viewhtml-dialog{width:auto}.k-filebrowser-dialog{width:auto;min-width:350px}.k-filebrowser-dialog .k-filebrowser{margin:0 1em 0}.k-filebrowser-dialog .k-edit-label{width:18%}.k-filebrowser-dialog .k-edit-field{width:75%}.k-filebrowser-dialog .k-edit-field .k-textbox{width:70%}#k-editor-image-width,#k-editor-image-height{width:5em}.k-editor-dialog .k-button{display:inline-block}.k-editor-dialog .k-editor-textarea{width:600px;height:350px;padding:.2em .2em .2em .4em;border-width:1px;border-style:solid;overflow:auto}.k-button-wrapper .k-link:hover{text-decoration:underline}.k-ct-popup{width:180.39999999999998px;padding:.65em .5em .5em}.k-ct-popup .k-status{margin:.3em 0}.k-ct-cell{border-width:1px;border-style:solid;width:18px;height:18px;margin:1px;vertical-align:top;display:inline-block;overflow:hidden;-ms-high-contrast-adjust:none}.k-notification-wrap{padding:.6em .5em;cursor:default;position:relative;white-space:nowrap}.k-notification-button .k-notification-wrap{padding-right:20px}.k-notification-wrap>.k-i-note{vertical-align:text-bottom;margin-right:4px}.k-notification-wrap>.k-i-close{position:absolute;top:7px;right:4px;display:none}.k-notification-button .k-notification-wrap>.k-i-close{display:block}.k-progressbar{display:inline-block;position:relative;vertical-align:middle}.k-progressbar{border-radius:4px}.k-progressbar-horizontal{width:27em;height:1.9em}.k-progressbar-vertical{width:1.9em;height:27em}.k-progressbar>.k-state-selected{position:absolute;border-style:solid;border-width:1px;overflow:hidden}.k-progressbar-horizontal>.k-state-selected,.k-rtl .k-progressbar-horizontal.k-progressbar-reverse>.k-state-selected{left:-1px;right:auto;top:-1px;height:100%;border-radius:4px 0 0 4px}.k-progressbar-horizontal.k-progressbar-reverse>.k-state-selected,.k-rtl .k-progressbar-horizontal>.k-state-selected{left:auto;right:-1px;border-radius:0 4px 4px 0}.k-progressbar-vertical>.k-state-selected{left:-1px;bottom:-1px;width:100%;border-radius:0 0 4px 4px}.k-progressbar-vertical.k-progressbar-reverse>.k-state-selected{bottom:auto;top:-1px;border-radius:4px 4px 0 0}.k-progressbar>.k-state-selected.k-complete,.k-rtl .k-progressbar>.k-state-selected.k-complete{border-radius:4px}.k-progressbar>.k-reset{list-style:none;margin:0;padding:0;position:absolute;left:-1px;top:-1px;width:100%;height:100%;border-radius:4px;white-space:nowrap}.k-progressbar-horizontal .k-item{display:inline-block;height:100%;border-style:solid;margin-left:-1px}.k-progressbar-horizontal .k-item.k-first{margin-left:0}.k-progressbar-horizontal .k-item.k-last{border-right-width:0}.k-progressbar-horizontal .k-item,.k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-item{border-width:1px 1px 1px 0}.k-progressbar-horizontal.k-progressbar-reverse .k-item,.k-rtl .k-progressbar-horizontal .k-item{border-width:1px 0 1px 1px}.k-progressbar-horizontal .k-first,.k-rtl .k-progressbar-horizontal .k-last,.k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-last{border-radius:4px 0 0 4px;border-left-width:1px}.k-progressbar-horizontal .k-last,.k-rtl .k-progressbar-horizontal .k-first{border-radius:0 4px 4px 0}.k-progressbar-horizontal.k-progressbar-reverse .k-last,.k-rtl .k-progressbar-horizontal .k-first{border-right-width:1px}.k-progressbar-vertical .k-item{width:100%;border-style:solid;border-width:1px 1px 0 1px;margin-top:-1px}.k-progressbar-vertical .k-item.k-first{margin-top:0}.k-progressbar-vertical li.k-item.k-last{border-bottom-width:0}.k-progressbar-vertical .k-first{border-radius:4px 4px 0 0}.k-progressbar-vertical .k-last{border-radius:0 0 4px 4px;border-bottom-width:1px}.k-progressbar-vertical.k-progressbar-reverse .k-item{border-width:0 1px 1px 1px}.k-progressbar-vertical.k-progressbar-reverse .k-first{border-top-width:1px}.k-progress-status-wrap{position:absolute;top:-1px;border:1px solid transparent;line-height:2em;width:100%;height:100%}.k-progress-status-wrap,.k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap{left:-1px;right:auto;text-align:right}.k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap,.k-rtl .k-progressbar-horizontal .k-progress-status-wrap{left:auto;right:-1px;text-align:left}.k-progressbar-vertical .k-progress-status-wrap{top:auto;bottom:-1px}.k-progressbar-vertical.k-progressbar-reverse .k-progress-status-wrap{bottom:auto;top:-1px}.k-progress-status{display:inline-block;padding:0 .5em;min-width:10px;white-space:nowrap}.k-progressbar-vertical.k-progressbar-reverse .k-progress-status{position:absolute;bottom:0;left:0}.k-progressbar-vertical .k-progress-status{-webkit-transform:rotate(-90deg) translateX(-100%);-moz-transform:rotate(-90deg) translateX(-100%);-ms-transform:rotate(-90deg) translateX(-100%);-o-transform:rotate(-90deg) translateX(-100%);transform:rotate(-90deg) translateX(-100%);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}.k-progressbar-vertical.k-progressbar-reverse .k-progress-status{-webkit-transform:rotate(90deg) translateX(-100%);-moz-transform:rotate(90deg) translateX(-100%);-ms-transform:rotate(90deg) translateX(-100%);-o-transform:rotate(90deg) translateX(-100%);transform:rotate(90deg) translateX(-100%);-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%}.k-ie7 .k-progressbar-vertical .k-progress-status{writing-mode:tb-rl;padding:.5em 0}.k-ie8 .k-progressbar-vertical .k-progress-status{writing-mode:bt-lr;padding:.5em 0}div.k-slider{position:relative;border-width:0;background-color:transparent;-khtml-user-select:none;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}.k-slider-vertical{width:26px;height:200px}.k-slider-horizontal{display:inline-block;width:200px;height:26px}.k-slider-wrap{width:100%;height:100%}.k-slider .k-button,.k-grid .k-slider .k-button{position:absolute;top:0;width:24px;min-width:0;height:24px;margin:0;padding:0;outline:0}.k-slider .k-button .k-icon{margin-top:3px;vertical-align:top}.k-state-disabled .k-slider-wrap{filter:alpha(opacity=60);opacity:.6}.k-state-disabled .k-slider-wrap .k-slider-items{color:#333}.k-slider .k-button-decrease{left:0}.k-slider-vertical .k-button-decrease,.k-grid .k-slider-vertical .k-button-decrease{top:auto;bottom:0}.k-slider .k-button-increase{right:0}.k-slider .k-icon,.k-slider-track,.k-slider .k-tick{cursor:pointer}.k-ie7 .k-slider .k-icon{margin-top:2px}.k-slider-track,.k-slider-selection{position:absolute;margin:0;padding:0}.k-slider-horizontal .k-slider-track,.k-slider-horizontal .k-slider-selection{top:50%;left:0;height:8px;margin-top:-4px;background-repeat:repeat-x}.k-slider-horizontal .k-slider-buttons .k-slider-track{left:34px}.k-slider-vertical .k-slider-track,.k-slider-vertical .k-slider-selection{left:50%;bottom:0;width:8px;margin-left:-4px;background-repeat:repeat-y}.k-slider-vertical .k-slider-buttons .k-slider-track{bottom:34px}.k-draghandle{position:absolute;background-repeat:no-repeat;background-color:transparent;text-indent:-3333px;overflow:hidden;text-decoration:none;text-align:center;outline:0}.k-slider-horizontal .k-draghandle{top:-4px;width:13px;height:14px}.k-slider-vertical .k-draghandle{left:-4px;width:14px;height:13px}.k-slider-buttons .k-slider-items{margin-left:34px}.k-slider-horizontal .k-slider-items{height:100%}.k-slider-vertical .k-slider-items{padding-top:1px}.k-slider-vertical .k-slider-buttons .k-slider-items{padding-top:0}.k-slider-vertical .k-slider-buttons .k-slider-items{margin:0;padding-top:35px}.k-slider .k-tick{position:relative;margin:0;padding:0;background-color:transparent;background-repeat:no-repeat;background-position:center center}.k-slider-horizontal .k-tick{float:left;height:100%;text-align:center}.k-ie7 .k-slider-vertical .k-tick{float:left;clear:left;width:100%}.k-slider-horizontal .k-tick{background-position:center -92px}.k-slider-horizontal .k-slider-topleft .k-tick{background-position:center -122px}.k-slider-horizontal .k-slider-bottomright .k-tick{background-position:center -152px}.k-slider-horizontal .k-tick-large{background-position:center -2px}.k-slider-horizontal .k-slider-topleft .k-tick-large{background-position:center -32px}.k-slider-horizontal .k-slider-bottomright .k-tick-large{background-position:center -62px}.k-slider-vertical .k-tick{background-position:-92px center}.k-slider-vertical .k-slider-topleft .k-tick{background-position:-122px center}.k-slider-vertical .k-slider-bottomright .k-tick{background-position:-152px center}.k-slider-vertical .k-tick-large{background-position:-2px center}.k-slider-vertical .k-slider-topleft .k-tick-large{background-position:-32px center}.k-slider-vertical .k-slider-bottomright .k-tick-large{background-position:-62px center}.k-slider-horizontal .k-first{background-position:0 -92px}.k-slider-horizontal .k-tick-large.k-first{background-position:0 -2px}.k-slider-horizontal .k-slider-topleft .k-first{background-position:0 -122px}.k-slider-horizontal .k-slider-topleft .k-tick-large.k-first{background-position:0 -32px}.k-slider-horizontal .k-slider-bottomright .k-first{background-position:0 -152px}.k-slider-horizontal .k-slider-bottomright .k-tick-large.k-first{background-position:0 -62px}.k-slider-horizontal .k-last{background-position:100% -92px}.k-slider-horizontal .k-tick-large.k-last{background-position:100% -2px}.k-slider-horizontal .k-slider-topleft .k-last{background-position:100% -122px}.k-slider-horizontal .k-slider-topleft .k-tick-large.k-last{background-position:100% -32px}.k-slider-horizontal .k-slider-bottomright .k-last{background-position:100% -152px}.k-slider-horizontal .k-slider-bottomright .k-tick-large.k-last{background-position:100% -62px}.k-slider-vertical .k-first{background-position:-92px 100%}.k-slider-vertical .k-tick-large.k-first{background-position:-2px 100%}.k-slider-vertical .k-slider-topleft .k-first{background-position:-122px 100%}.k-slider-vertical .k-slider-topleft .k-tick-large.k-first{background-position:-32px 100%}.k-slider-vertical .k-slider-bottomright .k-first{background-position:-152px 100%}.k-slider-vertical .k-slider-bottomright .k-tick-large.k-first{background-position:-62px 100%}.k-slider-vertical .k-last{background-position:-92px 0}.k-slider-vertical .k-tick-large.k-last{background-position:-2px 0}.k-slider-vertical .k-slider-topleft .k-last{background-position:-122px 0}.k-slider-vertical .k-slider-topleft .k-tick-large.k-last{background-position:-32px 0}.k-slider-vertical .k-slider-bottomright .k-last{background-position:-152px 0}.k-slider-vertical .k-slider-bottomright .k-tick-large.k-last{background-position:-62px 0}.k-slider-vertical .k-tick{text-align:right}.k-slider-vertical .k-slider-topleft .k-tick{text-align:left}.k-slider .k-label{position:absolute;white-space:nowrap;font-size:.92em}.k-slider-horizontal .k-label{left:0;width:100%;line-height:1}.k-slider-horizontal .k-first .k-label{left:-50%}.k-slider-horizontal .k-last .k-label{left:auto;right:-50%}.k-slider-horizontal .k-label{bottom:-1.2em}.k-slider-horizontal .k-slider-topleft .k-label{top:-1.2em}.k-slider-vertical .k-label{left:120%;display:block;text-align:left}.k-slider-vertical .k-last .k-label{top:-0.5em}.k-slider-vertical .k-first .k-label{bottom:-0.5em}.k-slider-vertical .k-slider-topleft .k-label{left:auto;right:120%}.k-slider-tooltip{top:-4444px}.k-scheduler-toolbar,.k-scheduler-footer{border-style:solid}.k-scheduler-toolbar,.k-scheduler-footer{line-height:28px;padding:6px}.k-scheduler-toolbar{border-width:0 0 1px}.k-edit-field.k-scheduler-toolbar{border-width:0;padding-top:0;padding-left:0;padding-right:0}.k-scheduler-header{text-align:center}.k-scheduler-footer{border-width:1px 0 0}.k-scheduler-toolbar>ul{float:right}.k-scheduler-toolbar>ul:first-child{float:left}.k-scheduler-toolbar>ul>li,.k-scheduler-footer>ul>li{display:inline-block;border-style:solid;border-width:1px 1px 1px 0}.k-scheduler .k-scheduler-toolbar .k-nav-current{border-width:0}.k-scheduler-toolbar>ul>li:first-child{border-left-width:1px}.k-scheduler div.k-scheduler-footer ul li{margin-right:.6em;border-width:1px}.k-scheduler-toolbar .k-link,.k-scheduler-footer .k-link{display:inline-block;padding:0 1.1em}.k-scheduler-toolbar .k-nav-prev .k-link,.k-scheduler-toolbar .k-nav-next .k-link{padding-left:.6em;padding-right:.6em}.k-ie7 .k-scheduler-toolbar .k-nav-prev .k-link,.k-ie7 .k-scheduler-toolbar .k-nav-next .k-link{height:2.3em;margin-top:-1px;vertical-align:middle}.k-ie7 .k-scheduler-toolbar .k-nav-prev .k-link .k-icon,.k-ie7 .k-scheduler-toolbar .k-nav-next .k-link .k-icon{margin-top:.5em}.k-scheduler-toolbar .k-nav-current .k-link{padding:0}.k-scheduler-toolbar .k-nav-current{margin:0 1.1em}.k-scheduler div.k-scheduler-toolbar>ul>li.k-nav-current,.k-scheduler .k-nav-current>.k-state-active{background:0}.k-scheduler-phone .k-scheduler-toolbar+.k-scheduler-toolbar .k-scheduler-navigation{width:100%;text-align:center}.k-scheduler-phone .k-scheduler-toolbar+.k-scheduler-toolbar .k-scheduler-navigation>li{background:0;border:0}.k-scheduler-phone .k-toolbar .k-nav-next{float:right}.k-scheduler-phone .k-toolbar .k-nav-prev{float:left}.k-scheduler-toolbar .k-i-calendar,.k-scheduler-footer .k-icon{margin:-2px 6px 0 0}.k-scheduler-header,.k-scheduler-header-wrap{overflow:hidden}.k-scheduler-header-wrap{position:relative;border-style:solid;border-width:0}.k-scheduler .k-scrollbar-v .k-scheduler-header-wrap{border-right-width:1px}.k-scheduler-times,.k-scheduler-content{position:relative}.k-scheduler-times{overflow:hidden;white-space:nowrap;border-style:solid;border-width:0}.k-scheduler-content{overflow:auto}.k-scheduler-layout,.k-scheduler-table{border-spacing:0;width:100%;margin:0;border-collapse:separate}.k-ie7 .k-scheduler-content .k-scheduler-table{width:auto}.k-scheduler-layout>tbody>tr>td{padding:0;vertical-align:top}.k-safari .k-scheduler-layout>tbody>tr>td+td{width:100%}.k-scheduler-table{table-layout:fixed}.k-scheduler-times .k-scheduler-table{table-layout:auto}.k-scheduler-monthview .k-scheduler-content .k-scheduler-table{height:100%}.k-scheduler-table td,.k-scheduler-table th{height:1.5em;padding:.334em .5em;font-size:100%}.k-scheduler .k-scheduler-table td,.k-scheduler .k-scheduler-table th{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.k-scheduler-monthview .k-hidden,.k-scheduler-monthview .k-hidden>div{width:0!important;overflow:hidden!important;}.k-scheduler-monthview .k-hidden{height:60px;padding-left:0!important;padding-right:0!important;border-right-width:0!important;}.k-scheduler-monthview>tbody>tr:first-child .k-scheduler-times{margin-right:1px}.k-scheduler-monthview>tbody>tr:first-child .k-scheduler-times .k-hidden{height:auto}.k-scheduler-monthview .k-scheduler-table td{height:80px;text-align:right}.k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td{height:40px}.k-scheduler-table td,.k-slot-cell{vertical-align:top}.k-scheduler-layout tr+tr .k-scheduler-times th:last-child{vertical-align:top}.k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td{text-align:center;vertical-align:middle}.k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td span{font-size:1.5em}.k-scheduler-header th{overflow:hidden;text-overflow:ellipsis}.k-scheduler-table td,.k-scheduler-header th{border-style:solid;border-width:0 0 1px 1px}.k-scheduler-table td:first-child,.k-scheduler-header th:first-child{border-left-width:0}.k-scheduler-agendaview .k-scheduler-table td:first-child{border-left-width:1px}.k-scheduler-agendaview .k-scheduler-table td.k-first{border-left-width:0}.k-scheduler-layout tr+tr .k-scheduler-times tr:last-child>th,.k-scheduler-layout tr+tr .k-scheduler-table>tbody>tr:last-child>td,.k-scheduler-table>tbody>tr>.k-last{border-bottom-width:0}.k-scrollbar-h tr+tr .k-scheduler-times,.k-scrollbar-h .k-scheduler-content .k-scheduler-table>tbody>tr:last-child>td,.k-scheduler-agendaview.k-scrollbar-h .k-scheduler-table>tbody>tr>td.k-last{border-bottom-width:1px}.k-scheduler-times th{text-align:right;padding-right:.6em;border-style:solid;border-width:0 1px 1px 0;border-color:transparent}.k-scheduler-layout tr+tr .k-scheduler-times th{border-bottom-color:transparent}.k-scheduler-layout tr+tr .k-scheduler-times th.k-slot-cell,.k-scheduler-layout tr+tr .k-scheduler-times th.k-scheduler-times-all-day{border-bottom-color:inherit}.k-scheduler .k-middle-row td{border-bottom-style:dotted}.k-scheduler-now-arrow,.k-scheduler-now-line{position:absolute}.k-scheduler-now-arrow{width:0;height:0;border:solid 5px transparent;left:0}.k-scheduler-now-line{left:5px;right:0;height:1px}.k-task{position:relative}div.k-more-events{text-align:center;font-size:18px;line-height:1.2;padding:0}.k-more-events>span{display:block;margin-top:-0.6em}.k-event,.k-more-events{position:absolute;border-style:solid;border-width:1px;text-align:left;overflow:hidden}.k-event{cursor:default;min-height:1.3em}.k-event-drag-hint{filter:alpha(opacity=60);opacity:.6;cursor:-webkit-grabbing;cursor:-moz-grabbing}.k-scheduler-header .k-event{white-space:nowrap}.k-event-template{padding:.3em 1.4em .3em .6em}.k-event-time{display:none;padding-bottom:0;font-size:.9em}.k-event-drag-hint .k-event-time{display:block}.k-event-actions,.k-event>.k-link,.k-task>.k-link{position:absolute;top:3px;right:4px;white-space:nowrap}.k-event-actions{z-index:1}.k-scheduler-agendaview .k-task>.k-link{top:0;right:0}.k-event-actions:first-child{position:static;float:left;margin:4px 2px 0 4px}.k-webkit .k-event-actions:first-child{margin-top:3px}.k-event-actions:first-child>.k-link{display:inline-block}.k-event-delete{display:none}.k-event:hover .k-event-delete,tr:hover>td>.k-task .k-event-delete{display:inline-block}.k-event .k-event-top-actions,.k-event .k-event-bottom-actions{position:absolute;top:0;left:0;width:100%;text-align:center}.k-event .k-event-bottom-actions{top:auto;bottom:0}.k-event .k-resize-handle,.k-scheduler-mobile .k-event:hover .k-resize-handle{position:absolute;visibility:hidden;z-index:2}.k-event:hover .k-resize-handle,.k-event-active .k-resize-handle,.k-scheduler-mobile .k-event-active:hover .k-resize-handle{visibility:visible}.k-event .k-resize-handle:after{content:"";position:absolute;filter:alpha(opacity=50);opacity:.5}.k-scheduler-mobile .k-event .k-resize-handle:after{filter:none;opacity:1}.k-event>.k-resize-n{top:0;left:0;right:0;height:.4em}.k-event>.k-resize-s{bottom:0;left:0;right:0;height:.4em}.k-event>.k-resize-e{right:0;top:0;bottom:0;width:.4em}.k-event>.k-resize-w{left:0;top:0;bottom:0;width:.4em}.k-event>.k-resize-n:after,.k-event>.k-resize-s:after{top:1px;left:50%;margin-left:-1em;width:2em;height:1px}.k-event>.k-resize-s:after{top:auto;bottom:1px}.k-event>.k-resize-e:after,.k-event>.k-resize-w:after{left:1px;top:50%;margin-top:-0.7em;height:1.4em;width:1px}.k-event>.k-resize-e:after{left:auto;right:1px}.k-scheduler-mobile .k-event>.k-resize-n,.k-scheduler-mobile .k-event>.k-resize-s{height:.6em}.k-scheduler-mobile .k-event>.k-resize-e,.k-scheduler-mobile .k-event>.k-resize-w{width:.6em}.k-scheduler-mobile .k-event>.k-resize-n:after,.k-scheduler-mobile .k-event>.k-resize-s:after{top:0;margin-left:-3em;width:4em;height:.6em}.k-scheduler-mobile .k-event>.k-resize-s:after{bottom:0}.k-scheduler-mobile .k-event>.k-resize-e:after,.k-scheduler-mobile .k-event>.k-resize-w:after{left:0;margin-top:-0.7em;height:1.4em;width:.6em}.k-scheduler-mobile .k-event>.k-resize-e:after{right:0}.k-scheduler-mobile .k-event>.k-resize-n:after{border-radius:0 0 4px 4px}.k-scheduler-mobile .k-event>.k-resize-s:after{border-radius:4px 4px 0 0}.k-scheduler-mobile .k-event>.k-resize-w:after{border-radius:0 4px 4px 0}.k-scheduler-mobile .k-event>.k-resize-e:after{border-radius:4px 0 0 4px}.k-scheduler-phone .k-scheduler-monthview .k-events-container{position:absolute;text-align:center;height:6px;line-height:6px}.k-scheduler-phone .k-scheduler-monthview .k-event{position:static;display:inline-block;width:4px;height:4px;min-height:0;margin:1px}.k-scheduler-marquee{border-style:solid;border-width:0}.k-scheduler-marquee.k-first:before,.k-scheduler-marquee.k-last:after{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:3px}div.k-scheduler-marquee:before{top:0;left:0;border-right-color:transparent;border-bottom-color:transparent}div.k-scheduler-marquee:after{bottom:0;right:0;border-top-color:transparent;border-left-color:transparent}.k-scheduler-marquee .k-label-top{position:absolute;top:.3em;left:.8em;font-size:.8em}.k-scheduler-marquee .k-label-bottom{position:absolute;bottom:.3em;right:.81em;font-size:.8em}.k-scheduler-quickedit .k-textbox{width:200px}.k-tooltip-bottom{text-align:left}.k-tooltip-bottom .k-button{float:left;margin-right:.3em}.k-tooltip-bottom .k-quickedit-details{float:right;margin-right:0}.k-scheduler-agendaview .k-scheduler-table th,.k-scheduler-agendaview .k-scheduler-table td{text-align:left}.k-scheduler-times .k-slot-cell,.k-scheduler-groupcolumn{width:6em}.k-scheduler-datecolumn{width:12em}.k-scheduler-timecolumn{width:11em}.k-scheduler-timecolumn>div{position:relative;vertical-align:top}.k-webkit .k-scheduler-timecolumn>div>.k-icon{vertical-align:top}.k-scheduler-timecolumn>div>.k-i-arrow-e{position:absolute;right:-4px}.k-scheduler-timecolumn .k-i-arrow-w{margin-left:-4px}.k-scheduler-mark{display:inline-block;width:1em;height:1em;vertical-align:middle;margin-right:.5em}.k-scheduler-agendaday{float:left;margin:0 .2em 0 0;font-size:3em;font-weight:normal}.k-scheduler-agendaweek{display:block;margin:.4em 0 0;font-size:1.1em;font-style:normal}.k-scheduler-agendadate{font-size:.8em}.k-scheduler-timecolumn{white-space:nowrap}.k-scheduler-edit-form .k-edit-form-container,.k-scheduler-timezones .k-edit-form-container{width:520px}.k-scheduler-edit-form .k-edit-label{width:17%}.k-scheduler-edit-form .k-edit-field{width:77%}.k-scheduler-edit-form .k-textbox[name="title"],.k-scheduler-edit-form textarea.k-textbox{width:100%}.k-scheduler-edit-form textarea.k-textbox{min-height:4em;resize:vertical}.k-scheduler-edit-form>.k-edit-box:first-child .k-datetimepicker{margin-right:1em}.km-pane-wrapper .k-scheduler-edit-form .k-edit-buttons{clear:right;margin-right:2%;margin-left:2%;padding:0 0 .6em}.k-edit-box{float:left}.k-edit-box+.k-edit-box{float:right}.k-scheduler-edit-form label+input{margin-left:1em}.k-edit-field>ul.k-reset>li{margin:.2em 0 .4em;line-height:2.4}.k-edit-field>ul.k-reset.k-toolbar>li{margin:0}.k-edit-field>ul.k-reset .k-widget{margin-left:.8em}.k-edit-field>ul.k-reset .k-numerictextbox,.k-edit-field span.k-recur-interval{width:5em}.k-edit-field>ul.k-reset .k-dropdown,.k-edit-field>ul.k-reset .k-datepicker,div[name="recurrenceRule"]>.k-dropdown{width:9em}.k-popup-message{margin:0;padding:1em 0 2em;text-align:center}.k-scheduler-timezones .k-dropdown:first-child{width:100%}.k-scheduler-timezones .k-dropdown+.k-dropdown{margin:.5em 0 .7em}.k-scheduler .k-current-time{background:#f00;height:1px;position:absolute;right:1px;left:0}.k-tooltip{position:absolute;z-index:12000;border-style:solid;border-width:1px;padding:4px 5px 4px 6px;background-repeat:repeat-x;min-width:20px;text-align:center}.k-tooltip-button{text-align:right;height:0}.k-tooltip-content{height:100%}.k-tooltip-closable .k-tooltip-content{padding-right:20px}span.k-tooltip{position:static;display:inline-block;border-width:1px;padding:2px 5px 1px 6px}.k-invalid-msg{display:none}.k-callout{position:absolute;width:0;height:0;border-style:solid;border-width:6px;border-color:transparent}.k-callout-n{top:-13px;left:50%}.k-callout-w{top:50%;left:-13px}.k-callout-s{left:50%;bottom:-13px}.k-callout-e{top:50%;right:-13px}.k-slider-tooltip .k-callout-n,.k-slider-tooltip .k-callout-s{margin-left:-6px}.k-slider-tooltip .k-callout-w,.k-slider-tooltip .k-callout-e{margin-top:-6px}.k-tooltip-validation .k-warning{vertical-align:text-top;margin-right:3px}.k-tooltip-validation{z-index:9999}.k-toolbar{position:relative;display:block;vertical-align:middle;line-height:2.9em}.k-toolbar .k-button .k-icon,.k-toolbar .k-button .k-sprite,.k-overflow-container .k-button .k-icon,.k-overflow-container .k-button .k-sprite{vertical-align:middle;margin-top:-7px;margin-bottom:-5px}.k-toolbar .k-input{line-height:inherit;height:inherit;padding-top:2px;padding-bottom:2px}.k-toolbar .k-combobox .k-dropdown-wrap:before,.k-toolbar .k-picker-wrap:before,.k-toolbar .k-numeric-wrap:before{display:none}.k-overflow-container .k-sprite{margin-left:-4px}.k-toolbar-resizable{overflow:hidden;white-space:nowrap}.k-toolbar>.k-align-left{float:none}.k-toolbar>.k-align-right{float:right}.k-toolbar>*,.k-toolbar .k-button{display:inline-block;vertical-align:middle;line-height:1.72em}.k-toolbar .k-separator{border-width:0 0 0 1px;border-style:solid;width:1px;line-height:inherit}.k-toolbar .k-button-group{list-style-type:none}.k-toolbar .k-button-group>li{display:inline-block}.k-toolbar .k-button-group .k-button{margin:0 0 0 -1px;border-radius:0}.k-toolbar .k-button,.k-toolbar .k-split-button,.k-toolbar .k-button-group,.k-toolbar .k-widget,.k-toolbar .k-textbox,.k-toolbar label,.k-toolbar .k-separator{margin:0 .2em;line-height:1.72em;vertical-align:middle}.k-toolbar .k-split-button{padding-left:0}.k-toolbar .k-split-button .k-button,.k-toolbar .k-button-group .k-group-start{margin:0}.k-toolbar .k-split-button .k-split-button-arrow{margin:0 0 0 -1px}.k-toolbar .k-overflow-anchor{border-width:0 0 0 1px;border-style:solid;height:3em;width:3em;line-height:inherit;padding:0 .5em;margin:0;position:relative;float:right;border-radius:0}.k-overflow-container .k-item{float:none;border:0}.k-overflow-container .k-separator{border-width:0 0 1px;border-style:solid;height:1px;line-height:0;font-size:0;padding:0}.k-overflow-container .k-overflow-button,.k-split-container .k-button{text-align:left;display:block;background:0;border-color:transparent;white-space:nowrap}.k-split-container{margin-top:-1px}.k-overflow-container .k-button-group{padding:0}.k-overflow-container .k-button-group>li{display:block}.k-overflow-container .k-overflow-group{border-width:1px 0;border-style:solid;border-radius:0;padding:2px 0;margin:1px 0}.k-overflow-container .k-overflow-hidden{display:none}.k-overflow-container .k-toolbar-first-visible,.k-overflow-container .k-overflow-group+.k-overflow-group,.k-overflow-container .k-separator+.k-overflow-group{border-top:0;margin-top:0;padding-top:1px}.k-overflow-container .k-overflow-group+.k-separator{display:none}.k-overflow-container .k-toolbar-last-visible{border-bottom:0;margin-bottom:0;padding-bottom:1px}.k-splitter{position:relative;height:300px}.k-pane>.k-splitter{border-width:0;overflow:hidden}.k-splitter .k-pane{overflow:hidden}.k-splitter .k-scrollable{overflow:auto}.k-splitter .k-pane-loading{position:absolute;top:50%;left:50%;margin:-8px 0 0 -8px}.k-ghost-splitbar,.k-splitbar{position:absolute;border-style:solid;font-size:0;outline:0;-khtml-user-select:none;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}.k-splitter .k-ghost-splitbar-horizontal,.k-splitter .k-splitbar-horizontal{top:0;width:5px;border-width:0 1px;background-repeat:repeat-y}.k-ghost-splitbar-vertical,.k-splitbar-vertical{left:0;height:5px;border-width:1px 0;background-repeat:repeat-x}.k-splitbar-draggable-horizontal{cursor:w-resize}.k-splitbar-draggable-vertical{cursor:n-resize}.k-splitbar .k-resize-handle{display:none}.k-restricted-size-horizontal,.k-restricted-size-vertical{background-color:#f00}.k-splitbar-horizontal .k-icon{position:absolute;top:50%;width:5px;height:20px;margin-top:-10px}.k-collapse-prev,.k-collapse-next,.k-expand-prev,.k-expand-next{cursor:pointer}.k-splitbar-horizontal .k-collapse-prev{margin-top:-31px}.k-splitbar-horizontal .k-collapse-next{margin-top:11px}.k-splitbar-static-horizontal{width:1px}.k-splitbar-static-vertical{height:1px}.k-splitbar-vertical .k-icon{position:absolute;left:50%;width:20px;height:5px;margin-left:-10px}.k-splitbar-vertical .k-collapse-prev{margin-left:-31px}.k-splitbar-vertical .k-collapse-next{margin-left:11px}.k-splitbar-draggable-vertical .k-resize-handle,.k-splitbar-draggable-horizontal .k-resize-handle{display:inline-block}.k-splitbar-horizontal .k-resize-handle{background-position:-165px -6px}.k-splitbar-horizontal-hover>.k-resize-handle{background-position:-181px -6px}.k-splitbar-horizontal .k-collapse-prev,.k-splitbar-horizontal .k-expand-next{background-position:-6px -174px}.k-splitbar-horizontal-hover>.k-collapse-prev,.k-splitbar-horizontal-hover>.k-expand-next{background-position:-22px -174px}.k-splitbar-horizontal .k-collapse-next,.k-splitbar-horizontal .k-expand-prev{background-position:-5px -142px}.k-splitbar-horizontal-hover>.k-collapse-next,.k-splitbar-horizontal-hover>.k-expand-prev{background-position:-21px -142px}.k-splitbar-vertical .k-resize-handle{background-position:-38px -309px}.k-splitbar-vertical-hover>.k-resize-handle{background-position:-70px -309px}.k-splitbar-vertical .k-collapse-prev,.k-splitbar-vertical .k-expand-next{background-position:2px -134px}.k-splitbar-vertical-hover>.k-collapse-prev,.k-splitbar-vertical-hover>.k-expand-next{background-position:-14px -134px}.k-splitbar-vertical .k-collapse-next,.k-splitbar-vertical .k-expand-prev{background-position:2px -165px}.k-splitbar-vertical-hover>.k-collapse-next,.k-splitbar-vertical-hover>.k-expand-prev{background-position:-14px -165px}html .k-upload{position:relative}html .k-upload-empty{border-width:0;background:0}.k-dropzone em,.k-upload-button{vertical-align:middle}.k-ie7 .k-dropzone em,.k-ie7 .k-upload-button{vertical-align:baseline}.k-dropzone,.k-file{position:relative}.k-dropzone{border-style:solid;border-width:0;padding:.8em;background-color:transparent}.k-dropzone em{visibility:hidden;margin-left:.6em}.k-dropzone-active em{visibility:visible}.k-upload-button{position:relative;min-width:7.167em;overflow:hidden!important;direction:ltr}.k-upload-sync .k-upload-button,.k-ie7 .k-upload-button,.k-ie8 .k-upload-button,.k-ie9 .k-upload-button{margin:.8em}.k-upload-button input{position:absolute;top:0;right:0;z-index:1;font:200px monospace!important;filter:alpha(opacity=0);opacity:0;margin:0;padding:0;cursor:pointer}.k-upload-files{margin:0 0 .6em;line-height:2.66;border-style:solid;border-width:1px 0 0}.k-upload-files .k-button{padding:0}.k-upload-files .k-button,.k-upload-status-total .k-icon{margin-left:8px}.k-ie7 .k-upload-files .k-button{line-height:1}.k-upload .k-fail{background-position:-161px -111px}.k-si-refresh{background-position:-160px -128px}.k-link:not(.k-state-disabled):hover>.k-si-refresh,.k-state-hover>.k-si-refresh,.k-state-hover>*>.k-si-refresh,.k-button:hover .k-si-refresh,.k-textbox:hover .k-si-refresh,.k-button:active .k-si-refresh{background-position:-176px -128px}.k-si-tick,.k-success{background-position:-160px -96px}.k-link:not(.k-state-disabled):hover>.k-si-tick,.k-link:not(.k-state-disabled):hover>.k-success,.k-state-hover>.k-si-tick,.k-state-hover>.k-success,.k-state-hover>*>.k-si-tick,.k-state-hover>*>.k-success,.k-button:hover .k-si-tick,.k-button:hover .k-success,.k-textbox:hover .k-si-tick,.k-textbox:hover .k-success,.k-button:active .k-si-tick,.k-button:active .k-success{background-position:-176px -96px}.k-si-cancel{background-position:-160px -112px}.k-link:not(.k-state-disabled):hover>.k-si-cancel,.k-state-hover>.k-si-cancel,.k-state-hover>*>.k-si-cancel,.k-button:hover .k-si-cancel,.k-textbox:hover .k-si-cancel,.k-button:active .k-si-cancel{background-position:-176px -112px}.k-file{border-style:solid;border-width:0 0 1px;padding:.167em .167em .167em .8em}.k-file .k-icon{position:relative}.k-file>.k-icon{background-position:-112px -288px}.k-link:not(.k-state-disabled):hover>.k-file>.k-icon,.k-state-hover>.k-file>.k-icon,.k-state-hover>*>.k-file>.k-icon,.k-button:hover .k-file>.k-icon,.k-textbox:hover .k-file>.k-icon,.k-button:active .k-file>.k-icon{background-position:-128px -288px}.k-filename{position:relative;display:inline-block;min-width:10em;max-width:16.667em;vertical-align:middle;margin-left:1em;padding-bottom:.167em;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}.k-upload-status{position:absolute;right:12px;top:.6em;line-height:.7em}.k-upload-status .k-button,.k-upload-status .k-warning{vertical-align:text-bottom}.k-dropzone .k-upload-status{line-height:2.4}.k-ie8 .k-upload-status-total{line-height:29px}.k-progress{position:absolute;top:0;bottom:0;left:0}.k-upload-selected{min-width:7.167em;margin:.25em 0 0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.k-ie7 .k-upload-selected{min-width:100px}.k-upload-selected,.k-upload-cancel{margin-bottom:.8em}.k-upload-selected{margin-left:.8em;margin-right:.2em}.k-toolbar-wrap .k-dropzone em,.k-toolbar-wrap .k-upload-files{display:none}.k-toolbar-wrap .k-dropzone{border:0;padding:0}.k-toolbar-wrap .k-dropzone-active{text-align:center}.k-toolbar-wrap .k-dropzone-active em{display:inline;margin:0;font-size:5em;font-style:normal}.k-toolbar-wrap .k-dropzone-active .k-upload-button{display:none}.k-filebrowser-dropzone{z-index:10010;filter:alpha(opacity=40);opacity:.4;position:fixed}.k-search-wrap{position:relative;float:right;width:20%;padding:0}.k-search-wrap label{position:absolute;top:0;left:4px;line-height:20px;font-style:italic}.k-search-wrap input.k-input{padding-left:0;padding-right:0}.k-search-wrap .k-search{position:absolute;top:4px;right:2px;margin:0}.k-breadcrumbs{position:relative;float:left;width:79%}.k-breadcrumbs-wrap{position:absolute;top:3px;left:0;z-index:1;padding-left:5px;line-height:18px}.k-breadcrumbs>.k-input{width:100%;font-size:inherit;font-family:inherit;border:0}.k-breadcrumbs .k-link,.k-breadcrumbs-wrap .k-icon{margin-top:0;text-decoration:none;vertical-align:middle;position:static}.k-breadcrumbs .k-link:hover{text-decoration:underline}.k-filebrowser .k-breadcrumbs .k-i-seek-w{text-decoration:none;cursor:default}.k-filebrowser .k-filebrowser-toolbar{border-style:solid;border-width:1px;margin:8px 0 0;padding:.25em;line-height:23px;white-space:nowrap}.k-filebrowser .k-filebrowser-toolbar .k-button.k-state-disabled{display:none}.k-filebrowser .k-toolbar-wrap{float:left}.k-filebrowser .k-tiles-arrange{float:right}.k-filebrowser .k-tiles-arrange .k-dropdown{width:75px}.k-filebrowser .k-upload{float:left;z-index:10010;border-width:0;background-color:transparent}.k-filebrowser .k-upload .k-upload-status{display:none}.k-filebrowser .k-upload .k-upload-button{width:auto;margin-left:0;vertical-align:top}.k-filebrowser .k-upload .k-icon{vertical-align:bottom}.k-ie7 .k-filebrowser .k-upload-button,.k-ie7 .k-filebrowser .k-upload .k-icon{vertical-align:baseline;position:relative;top:1px}.k-ie7 .k-filebrowser .k-upload .k-icon{top:2px}.k-ie7 .k-filebrowser .k-filebrowser-toolbar .k-button-icon{vertical-align:middle}.k-tiles{clear:both;height:390px;border-style:solid;border-width:1px;border-top-width:0;margin:0 0 1.4em;padding:9px;overflow:auto;line-height:1.2}.k-tile{float:left;width:223px;height:88px;overflow:hidden;border-style:solid;border-width:1px;margin:1px;padding:0 0 4px;background-position:0 100px;background-repeat:repeat-x;cursor:pointer}.k-tiles li.k-state-hover,.k-tiles li.k-state-selected{background-position:0 center}.k-filebrowser .k-thumb{float:left;display:inline;width:80px;height:80px;margin:4px 10px 0 4px;-khtml-user-select:none;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}.k-filebrowser .k-file{width:80px;height:80px}.k-filebrowser .k-image{margin:2px 0 0 2px}.k-filebrowser .k-folder{width:80px;height:80px;background-position:0 -200px;background-repeat:no-repeat}.k-filebrowser .k-loading{margin:35px 0 0 33px}.k-tile strong,.k-tile input{margin:10px 0 4px;font-weight:normal}.k-tile strong{float:left;width:120px;overflow:hidden;text-overflow:ellipsis}.k-tile input{width:100px}.k-tile strong,.k-tile input,.k-tile .k-filesize{display:block}.k-filebrowser .k-form-text-row{text-align:right}.k-filebrowser .k-form-text-row label{width:14%}.k-filebrowser .k-form-text-row input{width:80%}.k-tile-empty{margin:160px 0 0}.k-tile-empty .k-dialog-upload{font-weight:bold;font-size:120%}.k-tile-empty strong{display:block;margin:0 0 .2em;font-size:3em;font-weight:normal}.k-tile-empty,.k-tile-empty .k-button-wrapper{text-align:center}.k-ie7 .k-button,.k-ie7 .k-grid-filter,.k-ie7 .k-header-column-menu,.k-ie7 .k-grid .k-pager-numbers,.k-ie7 .k-grid .k-status-text,.k-ie7 .k-pager-numbers .k-link,.k-ie7 .k-pager-numbers span,.k-ie7 .k-pager-numbers input,.k-ie7 .k-grouping-row p,.k-ie7 .k-grouping-header a,.k-ie7 .k-grouping-header .k-group-indicator,.k-ie7 .k-grouping-header .k-link,.k-ie7 .k-grouping-header .k-button,.k-ie7 .k-grid-actions,.k-ie7 .k-edit-label,.k-ie7 .k-edit-field,.k-ie7 .k-edit-form-container .editor-label,.k-ie7 .k-edit-form-container .editor-field,.k-ie7 .k-combobox,.k-ie7 .k-dropdown,.k-ie7 .k-selectbox,.k-ie7 .k-picker-wrap .k-select,.k-ie7 .k-dropdown-wrap .k-select,.k-ie7 .k-numerictextbox,.k-ie7 .k-timepicker,.k-ie7 .k-datepicker,.k-ie7 .k-datetimepicker,.k-ie7 .k-colorpicker,.k-ie7 .k-calendar,.k-ie7 .k-calendar .k-nav-fast,.k-ie7 .k-treeview .k-icon,.k-ie7 .k-treeview .k-image,.k-ie7 .k-treeview .k-sprite,.k-ie7 .k-treeview .k-in,.k-ie7 .k-colorpicker,.k-ie7 .k-colorpicker .k-tool-icon,.k-ie7 .k-palette.k-reset,.k-ie7 .k-editor-dialog .k-button,.k-ie7 .k-form-text-row label,.k-ie7 .k-tabstrip-items .k-item,.k-ie7 .k-tabstrip-items .k-link,.k-ie7 .k-slider-horizontal,.k-ie7 .k-splitbar-draggable-vertical .k-resize-handle,.k-ie7 .k-splitbar-draggable-horizontal .k-resize-handle,.k-ie7 .t-filename,.k-ie7 div.k-window,.k-ie7 .k-window-titlebar .k-window-action,.k-ie7 .k-scheduler-toolbar>ul>li,.k-ie7 .k-scheduler-footer>ul>li,.k-ie7 .k-scheduler-toolbar>ul>li,.k-ie7 .k-scheduler-footer>ul>li,.k-ie7 .k-event:hover .k-event-delete,.k-ie7 tr:hover>td>.k-task .k-event-delete,.k-ie7 .k-progressbar,.k-ie7 .k-progressbar-horizontal .k-item,.k-ie7 .k-progress-status,.k-ie7 .k-grid-header-locked,.k-ie7 .k-grid-content-locked,.k-ie7 .k-grid-header-locked+.k-grid-header-wrap,.k-ie7 .k-grid-content-locked+.k-grid-content,.k-ie7 .k-grid-footer-locked{display:inline;zoom:1}.k-ie7 .k-treeview .k-item,.k-ie7 .k-treeview .k-group{zoom:1}.km-root,.km-pane,.km-pane-wrapper{width:100%;height:100%;-ms-touch-action:none;-ms-content-zooming:none;-ms-user-select:none;-webkit-user-select:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}.km-pane-wrapper{position:absolute;width:100%;height:100%}.km-pane,.km-shim{font-family:sans-serif}.km-pane{overflow-x:hidden}.km-view{top:0;left:0;position:absolute;display:-moz-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;width:100%;-moz-box-orient:vertical;-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:stretch;align-items:stretch;-webkit-align-content:stretch;align-content:stretch;vertical-align:top}.k-ff .km-view,.k-ff .km-pane{overflow:hidden}.k-ff18 .km-view,.k-ff18 .km-pane,.k-ff19 .km-view,.k-ff19 .km-pane,.k-ff20 .km-view,.k-ff20 .km-pane,.k-ff21 .km-view,.k-ff21 .km-pane{position:relative}.k-ff .km-view{display:-moz-inline-box;display:flex}.km-content{min-height:1px;-moz-box-flex:1;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-moz-box-align:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;flex-align:stretch;display:block;width:auto;overflow:hidden;position:relative}.km-actionsheet>li{list-style-type:none;padding:inherit 1em;line-height:2em}.km-actionsheet{padding:0;margin:0}.km-shim{left:0;bottom:0;position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:10001}.km-shim .k-animation-container,.km-actionsheet-wrapper{width:100%;-webkit-box-shadow:none;box-shadow:none;border:0}.km-shim .k-animation-container{width:auto}.km-pane-wrapper .k-grid-edit-form>.km-header,.km-pane-wrapper .k-grid-column-menu>.km-header,.km-pane-wrapper .k-grid-filter-menu>.km-header,.km-pane-wrapper .k-scheduler-edit-form>.km-header{border-style:solid;border-width:1px;padding:.3em .6em;text-align:center;width:auto;line-height:2em}.k-ie .km-pane-wrapper .k-scheduler>.k-scheduler-toolbar,.k-ie .km-pane-wrapper .k-scheduler>.k-scheduler-footer{line-height:2em}.km-pane-wrapper .k-grid-edit-form .k-multiselect,.km-pane-wrapper .k-scheduler-edit-form .k-multiselect{width:15em}.km-pane-wrapper .k-grid-edit-form .k-dropdown-wrap,.km-pane-wrapper .k-scheduler-edit-form .k-dropdown-wrap{display:block}.km-pane-wrapper .k-grid-column-menu .k-done,.km-pane-wrapper .k-grid-filter-menu .k-submit,.km-pane-wrapper .k-grid-edit-form .k-grid-update,.km-pane-wrapper .k-scheduler-edit-form .k-scheduler-update{float:right}.km-pane-wrapper .k-grid-filter-menu .k-cancel,.km-pane-wrapper .k-grid-edit-form .k-grid-cancel,.km-pane-wrapper .k-scheduler-edit-form .k-scheduler-cancel{float:left}.km-pane-wrapper .k-scheduler-edit-form .k-scheduler-delete,*:not(.km-pane)>.km-shim .km-actionsheet .k-button{display:block;text-align:center}*:not(.km-pane)>.km-shim .km-actionsheet .k-button{font-size:1.4em;margin:.3em 1em}*:not(.km-pane)>.km-shim .km-actionsheet-title{text-align:center;line-height:3em;margin-bottom:-0.3em}*:not(.km-pane)>.km-shim>.k-animation-container{margin:0!important;padding:0!important;left:0!important;}.km-pane-wrapper>div.km-pane{-webkit-box-shadow:none;box-shadow:none;font-weight:normal}.km-pane-wrapper .k-popup-edit-form .km-content>.km-scroll-container,.km-pane-wrapper .k-grid-edit-form .km-content>.km-scroll-container,.km-pane-wrapper .k-grid-column-menu .km-content>.km-scroll-container,.km-pane-wrapper .k-grid-filter-menu .km-content>.km-scroll-container{position:absolute;width:100%;min-height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.km-pane-wrapper .k-mobile-list .k-edit-field{width:74%}.km-pane-wrapper .k-grid-edit-form .k-popup-edit-form,.km-pane-wrapper .k-grid-edit-form .k-edit-form-container{width:auto}.km-pane-wrapper .k-filter-menu .k-button{width:100%;margin:0}.k-grid-mobile{border-width:0}.k-grid-mobile .k-resize-handle-inner{position:absolute;top:50%;margin-top:-10px;left:-7px;width:17px;height:17px;border-style:solid;border-width:2px;border-radius:10px}.k-grid-mobile .k-resize-handle-inner:before{content:"";position:absolute;top:50%;margin-top:-3px;left:1px;width:6px;height:6px;background-position:-5px -53px}.k-grid-mobile .k-resize-handle-inner:after{content:"";position:absolute;top:50%;margin-top:-3px;right:1px;width:6px;height:6px;background-position:-5px -21px}.km-pane-wrapper .km-pane *{-webkit-background-clip:border-box;background-clip:border-box}.km-pane-wrapper .km-pane .k-mobile-list,.km-pane-wrapper .k-mobile-list ul{padding:0;margin:0;list-style-type:none;border-radius:0;background:0}.km-pane-wrapper .km-switch{top:50%;right:.8rem;position:absolute;margin-top:-1.1rem}.km-pane-wrapper .k-mobile-list .k-state-disabled{opacity:1}.km-pane-wrapper .k-mobile-list .k-state-disabled>*{opacity:.7}.km-pane-wrapper .k-mobile-list .k-item,.km-pane-wrapper .k-mobile-list .k-item>.k-link,.km-pane-wrapper .k-mobile-list .k-item>.k-label,.km-pane-wrapper .k-mobile-list .k-edit-label{display:block;position:relative;list-style-type:none;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:.5em 0 .5em 1em;font-size:1em}.km-pane-wrapper .k-edit-form-container,.km-pane-wrapper .k-scheduler-edit-form .km-scroll-container{padding-top:1em;width:100%}.km-pane-wrapper .k-mobile-list .k-edit-label{position:absolute;margin:0;float:none;clear:none;width:100%}.km-pane-wrapper .k-mobile-list .k-edit-field,.km-pane-wrapper .k-mobile-list .k-edit-label label{display:block;text-align:left;overflow:hidden;text-overflow:ellipsis;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:.1em 0;margin:0}.km-pane-wrapper .k-mobile-list .k-item,.km-pane-wrapper .k-mobile-list .k-edit-field,.km-pane-wrapper .k-mobile-list .k-edit-label{font-size:1em;line-height:1.6em;overflow:hidden}.km-pane-wrapper .k-mobile-list .k-edit-field,.km-pane-wrapper .k-mobile-list .k-edit-label{width:100%;float:none;clear:none;min-height:2.7em}.km-pane-wrapper .km-header .k-icon,.km-pane-wrapper .k-grid-toolbar .k-icon,.km-pane-wrapper .k-grid-edit .k-icon,.km-pane-wrapper .k-grid-delete .k-icon{display:none}.km-pane-wrapper .k-mobile-list .k-edit-field{padding:.5em 0}.km-pane-wrapper .k-mobile-list .k-scheduler-toolbar{padding:.3em 0}.km-pane-wrapper .k-mobile-list .k-scheduler-toolbar ul li{line-height:2em}.km-pane-wrapper .k-mobile-list .k-item>*{line-height:normal}.km-pane-wrapper .k-mobile-list .k-edit-buttons,.km-pane-wrapper .k-mobile-list .k-button-container{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:.5em 1em;margin:0}.km-pane-wrapper .k-mobile-list>ul>li>.k-link,.km-pane-wrapper .k-mobile-list .k-filter-help-text>li>.k-link,.km-pane-wrapper .k-mobile-list .k-recur-view>.k-edit-label:nth-child(3),.km-pane-wrapper #recurrence .km-scroll-container>.k-edit-label:first-child{display:block;padding:.2em 1em;font-size:.95em;position:-webkit-sticky;margin:0;font-weight:normal;line-height:2em;background:transparent;border-top:1em solid transparent}.km-pane-wrapper .k-mobile-list .k-recur-view>.k-edit-label:nth-child(3),.km-pane-wrapper #recurrence .km-scroll-container>.k-edit-label:first-child{position:relative}.km-pane-wrapper .k-mobile-list .k-item:first-child{border-top:0}.km-pane-wrapper .k-mobile-list .k-item:last-child{border-bottom:0}.km-pane-wrapper .k-mobile-list .k-item>.k-link,.km-pane-wrapper .k-mobile-list .k-item>.k-label{line-height:inherit;text-decoration:none;margin:-0.5em 0 -0.5em -1em}.k-check[type=checkbox],.k-check[type=radio],.k-mobile-list .k-edit-field [type=checkbox],.k-mobile-list .k-edit-field [type=radio]{appearance:none;-moz-appearance:none;-webkit-appearance:none;background-color:transparent}.km-pane-wrapper .k-mobile-list .k-link .k-check,.km-pane-wrapper .k-mobile-list .k-label .k-check,.k-mobile-list .k-edit-field [type=checkbox],.k-mobile-list .k-edit-field [type=radio]{border:0;font-size:inherit;width:13px;height:13px;margin:.26em 1em .26em 0}.k-ie .km-pane-wrapper .k-icon,.k-ie .km-pane-wrapper .k-mobile-list .k-link .k-check,.k-ie .km-pane-wrapper .k-mobile-list .k-label .k-check,.k-ie .k-mobile-list .k-edit-field [type=checkbox],.k-ie .k-mobile-list .k-edit-field [type=radio]{font-size:inherit;text-indent:-9999px;width:1.01em;height:1em}@media screen and (-ms-high-contrast:active) and (-ms-high-contrast:none){.km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-n{background-position:0 0}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-n,.k-state-hover>.km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-n,.k-state-hover>*>.km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-n,.k-button:hover .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-n,.k-textbox:hover .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-n,.k-button:active .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-n{background-position:-1em 0}.km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-s{background-position:0 -2em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-s,.k-state-hover>.km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-s,.k-state-hover>*>.km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-s,.k-button:hover .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-s,.k-textbox:hover .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-s,.k-button:active .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-s{background-position:-1em -2em}.km-pane-wrapper .k-state-selected .k-i-arrow-n{background-position:-1em 0}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-state-selected .k-i-arrow-n,.k-state-hover>.km-pane-wrapper .k-state-selected .k-i-arrow-n,.k-state-hover>*>.km-pane-wrapper .k-state-selected .k-i-arrow-n,.k-button:hover .km-pane-wrapper .k-state-selected .k-i-arrow-n,.k-textbox:hover .km-pane-wrapper .k-state-selected .k-i-arrow-n,.k-button:active .km-pane-wrapper .k-state-selected .k-i-arrow-n{background-position:-2em 0}.km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n,.km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n{background-position:-1em 0}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n,.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n,.k-state-hover>.km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n,.k-state-hover>.km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n,.k-state-hover>*>.km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n,.k-state-hover>*>.km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n,.k-button:hover .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n,.k-button:hover .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n,.k-textbox:hover .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n,.k-textbox:hover .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n,.k-button:active .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n,.k-button:active .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n{background-position:-2em 0}.km-pane-wrapper .k-state-selected .k-i-arrow-s{background-position:-1em -2em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-state-selected .k-i-arrow-s,.k-state-hover>.km-pane-wrapper .k-state-selected .k-i-arrow-s,.k-state-hover>*>.km-pane-wrapper .k-state-selected .k-i-arrow-s,.k-button:hover .km-pane-wrapper .k-state-selected .k-i-arrow-s,.k-textbox:hover .km-pane-wrapper .k-state-selected .k-i-arrow-s,.k-button:active .km-pane-wrapper .k-state-selected .k-i-arrow-s{background-position:-2em -2em}.km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s,.km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s{background-position:-1em -2em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s,.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s,.k-state-hover>.km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s,.k-state-hover>.km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s,.k-state-hover>*>.km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s,.k-state-hover>*>.km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s,.k-button:hover .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s,.k-button:hover .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s,.k-textbox:hover .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s,.k-textbox:hover .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s,.k-button:active .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s,.k-button:active .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s{background-position:-2em -2em}.km-pane-wrapper .k-i-arrow-n{background-position:0 0}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-arrow-n,.k-state-hover>.km-pane-wrapper .k-i-arrow-n,.k-state-hover>*>.km-pane-wrapper .k-i-arrow-n,.k-button:hover .km-pane-wrapper .k-i-arrow-n,.k-textbox:hover .km-pane-wrapper .k-i-arrow-n,.k-button:active .km-pane-wrapper .k-i-arrow-n{background-position:-1em 0}.km-pane-wrapper .k-i-arrow-e{background-position:0 -1em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-arrow-e,.k-state-hover>.km-pane-wrapper .k-i-arrow-e,.k-state-hover>*>.km-pane-wrapper .k-i-arrow-e,.k-button:hover .km-pane-wrapper .k-i-arrow-e,.k-textbox:hover .km-pane-wrapper .k-i-arrow-e,.k-button:active .km-pane-wrapper .k-i-arrow-e{background-position:-1em -1em}.k-rtl .km-pane-wrapper .k-i-arrow-w{background-position:0 -1em}.k-rtl .k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-arrow-w,.k-rtl .k-state-hover>.km-pane-wrapper .k-i-arrow-w,.k-rtl .k-state-hover>*>.km-pane-wrapper .k-i-arrow-w,.k-rtl .k-button:hover .km-pane-wrapper .k-i-arrow-w,.k-rtl .k-textbox:hover .km-pane-wrapper .k-i-arrow-w,.k-rtl .k-button:active .km-pane-wrapper .k-i-arrow-w{background-position:-1em -1em}.km-pane-wrapper .k-i-arrow-s{background-position:0 -2em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-arrow-s,.k-state-hover>.km-pane-wrapper .k-i-arrow-s,.k-state-hover>*>.km-pane-wrapper .k-i-arrow-s,.k-button:hover .km-pane-wrapper .k-i-arrow-s,.k-textbox:hover .km-pane-wrapper .k-i-arrow-s,.k-button:active .km-pane-wrapper .k-i-arrow-s{background-position:-1em -2em}.km-pane-wrapper .k-i-arrow-w{background-position:0 -3em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-arrow-w,.k-state-hover>.km-pane-wrapper .k-i-arrow-w,.k-state-hover>*>.km-pane-wrapper .k-i-arrow-w,.k-button:hover .km-pane-wrapper .k-i-arrow-w,.k-textbox:hover .km-pane-wrapper .k-i-arrow-w,.k-button:active .km-pane-wrapper .k-i-arrow-w{background-position:-1em -3em}.k-rtl .km-pane-wrapper .k-i-arrow-e{background-position:0 -3em}.k-rtl .k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-arrow-e,.k-rtl .k-state-hover>.km-pane-wrapper .k-i-arrow-e,.k-rtl .k-state-hover>*>.km-pane-wrapper .k-i-arrow-e,.k-rtl .k-button:hover .km-pane-wrapper .k-i-arrow-e,.k-rtl .k-textbox:hover .km-pane-wrapper .k-i-arrow-e,.k-rtl .k-button:active .km-pane-wrapper .k-i-arrow-e{background-position:-1em -3em}.km-pane-wrapper .k-i-seek-n{background-position:0 -4em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-seek-n,.k-state-hover>.km-pane-wrapper .k-i-seek-n,.k-state-hover>*>.km-pane-wrapper .k-i-seek-n,.k-button:hover .km-pane-wrapper .k-i-seek-n,.k-textbox:hover .km-pane-wrapper .k-i-seek-n,.k-button:active .km-pane-wrapper .k-i-seek-n{background-position:-1em -4em}.km-pane-wrapper .k-i-seek-e{background-position:0 -5em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-seek-e,.k-state-hover>.km-pane-wrapper .k-i-seek-e,.k-state-hover>*>.km-pane-wrapper .k-i-seek-e,.k-button:hover .km-pane-wrapper .k-i-seek-e,.k-textbox:hover .km-pane-wrapper .k-i-seek-e,.k-button:active .km-pane-wrapper .k-i-seek-e{background-position:-1em -5em}.k-rtl .km-pane-wrapper .k-i-seek-w{background-position:0 -5em}.k-rtl .k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-seek-w,.k-rtl .k-state-hover>.km-pane-wrapper .k-i-seek-w,.k-rtl .k-state-hover>*>.km-pane-wrapper .k-i-seek-w,.k-rtl .k-button:hover .km-pane-wrapper .k-i-seek-w,.k-rtl .k-textbox:hover .km-pane-wrapper .k-i-seek-w,.k-rtl .k-button:active .km-pane-wrapper .k-i-seek-w{background-position:-1em -5em}.km-pane-wrapper .k-i-seek-s{background-position:0 -6em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-seek-s,.k-state-hover>.km-pane-wrapper .k-i-seek-s,.k-state-hover>*>.km-pane-wrapper .k-i-seek-s,.k-button:hover .km-pane-wrapper .k-i-seek-s,.k-textbox:hover .km-pane-wrapper .k-i-seek-s,.k-button:active .km-pane-wrapper .k-i-seek-s{background-position:-1em -6em}.km-pane-wrapper .k-i-seek-w{background-position:0 -7em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-seek-w,.k-state-hover>.km-pane-wrapper .k-i-seek-w,.k-state-hover>*>.km-pane-wrapper .k-i-seek-w,.k-button:hover .km-pane-wrapper .k-i-seek-w,.k-textbox:hover .km-pane-wrapper .k-i-seek-w,.k-button:active .km-pane-wrapper .k-i-seek-w{background-position:-1em -7em}.k-rtl .km-pane-wrapper .k-i-seek-e{background-position:0 -7em}.k-rtl .k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-seek-e,.k-rtl .k-state-hover>.km-pane-wrapper .k-i-seek-e,.k-rtl .k-state-hover>*>.km-pane-wrapper .k-i-seek-e,.k-rtl .k-button:hover .km-pane-wrapper .k-i-seek-e,.k-rtl .k-textbox:hover .km-pane-wrapper .k-i-seek-e,.k-rtl .k-button:active .km-pane-wrapper .k-i-seek-e{background-position:-1em -7em}.km-pane-wrapper .k-i-arrowhead-n{background-position:0 -16em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-arrowhead-n,.k-state-hover>.km-pane-wrapper .k-i-arrowhead-n,.k-state-hover>*>.km-pane-wrapper .k-i-arrowhead-n,.k-button:hover .km-pane-wrapper .k-i-arrowhead-n,.k-textbox:hover .km-pane-wrapper .k-i-arrowhead-n,.k-button:active .km-pane-wrapper .k-i-arrowhead-n{background-position:-1em -16em}.km-pane-wrapper .k-i-arrowhead-e{background-position:0 -17em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-arrowhead-e,.k-state-hover>.km-pane-wrapper .k-i-arrowhead-e,.k-state-hover>*>.km-pane-wrapper .k-i-arrowhead-e,.k-button:hover .km-pane-wrapper .k-i-arrowhead-e,.k-textbox:hover .km-pane-wrapper .k-i-arrowhead-e,.k-button:active .km-pane-wrapper .k-i-arrowhead-e{background-position:-1em -17em}.km-pane-wrapper .k-i-arrowhead-s{background-position:0 -18em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-arrowhead-s,.k-state-hover>.km-pane-wrapper .k-i-arrowhead-s,.k-state-hover>*>.km-pane-wrapper .k-i-arrowhead-s,.k-button:hover .km-pane-wrapper .k-i-arrowhead-s,.k-textbox:hover .km-pane-wrapper .k-i-arrowhead-s,.k-button:active .km-pane-wrapper .k-i-arrowhead-s{background-position:-1em -18em}.km-pane-wrapper .k-i-arrowhead-w{background-position:0 -19em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-arrowhead-w,.k-state-hover>.km-pane-wrapper .k-i-arrowhead-w,.k-state-hover>*>.km-pane-wrapper .k-i-arrowhead-w,.k-button:hover .km-pane-wrapper .k-i-arrowhead-w,.k-textbox:hover .km-pane-wrapper .k-i-arrowhead-w,.k-button:active .km-pane-wrapper .k-i-arrowhead-w{background-position:-1em -19em}.km-pane-wrapper .k-i-expand,.km-pane-wrapper .k-plus,.km-pane-wrapper .k-plus-disabled{background-position:0 -12em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-expand,.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-plus,.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-plus-disabled,.k-state-hover>.km-pane-wrapper .k-i-expand,.k-state-hover>.km-pane-wrapper .k-plus,.k-state-hover>.km-pane-wrapper .k-plus-disabled,.k-state-hover>*>.km-pane-wrapper .k-i-expand,.k-state-hover>*>.km-pane-wrapper .k-plus,.k-state-hover>*>.km-pane-wrapper .k-plus-disabled,.k-button:hover .km-pane-wrapper .k-i-expand,.k-button:hover .km-pane-wrapper .k-plus,.k-button:hover .km-pane-wrapper .k-plus-disabled,.k-textbox:hover .km-pane-wrapper .k-i-expand,.k-textbox:hover .km-pane-wrapper .k-plus,.k-textbox:hover .km-pane-wrapper .k-plus-disabled,.k-button:active .km-pane-wrapper .k-i-expand,.k-button:active .km-pane-wrapper .k-plus,.k-button:active .km-pane-wrapper .k-plus-disabled{background-position:-1em -12em}.km-pane-wrapper .k-i-expand-w,.k-rtl .km-pane-wrapper .k-i-expand,.k-rtl .km-pane-wrapper .k-plus,.k-rtl .km-pane-wrapper .k-plus-disabled{background-position:0 -13em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-expand-w,.k-link:not(.k-state-disabled):hover>.k-rtl .km-pane-wrapper .k-i-expand,.k-link:not(.k-state-disabled):hover>.k-rtl .km-pane-wrapper .k-plus,.k-link:not(.k-state-disabled):hover>.k-rtl .km-pane-wrapper .k-plus-disabled,.k-state-hover>.km-pane-wrapper .k-i-expand-w,.k-state-hover>.k-rtl .km-pane-wrapper .k-i-expand,.k-state-hover>.k-rtl .km-pane-wrapper .k-plus,.k-state-hover>.k-rtl .km-pane-wrapper .k-plus-disabled,.k-state-hover>*>.km-pane-wrapper .k-i-expand-w,.k-state-hover>*>.k-rtl .km-pane-wrapper .k-i-expand,.k-state-hover>*>.k-rtl .km-pane-wrapper .k-plus,.k-state-hover>*>.k-rtl .km-pane-wrapper .k-plus-disabled,.k-button:hover .km-pane-wrapper .k-i-expand-w,.k-button:hover .k-rtl .km-pane-wrapper .k-i-expand,.k-button:hover .k-rtl .km-pane-wrapper .k-plus,.k-button:hover .k-rtl .km-pane-wrapper .k-plus-disabled,.k-textbox:hover .km-pane-wrapper .k-i-expand-w,.k-textbox:hover .k-rtl .km-pane-wrapper .k-i-expand,.k-textbox:hover .k-rtl .km-pane-wrapper .k-plus,.k-textbox:hover .k-rtl .km-pane-wrapper .k-plus-disabled,.k-button:active .km-pane-wrapper .k-i-expand-w,.k-button:active .k-rtl .km-pane-wrapper .k-i-expand,.k-button:active .k-rtl .km-pane-wrapper .k-plus,.k-button:active .k-rtl .km-pane-wrapper .k-plus-disabled{background-position:-1em -13em}.km-pane-wrapper .k-i-collapse,.km-pane-wrapper .k-minus,.km-pane-wrapper .k-minus-disabled{background-position:0 -14em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-collapse,.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-minus,.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-minus-disabled,.k-state-hover>.km-pane-wrapper .k-i-collapse,.k-state-hover>.km-pane-wrapper .k-minus,.k-state-hover>.km-pane-wrapper .k-minus-disabled,.k-state-hover>*>.km-pane-wrapper .k-i-collapse,.k-state-hover>*>.km-pane-wrapper .k-minus,.k-state-hover>*>.km-pane-wrapper .k-minus-disabled,.k-button:hover .km-pane-wrapper .k-i-collapse,.k-button:hover .km-pane-wrapper .k-minus,.k-button:hover .km-pane-wrapper .k-minus-disabled,.k-textbox:hover .km-pane-wrapper .k-i-collapse,.k-textbox:hover .km-pane-wrapper .k-minus,.k-textbox:hover .km-pane-wrapper .k-minus-disabled,.k-button:active .km-pane-wrapper .k-i-collapse,.k-button:active .km-pane-wrapper .k-minus,.k-button:active .km-pane-wrapper .k-minus-disabled{background-position:-1em -14em}.km-pane-wrapper .k-i-collapse-w,.k-rtl .km-pane-wrapper .k-i-collapse,.k-rtl .km-pane-wrapper .k-minus,.k-rtl .km-pane-wrapper .k-minus-disabled{background-position:0 -15em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-collapse-w,.k-link:not(.k-state-disabled):hover>.k-rtl .km-pane-wrapper .k-i-collapse,.k-link:not(.k-state-disabled):hover>.k-rtl .km-pane-wrapper .k-minus,.k-link:not(.k-state-disabled):hover>.k-rtl .km-pane-wrapper .k-minus-disabled,.k-state-hover>.km-pane-wrapper .k-i-collapse-w,.k-state-hover>.k-rtl .km-pane-wrapper .k-i-collapse,.k-state-hover>.k-rtl .km-pane-wrapper .k-minus,.k-state-hover>.k-rtl .km-pane-wrapper .k-minus-disabled,.k-state-hover>*>.km-pane-wrapper .k-i-collapse-w,.k-state-hover>*>.k-rtl .km-pane-wrapper .k-i-collapse,.k-state-hover>*>.k-rtl .km-pane-wrapper .k-minus,.k-state-hover>*>.k-rtl .km-pane-wrapper .k-minus-disabled,.k-button:hover .km-pane-wrapper .k-i-collapse-w,.k-button:hover .k-rtl .km-pane-wrapper .k-i-collapse,.k-button:hover .k-rtl .km-pane-wrapper .k-minus,.k-button:hover .k-rtl .km-pane-wrapper .k-minus-disabled,.k-textbox:hover .km-pane-wrapper .k-i-collapse-w,.k-textbox:hover .k-rtl .km-pane-wrapper .k-i-collapse,.k-textbox:hover .k-rtl .km-pane-wrapper .k-minus,.k-textbox:hover .k-rtl .km-pane-wrapper .k-minus-disabled,.k-button:active .km-pane-wrapper .k-i-collapse-w,.k-button:active .k-rtl .km-pane-wrapper .k-i-collapse,.k-button:active .k-rtl .km-pane-wrapper .k-minus,.k-button:active .k-rtl .km-pane-wrapper .k-minus-disabled{background-position:-1em -15em}.km-pane-wrapper .k-i-pencil,.km-pane-wrapper .k-edit{background-position:-2em 0}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-pencil,.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-edit,.k-state-hover>.km-pane-wrapper .k-i-pencil,.k-state-hover>.km-pane-wrapper .k-edit,.k-state-hover>*>.km-pane-wrapper .k-i-pencil,.k-state-hover>*>.km-pane-wrapper .k-edit,.k-button:hover .km-pane-wrapper .k-i-pencil,.k-button:hover .km-pane-wrapper .k-edit,.k-textbox:hover .km-pane-wrapper .k-i-pencil,.k-textbox:hover .km-pane-wrapper .k-edit,.k-button:active .km-pane-wrapper .k-i-pencil,.k-button:active .km-pane-wrapper .k-edit{background-position:-3em 0}.km-pane-wrapper .k-i-close,.km-pane-wrapper .k-delete,.km-pane-wrapper .k-group-delete{background-position:-2em -1em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-close,.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-delete,.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-group-delete,.k-state-hover>.km-pane-wrapper .k-i-close,.k-state-hover>.km-pane-wrapper .k-delete,.k-state-hover>.km-pane-wrapper .k-group-delete,.k-state-hover>*>.km-pane-wrapper .k-i-close,.k-state-hover>*>.km-pane-wrapper .k-delete,.k-state-hover>*>.km-pane-wrapper .k-group-delete,.k-button:hover .km-pane-wrapper .k-i-close,.k-button:hover .km-pane-wrapper .k-delete,.k-button:hover .km-pane-wrapper .k-group-delete,.k-textbox:hover .km-pane-wrapper .k-i-close,.k-textbox:hover .km-pane-wrapper .k-delete,.k-textbox:hover .km-pane-wrapper .k-group-delete,.k-button:active .km-pane-wrapper .k-i-close,.k-button:active .km-pane-wrapper .k-delete,.k-button:active .km-pane-wrapper .k-group-delete{background-position:-3em -1em}.km-pane-wrapper .k-si-close{background-position:-10em -5em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-si-close,.k-state-hover>.km-pane-wrapper .k-si-close,.k-state-hover>*>.km-pane-wrapper .k-si-close,.k-button:hover .km-pane-wrapper .k-si-close,.k-textbox:hover .km-pane-wrapper .k-si-close,.k-button:active .km-pane-wrapper .k-si-close{background-position:-11em -5em}.km-pane-wrapper .k-multiselect .k-delete{background-position:-10em -5em}.km-pane-wrapper .k-multiselect .k-state-hover .k-delete{background-position:-11em -5em}.km-pane-wrapper .k-i-tick,.km-pane-wrapper .k-insert,.km-pane-wrapper .k-update{background-position:-2em -2em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-tick,.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-insert,.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-update,.k-state-hover>.km-pane-wrapper .k-i-tick,.k-state-hover>.km-pane-wrapper .k-insert,.k-state-hover>.km-pane-wrapper .k-update,.k-state-hover>*>.km-pane-wrapper .k-i-tick,.k-state-hover>*>.km-pane-wrapper .k-insert,.k-state-hover>*>.km-pane-wrapper .k-update,.k-button:hover .km-pane-wrapper .k-i-tick,.k-button:hover .km-pane-wrapper .k-insert,.k-button:hover .km-pane-wrapper .k-update,.k-textbox:hover .km-pane-wrapper .k-i-tick,.k-textbox:hover .km-pane-wrapper .k-insert,.k-textbox:hover .km-pane-wrapper .k-update,.k-button:active .km-pane-wrapper .k-i-tick,.k-button:active .km-pane-wrapper .k-insert,.k-button:active .km-pane-wrapper .k-update{background-position:-3em -2em}.km-pane-wrapper .k-check:checked,.km-pane-wrapper .k-mobile-list .k-edit-field [type=checkbox],.km-pane-wrapper .k-mobile-list .k-edit-field [type=radio]{background-position:-2em -2em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-check:checked,.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-mobile-list .k-edit-field [type=checkbox],.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-mobile-list .k-edit-field [type=radio],.k-state-hover>.km-pane-wrapper .k-check:checked,.k-state-hover>.km-pane-wrapper .k-mobile-list .k-edit-field [type=checkbox],.k-state-hover>.km-pane-wrapper .k-mobile-list .k-edit-field [type=radio],.k-state-hover>*>.km-pane-wrapper .k-check:checked,.k-state-hover>*>.km-pane-wrapper .k-mobile-list .k-edit-field [type=checkbox],.k-state-hover>*>.km-pane-wrapper .k-mobile-list .k-edit-field [type=radio],.k-button:hover .km-pane-wrapper .k-check:checked,.k-button:hover .km-pane-wrapper .k-mobile-list .k-edit-field [type=checkbox],.k-button:hover .km-pane-wrapper .k-mobile-list .k-edit-field [type=radio],.k-textbox:hover .km-pane-wrapper .k-check:checked,.k-textbox:hover .km-pane-wrapper .k-mobile-list .k-edit-field [type=checkbox],.k-textbox:hover .km-pane-wrapper .k-mobile-list .k-edit-field [type=radio],.k-button:active .km-pane-wrapper .k-check:checked,.k-button:active .km-pane-wrapper .k-mobile-list .k-edit-field [type=checkbox],.k-button:active .km-pane-wrapper .k-mobile-list .k-edit-field [type=radio]{background-position:-3em -2em}.km-pane-wrapper .k-i-cancel,.km-pane-wrapper .k-cancel,.km-pane-wrapper .k-denied{background-position:-2em -3em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-cancel,.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-cancel,.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-denied,.k-state-hover>.km-pane-wrapper .k-i-cancel,.k-state-hover>.km-pane-wrapper .k-cancel,.k-state-hover>.km-pane-wrapper .k-denied,.k-state-hover>*>.km-pane-wrapper .k-i-cancel,.k-state-hover>*>.km-pane-wrapper .k-cancel,.k-state-hover>*>.km-pane-wrapper .k-denied,.k-button:hover .km-pane-wrapper .k-i-cancel,.k-button:hover .km-pane-wrapper .k-cancel,.k-button:hover .km-pane-wrapper .k-denied,.k-textbox:hover .km-pane-wrapper .k-i-cancel,.k-textbox:hover .km-pane-wrapper .k-cancel,.k-textbox:hover .km-pane-wrapper .k-denied,.k-button:active .km-pane-wrapper .k-i-cancel,.k-button:active .km-pane-wrapper .k-cancel,.k-button:active .km-pane-wrapper .k-denied{background-position:-3em -3em}.km-pane-wrapper .k-i-plus,.km-pane-wrapper .k-add{background-position:-2em -4em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-plus,.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-add,.k-state-hover>.km-pane-wrapper .k-i-plus,.k-state-hover>.km-pane-wrapper .k-add,.k-state-hover>*>.km-pane-wrapper .k-i-plus,.k-state-hover>*>.km-pane-wrapper .k-add,.k-button:hover .km-pane-wrapper .k-i-plus,.k-button:hover .km-pane-wrapper .k-add,.k-textbox:hover .km-pane-wrapper .k-i-plus,.k-textbox:hover .km-pane-wrapper .k-add,.k-button:active .km-pane-wrapper .k-i-plus,.k-button:active .km-pane-wrapper .k-add{background-position:-3em -4em}.km-pane-wrapper .k-i-funnel,.km-pane-wrapper .k-filter{background-position:-2em -5em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-funnel,.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-filter,.k-state-hover>.km-pane-wrapper .k-i-funnel,.k-state-hover>.km-pane-wrapper .k-filter,.k-state-hover>*>.km-pane-wrapper .k-i-funnel,.k-state-hover>*>.km-pane-wrapper .k-filter,.k-button:hover .km-pane-wrapper .k-i-funnel,.k-button:hover .km-pane-wrapper .k-filter,.k-textbox:hover .km-pane-wrapper .k-i-funnel,.k-textbox:hover .km-pane-wrapper .k-filter,.k-button:active .km-pane-wrapper .k-i-funnel,.k-button:active .km-pane-wrapper .k-filter{background-position:-3em -5em}.km-pane-wrapper .k-i-funnel-clear,.km-pane-wrapper .k-clear-filter{background-position:-2em -6em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-funnel-clear,.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-clear-filter,.k-state-hover>.km-pane-wrapper .k-i-funnel-clear,.k-state-hover>.km-pane-wrapper .k-clear-filter,.k-state-hover>*>.km-pane-wrapper .k-i-funnel-clear,.k-state-hover>*>.km-pane-wrapper .k-clear-filter,.k-button:hover .km-pane-wrapper .k-i-funnel-clear,.k-button:hover .km-pane-wrapper .k-clear-filter,.k-textbox:hover .km-pane-wrapper .k-i-funnel-clear,.k-textbox:hover .km-pane-wrapper .k-clear-filter,.k-button:active .km-pane-wrapper .k-i-funnel-clear,.k-button:active .km-pane-wrapper .k-clear-filter{background-position:-3em -6em}.km-pane-wrapper .k-i-refresh{background-position:-2em -7em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-refresh,.k-state-hover>.km-pane-wrapper .k-i-refresh,.k-state-hover>*>.km-pane-wrapper .k-i-refresh,.k-button:hover .km-pane-wrapper .k-i-refresh,.k-textbox:hover .km-pane-wrapper .k-i-refresh,.k-button:active .km-pane-wrapper .k-i-refresh{background-position:-3em -7em}.km-pane-wrapper .k-i-exception{background-position:-10em -19em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-exception,.k-state-hover>.km-pane-wrapper .k-i-exception,.k-state-hover>*>.km-pane-wrapper .k-i-exception,.k-button:hover .km-pane-wrapper .k-i-exception,.k-textbox:hover .km-pane-wrapper .k-i-exception,.k-button:active .km-pane-wrapper .k-i-exception{background-position:-11em -19em}.km-pane-wrapper .k-i-restore{background-position:-2em -8em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-restore,.k-state-hover>.km-pane-wrapper .k-i-restore,.k-state-hover>*>.km-pane-wrapper .k-i-restore,.k-button:hover .km-pane-wrapper .k-i-restore,.k-textbox:hover .km-pane-wrapper .k-i-restore,.k-button:active .km-pane-wrapper .k-i-restore{background-position:-3em -8em}.km-pane-wrapper .k-i-maximize{background-position:-2em -9em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-maximize,.k-state-hover>.km-pane-wrapper .k-i-maximize,.k-state-hover>*>.km-pane-wrapper .k-i-maximize,.k-button:hover .km-pane-wrapper .k-i-maximize,.k-textbox:hover .km-pane-wrapper .k-i-maximize,.k-button:active .km-pane-wrapper .k-i-maximize{background-position:-3em -9em}.km-pane-wrapper .k-i-minimize{background-position:-4em -18em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-minimize,.k-state-hover>.km-pane-wrapper .k-i-minimize,.k-state-hover>*>.km-pane-wrapper .k-i-minimize,.k-button:hover .km-pane-wrapper .k-i-minimize,.k-textbox:hover .km-pane-wrapper .k-i-minimize,.k-button:active .km-pane-wrapper .k-i-minimize{background-position:-5em -18em}.km-pane-wrapper .k-i-pin{background-position:-10em -16em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-pin,.k-state-hover>.km-pane-wrapper .k-i-pin,.k-state-hover>*>.km-pane-wrapper .k-i-pin,.k-button:hover .km-pane-wrapper .k-i-pin,.k-textbox:hover .km-pane-wrapper .k-i-pin,.k-button:active .km-pane-wrapper .k-i-pin{background-position:-11em -16em}.km-pane-wrapper .k-i-unpin{background-position:-10em -17em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-unpin,.k-state-hover>.km-pane-wrapper .k-i-unpin,.k-state-hover>*>.km-pane-wrapper .k-i-unpin,.k-button:hover .km-pane-wrapper .k-i-unpin,.k-textbox:hover .km-pane-wrapper .k-i-unpin,.k-button:active .km-pane-wrapper .k-i-unpin{background-position:-11em -17em}.km-pane-wrapper .k-resize-se{background-position:-2em -10em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-resize-se,.k-state-hover>.km-pane-wrapper .k-resize-se,.k-state-hover>*>.km-pane-wrapper .k-resize-se,.k-button:hover .km-pane-wrapper .k-resize-se,.k-textbox:hover .km-pane-wrapper .k-resize-se,.k-button:active .km-pane-wrapper .k-resize-se{background-position:-3em -10em}.km-pane-wrapper .k-i-calendar{background-position:-2em -11em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-calendar,.k-state-hover>.km-pane-wrapper .k-i-calendar,.k-state-hover>*>.km-pane-wrapper .k-i-calendar,.k-button:hover .km-pane-wrapper .k-i-calendar,.k-textbox:hover .km-pane-wrapper .k-i-calendar,.k-button:active .km-pane-wrapper .k-i-calendar{background-position:-3em -11em}.km-pane-wrapper .k-i-clock{background-position:-2em -12em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-clock,.k-state-hover>.km-pane-wrapper .k-i-clock,.k-state-hover>*>.km-pane-wrapper .k-i-clock,.k-button:hover .km-pane-wrapper .k-i-clock,.k-textbox:hover .km-pane-wrapper .k-i-clock,.k-button:active .km-pane-wrapper .k-i-clock{background-position:-3em -12em}.km-pane-wrapper .k-si-plus{background-position:-2em -13em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-si-plus,.k-state-hover>.km-pane-wrapper .k-si-plus,.k-state-hover>*>.km-pane-wrapper .k-si-plus,.k-button:hover .km-pane-wrapper .k-si-plus,.k-textbox:hover .km-pane-wrapper .k-si-plus,.k-button:active .km-pane-wrapper .k-si-plus{background-position:-3em -13em}.km-pane-wrapper .k-si-minus{background-position:-2em -14em}.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-si-minus,.k-state-hover>.km-pane-wrapper .k-si-minus,.k-state-hover>*>.km-pane-wrapper .k-si-minus,.k-button:hover .km-pane-wrapper .k-si-minus,.k-textbox:hover .km-pane-wrapper .k-si-minus,.k-button:active .km-pane-wrapper .k-si-minus{background-position:-3em -14em}}.km-pane-wrapper .km-pane .k-mobile-list input:not([type="checkbox"]):not([type="radio"]),.km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]),.km-pane-wrapper .km-pane .k-mobile-list textarea,.km-pane-wrapper .k-mobile-list .k-widget,.km-pane-wrapper .k-edit-field>*:not([type="checkbox"]):not([type="radio"]):not(.k-button){text-indent:0;font-size:1em;line-height:1.6em;vertical-align:middle;height:auto;padding:0;border:0;margin:0;background:transparent;-webkit-box-shadow:none;box-shadow:none;border-radius:0}.km-pane-wrapper .k-mobile-list .k-widget{border:0;border-radius:0}.k-ie .km-pane-wrapper .k-mobile-list .k-widget{height:initial}.km-pane-wrapper .k-mobile-list .k-widget .k-input,.km-pane-wrapper .k-mobile-list .k-widget .k-state-default{border:0;background:transparent}.km-pane-wrapper *:not(.k-state-default)>input:not([type="checkbox"]):not([type="radio"]),.km-pane-wrapper .k-mobile-list select:not([multiple]),.km-pane-wrapper .k-mobile-list textarea,.km-pane-wrapper .k-mobile-list .k-widget,.km-pane-wrapper .k-edit-field>*:not([type="checkbox"]):not([type="radio"]):not(.k-button){width:80%;padding:.6em 0;margin:-0.5em 0}.km-pane-wrapper .km-pane .k-mobile-list input,.km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]),.km-pane-wrapper .km-pane .k-mobile-list textarea,.km-pane-wrapper .k-mobile-list .k-widget,.km-pane-wrapper .k-mobile-list .k-edit-field>*{-webkit-appearance:none;-moz-appearance:none;appearance:none;float:right;z-index:1;position:relative}.km-pane-wrapper .k-scheduler-views{width:18em}.km-pane-wrapper .k-mobile-list .k-edit-field.k-scheduler-toolbar{background:transparent;border:0;-webkit-box-shadow:none;box-shadow:none;padding:.5em 1em}.km-pane-wrapper #recurrence .k-scheduler-navigation{width:100%}.km-pane-wrapper .k-scheduler-views,.km-pane-wrapper .k-mobile-list .k-scheduler-navigation{display:table;table-layout:fixed}.km-pane-wrapper .k-scheduler-views li,.km-pane-wrapper .k-mobile-list .k-scheduler-navigation li{display:table-cell;text-align:center}.km-pane-wrapper .k-scheduler-views li a,.km-pane-wrapper .k-mobile-list .k-scheduler-navigation li a{padding-left:0;padding-right:0;width:100%}.km-pane-wrapper .k-mobile-list .k-recur-view>.k-edit-field .k-check{margin:0;padding-left:1em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.km-pane-wrapper .k-mobile-list .k-recur-view>.k-edit-field .k-check:first-child{margin-top:-0.5em}.km-pane-wrapper .k-mobile-list .k-recur-view>.k-edit-field .k-check:last-child{margin-bottom:-0.5em}.km-pane-wrapper .k-mobile-list .k-scheduler-timezones .k-edit-field label.k-check{text-indent:1em}.km-pane-wrapper .k-mobile-list .k-edit-field>.k-button{margin-left:20%;float:left}.km-pane-wrapper .k-mobile-list .k-picker-wrap,.km-pane-wrapper .k-mobile-list .k-numeric-wrap,.km-pane-wrapper .k-mobile-list .k-dropdown-wrap{position:static;-webkit-box-shadow:none;box-shadow:none}.km-pane-wrapper .k-mobile-list .k-datepicker .k-select,.km-pane-wrapper .k-mobile-list .k-datetimepicker .k-select,.km-pane-wrapper .k-mobile-list .k-numerictextbox .k-select{position:absolute;top:0;right:0;line-height:auto}.km-pane-wrapper .k-mobile-list .k-datepicker .k-select:before,.km-pane-wrapper .k-mobile-list .k-datetimepicker .k-select:before{content:"\a0";display:inline-block;width:0;height:100%;vertical-align:middle}.km-pane-wrapper .k-mobile-list .k-numerictextbox .k-link{height:50%}.km-pane-wrapper .k-grid .k-button,.km-pane-wrapper .k-edit-form-container .k-button{margin:0}.km-pane-wrapper .k-grid .k-button+.k-button,.km-pane-wrapper .k-edit-form-container .k-button+.k-button{margin:0 0 0 .18em}.km-pane-wrapper .k-pager-numbers .k-link,.km-pane-wrapper .k-pager-numbers .k-state-selected,.km-pane-wrapper .k-pager-wrap>.k-link{width:2.4em;height:2.4em;line-height:2.1em;border-radius:2em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.km-pane-wrapper .k-pager-numbers .k-link,.km-pane-wrapper .k-pager-numbers .k-state-selected{width:auto;line-height:2.2em;padding:0 .86em;min-width:.7em}.km-pane-wrapper .k-pager-wrap{line-height:2.4em}@media all and (max-width:699px),(-ms-high-contrast:active) and (-ms-high-contrast:none) and (max-width:800px){.km-pane-wrapper *:not(.k-state-default)>input:not([type="checkbox"]):not([type="radio"]),.km-pane-wrapper .k-mobile-list select:not([multiple]),.km-pane-wrapper .k-mobile-list textarea,.km-pane-wrapper .k-mobile-list .k-widget,.km-pane-wrapper .k-edit-field>*:not([type="checkbox"]):not([type="radio"]):not(.k-button){width:50%}.km-pane-wrapper .k-mobile-list .k-edit-field>.k-button{margin-left:50%}.km-pane-wrapper .k-mobile-list .k-edit-field>.k-timezone-button{margin-left:1em}.km-pane-wrapper .k-scheduler-views{width:15em}.km-pane-wrapper .k-nav-today a{padding-left:.6em;padding-right:.6em}.km-pane-wrapper li.k-nav-current{margin-left:0;margin-right:0}.km-pane-wrapper .k-pager-wrap{position:relative}.km-pane-wrapper .k-pager-numbers{width:auto;display:block;overflow:hidden;margin-right:5.5em;float:none;text-overflow:ellipsis;height:2.4em;text-align:center}.km-pane-wrapper .k-pager-numbers li{float:none;display:inline-block}.km-pane-wrapper .k-pager-nav{float:left}.km-pane-wrapper .k-pager-nav+.k-pager-nav ~ .k-pager-nav{position:absolute;right:.3em;top:.3em}.km-pane-wrapper .k-pager-wrap .k-pager-numbers+.k-pager-nav,.km-pane-wrapper .k-pager-nav:first-child+.k-pager-nav+.k-pager-nav{right:3em}.km-pane-wrapper .k-pager-info{display:none}}.km-pane-wrapper .k-mobile-list .k-recur-view>.k-edit-field .k-check,.km-pane-wrapper .k-mobile-list .k-edit-field>*>select:not([multiple]),.km-pane-wrapper .k-mobile-list .k-scheduler-timezones .k-edit-field label.k-check{width:100%}.km-scroll-container{-khtml-user-select:none;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;-webkit-margin-collapse:separate;-webkit-transform:translatez(0)}.k-widget .km-scroll-wrapper{position:relative;padding-bottom:0}.km-touch-scrollbar{position:absolute;visibility:hidden;z-index:200000;height:.3em;width:.3em;background-color:rgba(0,0,0,0.7);opacity:0;-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;-o-transition:opacity .3s linear;transition:opacity .3s linear;-webkit-transition:"opacity 0.3s linear";-moz-transition:"opacity 0.3s linear";-ms-transition:"opacity 0.3s linear";-o-transition:"opacity 0.3s linear";transition:"opacity 0.3s linear"}.km-vertical-scrollbar{height:100%;right:2px;top:2px}.km-horizontal-scrollbar{width:100%;left:2px;bottom:2px}.k-fx-end .k-fx-next,.k-fx-end .k-fx-current{-webkit-transition:all 350ms ease-out;-moz-transition:all 350ms ease-out;-ms-transition:all 350ms ease-out;-o-transition:all 350ms ease-out;transition:all 350ms ease-out}.k-fx{position:relative}.k-fx .k-fx-current{z-index:0}.k-fx .k-fx-next{z-index:1}.k-fx-hidden,.k-fx-hidden *{visibility:hidden!important;}.k-fx-hidden .km-view-title{visibility:visible!important;opacity:0}.k-fx-reverse .k-fx-current{z-index:1}.k-fx-reverse .k-fx-next{z-index:0}.k-fx-zoom.k-fx-start .k-fx-next{-webkit-transform:scale(0)!important;-moz-transform:scale(0)!important;-ms-transform:scale(0)!important;-o-transform:scale(0)!important;transform:scale(0)!important;}.k-fx-zoom.k-fx-end .k-fx-next{-webkit-transform:scale(1)!important;-moz-transform:scale(1)!important;-ms-transform:scale(1)!important;-o-transform:scale(1)!important;transform:scale(1)!important;}.k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-next,.k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-next{-webkit-transform:scale(1)!important;-moz-transform:scale(1)!important;-ms-transform:scale(1)!important;-o-transform:scale(1)!important;transform:scale(1)!important;}.k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current{-webkit-transform:scale(1)!important;-moz-transform:scale(1)!important;-ms-transform:scale(1)!important;-o-transform:scale(1)!important;transform:scale(1)!important;}.k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current{-webkit-transform:scale(0)!important;-moz-transform:scale(0)!important;-ms-transform:scale(0)!important;-o-transform:scale(0)!important;transform:scale(0)!important;}.k-fx-fade.k-fx-start .k-fx-next{will-change:opacity;opacity:0}.k-fx-fade.k-fx-end .k-fx-next{opacity:1}.k-fx-fade.k-fx-reverse.k-fx-start .k-fx-current{will-change:opacity;opacity:1}.k-fx-fade.k-fx-reverse.k-fx-end .k-fx-current{opacity:0}.k-fx-slide.k-fx-end .k-fx-next .km-content,.k-fx-slide.k-fx-end .k-fx-next .km-header,.k-fx-slide.k-fx-end .k-fx-next .km-footer,.k-fx-slide.k-fx-end .k-fx-current .km-content,.k-fx-slide.k-fx-end .k-fx-current .km-header,.k-fx-slide.k-fx-end .k-fx-current .km-footer{-webkit-transition:all 350ms ease-out;-moz-transition:all 350ms ease-out;-ms-transition:all 350ms ease-out;-o-transition:all 350ms ease-out;transition:all 350ms ease-out}.k-fx-slide.k-fx-start .k-fx-next .km-content{will-change:transform;-webkit-transform:translatex(100%);-moz-transform:translatex(100%);-ms-transform:translatex(100%);-o-transform:translatex(100%);transform:translatex(100%)}.k-fx-slide.k-fx-start .k-fx-next .km-header,.k-fx-slide.k-fx-start .k-fx-next .km-footer{will-change:opacity;opacity:0}.k-fx-slide.k-fx-end .k-fx-current .km-content{-webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);-ms-transform:translatex(-100%);-o-transform:translatex(-100%);transform:translatex(-100%)}.k-fx-slide.k-fx-end .k-fx-next .km-header,.k-fx-slide.k-fx-end .k-fx-next .km-footer{opacity:1}.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-content{will-change:transform;-webkit-transform:translatex(0);-moz-transform:translatex(0);-ms-transform:translatex(0);-o-transform:translatex(0);transform:translatex(0)}.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content{-webkit-transform:translatex(100%);-moz-transform:translatex(100%);-ms-transform:translatex(100%);-o-transform:translatex(100%);transform:translatex(100%)}.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content{-webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);-ms-transform:translatex(-100%);-o-transform:translatex(-100%);transform:translatex(-100%)}.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content{-webkit-transform:translatex(0);-moz-transform:translatex(0);-ms-transform:translatex(0);-o-transform:translatex(0);transform:translatex(0)}.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer{will-change:opacity;opacity:1}.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer{opacity:1}.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer{opacity:0}.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer{opacity:1}.k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-content{-webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);-ms-transform:translatex(-100%);-o-transform:translatex(-100%);transform:translatex(-100%)}.k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content{-webkit-transform:translatex(100%);-moz-transform:translatex(100%);-ms-transform:translatex(100%);-o-transform:translatex(100%);transform:translatex(100%)}.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-content{-webkit-transform:translatex(0);-moz-transform:translatex(0);-ms-transform:translatex(0);-o-transform:translatex(0);transform:translatex(0)}.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-content{-webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);-ms-transform:translatex(-100%);-o-transform:translatex(-100%);transform:translatex(-100%)}.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content{-webkit-transform:translatex(100%);-moz-transform:translatex(100%);-ms-transform:translatex(100%);-o-transform:translatex(100%);transform:translatex(100%)}.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .km-content{-webkit-transform:translatex(0%);-moz-transform:translatex(0%);-ms-transform:translatex(0%);-o-transform:translatex(0%);transform:translatex(0%)}.k-fx-tile.k-fx-start .k-fx-next{will-change:transform;-webkit-transform:translatex(100%);-moz-transform:translatex(100%);-ms-transform:translatex(100%);-o-transform:translatex(100%);transform:translatex(100%)}.k-fx-tile.k-fx-end .k-fx-current{-webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);-ms-transform:translatex(-100%);-o-transform:translatex(-100%);transform:translatex(-100%)}.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current{will-change:transform;-webkit-transform:translatex(0);-moz-transform:translatex(0);-ms-transform:translatex(0);-o-transform:translatex(0);transform:translatex(0)}.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current{-webkit-transform:translatex(100%);-moz-transform:translatex(100%);-ms-transform:translatex(100%);-o-transform:translatex(100%);transform:translatex(100%)}.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next{-webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);-ms-transform:translatex(-100%);-o-transform:translatex(-100%);transform:translatex(-100%)}.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next{-webkit-transform:translatex(0);-moz-transform:translatex(0);-ms-transform:translatex(0);-o-transform:translatex(0);transform:translatex(0)}.k-fx-tile.k-fx-right.k-fx-start .k-fx-next{-webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);-ms-transform:translatex(-100%);-o-transform:translatex(-100%);transform:translatex(-100%)}.k-fx-tile.k-fx-right.k-fx-end .k-fx-current{-webkit-transform:translatex(100%);-moz-transform:translatex(100%);-ms-transform:translatex(100%);-o-transform:translatex(100%);transform:translatex(100%)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current{-webkit-transform:translatex(0);-moz-transform:translatex(0);-ms-transform:translatex(0);-o-transform:translatex(0);transform:translatex(0)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current{-webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);-ms-transform:translatex(-100%);-o-transform:translatex(-100%);transform:translatex(-100%)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next{-webkit-transform:translatex(100%);-moz-transform:translatex(100%);-ms-transform:translatex(100%);-o-transform:translatex(100%);transform:translatex(100%)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next{-webkit-transform:translatex(0%);-moz-transform:translatex(0%);-ms-transform:translatex(0%);-o-transform:translatex(0%);transform:translatex(0%)}.k-fx-tile.k-fx-start .k-fx-next{will-change:transform;-webkit-transform:translatex(100%);-moz-transform:translatex(100%);-ms-transform:translatex(100%);-o-transform:translatex(100%);transform:translatex(100%)}.k-fx-tile.k-fx-end .k-fx-current{-webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);-ms-transform:translatex(-100%);-o-transform:translatex(-100%);transform:translatex(-100%)}.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current{will-change:transform;-webkit-transform:translatex(0);-moz-transform:translatex(0);-ms-transform:translatex(0);-o-transform:translatex(0);transform:translatex(0)}.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current{-webkit-transform:translatex(100%);-moz-transform:translatex(100%);-ms-transform:translatex(100%);-o-transform:translatex(100%);transform:translatex(100%)}.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next{-webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);-ms-transform:translatex(-100%);-o-transform:translatex(-100%);transform:translatex(-100%)}.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next{-webkit-transform:translatex(0);-moz-transform:translatex(0);-ms-transform:translatex(0);-o-transform:translatex(0);transform:translatex(0)}.k-fx-tile.k-fx-right.k-fx-start .k-fx-next{-webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);-ms-transform:translatex(-100%);-o-transform:translatex(-100%);transform:translatex(-100%)}.k-fx-tile.k-fx-right.k-fx-end .k-fx-current{-webkit-transform:translatex(100%);-moz-transform:translatex(100%);-ms-transform:translatex(100%);-o-transform:translatex(100%);transform:translatex(100%)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current{-webkit-transform:translatex(0);-moz-transform:translatex(0);-ms-transform:translatex(0);-o-transform:translatex(0);transform:translatex(0)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current{-webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);-ms-transform:translatex(-100%);-o-transform:translatex(-100%);transform:translatex(-100%)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next{-webkit-transform:translatex(100%);-moz-transform:translatex(100%);-ms-transform:translatex(100%);-o-transform:translatex(100%);transform:translatex(100%)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next{-webkit-transform:translatex(0%);-moz-transform:translatex(0%);-ms-transform:translatex(0%);-o-transform:translatex(0%);transform:translatex(0%)}.k-fx.k-fx-overlay.k-fx-start .k-fx-next,.k-fx.k-fx-overlay.k-fx-left.k-fx-start .k-fx-next{will-change:transform;-webkit-transform:translatex(100%);-moz-transform:translatex(100%);-ms-transform:translatex(100%);-o-transform:translatex(100%);transform:translatex(100%)}.k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next{-webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);-ms-transform:translatex(-100%);-o-transform:translatex(-100%);transform:translatex(-100%)}.k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next{-webkit-transform:translatey(100%);-moz-transform:translatey(100%);-ms-transform:translatey(100%);-o-transform:translatey(100%);transform:translatey(100%)}.k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next{-webkit-transform:translatey(-100%);-moz-transform:translatey(-100%);-ms-transform:translatey(-100%);-o-transform:translatey(-100%);transform:translatey(-100%)}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current{will-change:transform;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-end .k-fx-current,.k-fx.k-fx-overlay.k-fx-reverse.k-fx-left.k-fx-end .k-fx-current{-webkit-transform:translatex(100%);-moz-transform:translatex(100%);-ms-transform:translatex(100%);-o-transform:translatex(100%);transform:translatex(100%)}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current{-webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);-ms-transform:translatex(-100%);-o-transform:translatex(-100%);transform:translatex(-100%)}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current{-webkit-transform:translatey(100%);-moz-transform:translatey(100%);-ms-transform:translatey(100%);-o-transform:translatey(100%);transform:translatey(100%)}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current{-webkit-transform:translatey(-100%);-moz-transform:translatey(-100%);-ms-transform:translatey(-100%);-o-transform:translatey(-100%);transform:translatey(-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 */
.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; }
      ul.s-portal-languageSelector > li.s-portal-language[data-culture="sr-Latn-CS"] {
        background-position: -48px 0; }
        ul.s-portal-languageSelector > li.s-portal-language[data-culture="sr-Latn-CS"].active {
          background-position: 0 0; }
      ul.s-portal-languageSelector > li.s-portal-language[data-culture="en-US"] {
        background-position: -72px 0; }
        ul.s-portal-languageSelector > li.s-portal-language[data-culture="en-US"].active {
          background-position: -24px 0; }
      ul.s-portal-languageSelector > li.s-portal-language > span {
        display: none; }

.s-overlay {
  background-color: transparent;
  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; }

body.dark-mode .s-overlay-message > .spinner {
  border-top-color: #52ae30; }

/*#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; }

@font-face {
  font-family: 'Mark-Regular';
  src: url("fonts/MarkPro-Book-AzMUyBOY.woff2") format("woff2"), url("fonts/MarkPro-Book-AzMUyBOY.woff2") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Mark-Bold';
  src: url("fonts/MarkPro-Bold-DPV5xY_z.woff2") format("woff2"), url("fonts/MarkPro-Bold-Cu2hzC23.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Mark-Medium';
  src: url("fonts/MarkPro-Medium-CVYnISBO.woff2") format("woff2"), url("fonts/MarkPro-Medium-rtEcXbwO.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Mark-ExtraBold';
  src: url("fonts/MarkPro-Heavy-bcVNZeMD.woff2") format("woff2"), url("fonts/MarkPro-Heavy-sbCzOrt5.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

/*#endregion fonts*/
/* colors */
.LoanBalancePreviewCorporate .wrapper,
.SalariesPaylistCorporate .wrapper,
.AccountBalancePreviewCorporateV2 .wrapper,
.DepositBalancePreviewCorporateV2 .wrapper,
.CardBalancePreviewV2 .wrapper,
.CardBalancePreviewCorporateV3 .wrapper,
.LoanBalancePreviewV2 .wrapper,
.DepositBalancePreviewV2 .wrapper,
.AccountSlider .wrapper,
.DomesticOrderCorporate .wrapper,
.ForeignOrderCorporate .wrapper, .CardInstallmentsV2 .gvCardTurnover .clientGrid tbody tr td .tablesaw-cell-content,
.CardTurnoverCorporateV2 .gvCardTurnover .clientGrid tbody tr td .tablesaw-cell-content, .gvAccountTurnoverPreview .clientGrid tbody tr td .tablesaw-cell-content, .MessageHubNotificationList .tableFilter, .read-message .all-accounts-popup-wrapper, .message-hub-dialog .read-messages-list,
.rateData .read-messages-list,
.transferData .read-messages-list,
.transferSuccess .read-messages-list,
.exchangeDetails .read-messages-list,
.intrabankData .read-messages-list,
.intrabankDataSuccess .read-messages-list,
.newTemplate .read-messages-list, .notificationMsgList .clientGridPager .pagination, .notificationMsgList .clientGridPager .currentPage, .FXTrading .user-account-card-outer .wrapper,
.PaymentTransferV2 .user-account-card-outer .wrapper,
.CardPayment .user-account-card-outer .wrapper,
.PaymentOrderV2 .user-account-card-outer .wrapper,
.PaymentOrderV4 .user-account-card-outer .wrapper, .PaymentOrderV2 .wrapper,
.PaymentOrderV4 .wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

small, .LoanRepayments .loan-filter-wrapper .payment-filter-payment .page-text small, .gvAccountTurnoverPreview .loan-filter-wrapper .payment-filter-payment .page-text small, .message-hub-dialog .read-messages-list .all-account-popup-title h3 a,
.rateData .read-messages-list .all-account-popup-title h3 a,
.transferData .read-messages-list .all-account-popup-title h3 a,
.transferSuccess .read-messages-list .all-account-popup-title h3 a,
.exchangeDetails .read-messages-list .all-account-popup-title h3 a,
.intrabankData .read-messages-list .all-account-popup-title h3 a,
.intrabankDataSuccess .read-messages-list .all-account-popup-title h3 a,
.newTemplate .read-messages-list .all-account-popup-title h3 a {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.s-page-host:not(.login), .notificationMsgList .clientGridPager *, .LoanRepayments .show-per-page *,
.CreditorTemplateManaging .show-per-page *,
.InflowsCorporate .show-per-page *,
.ForeignPredefinedUsersCorporate .show-per-page *,
.ForeignOrderReportCorporate .show-per-page *,
.TokenList .show-per-page *,
.CrontoTokenList .show-per-page *,
.CardStatements .show-per-page *,
.AccountStatementsCorporateV2 .show-per-page *,
.CardStatementsCorporateV2 .show-per-page *,
.SalariesServerOrderListCorporate .show-per-page *, .Forms_ActiveWorkflowListSOG .show-per-page *, .MessageHubNotificationList .show-per-page * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html[dir="rtl"] .s-widget.float,
html[dir="rtl"] .s-widget-zone {
  float: right; }

.s-page-host {
  margin: 0 auto; }
  .s-page-host.login .s-widget-zone {
    min-height: auto; }
  .s-page-host:not(.login) {
    max-width: 1210px;
    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: #ffffff;
    /*box-shadow: 0 8px 10px rgba(0,0,0, .8);*/
    border-radius: 10px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s; }
  .currency-switch > span {
    display: block;
    width: 50%;
    float: left;
    font-size: 13px;
    text-align: center;
    color: rgba(0, 0, 0, 0.54);
    padding: 6px 5px;
    -webkit-transition: color .3s;
    transition: color .3s;
    cursor: pointer;
    position: relative; }

/*#region s-widget*/
.s-widget {
  /* border-radius: 0;
    margin: 0 0 20px 0;
    background: white;
    background-repeat: no-repeat;
    background-position: 24px 13px;*/ }
  .s-widget .s-overlay {
    opacity: 0.1;
    filter: Alpha(Opacity=10);
    border-radius: 16px; }
  .s-widget-header {
    border: 0;
    line-height: 20px;
    cursor: default;
    color: #121212;
    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 {
    width: 100%;
    font-size: 18px;
    font-family: "Mark-Bold", sans-serif;
    margin-bottom: 30px;
    display: block;
    line-height: 1.25;
    letter-spacing: -.02em;
    font-weight: 400; }
  .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;
      color: #C41414;
      border-bottom: 1px solid #C41414; }
      .s-widget-body-error-summary ul {
        margin: 0;
        padding: 5px 5px 5px 30px;
        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; }

/*#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 #E6E6E6; }
  .CurrencyExchangeV2 .s-widget-body table tbody {
    border-bottom: 1px solid #E6E6E6; }
    .CurrencyExchangeV2 .s-widget-body table tbody tr:first-child {
      border-top: none !important; }
    .CurrencyExchangeV2 .s-widget-body table tbody tr:not(:last-child) {
      border-bottom: 1px solid #E6E6E6 !important; }
    .CurrencyExchangeV2 .s-widget-body table tbody tr {
      height: 67px; }

.CurrencyExchangeV2 .popup-content .dot-decoration {
  right: 45px; }

.CurrencyExchangeV2 .currency-exchange-filter .transaction-filter-inner .transaction-filter {
  width: 156px;
  height: 40px;
  position: relative;
  background-color: #f3f3f3;
  border: 2px solid transparent;
  border-radius: 8px;
  cursor: pointer; }
  .CurrencyExchangeV2 .currency-exchange-filter .transaction-filter-inner .transaction-filter input {
    width: 100%;
    position: relative;
    padding: 8px 34px 8px 16px;
    color: #121212;
    font-family: "Mark-Regular", sans-serif;
    font-size: 16px;
    line-height: 24px;
    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;
  margin-right: 16px; }

.CurrencyExchangeV2 .currency-exchange-filter .filterButton {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  border: none;
  background-color: #d20000;
  color: #FFFFFF;
  transition: background-color .3s, color .3s, border-color .3s;
  cursor: pointer; }
  .CurrencyExchangeV2 .currency-exchange-filter .filterButton button {
    background: none;
    width: 40px;
    height: 40px;
    border: none;
    background-color: #d20000;
    border-radius: 50%;
    cursor: pointer; }
    .CurrencyExchangeV2 .currency-exchange-filter .filterButton button svg {
      width: 24px;
      height: 24px;
      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;
  z-index: 1;
  display: none !important; }

.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; }

.CurrencyExchangeV2 .gvCurrencyExchange .clientGrid thead th {
  font-family: "Mark-Medium", sans-serif;
  font-size: 14px !important;
  color: #888 !important; }

.cardPaymentTransfer .continue-bottom-button {
  width: 62% !important; }

.password-change-dialog label {
  margin-bottom: -35px !important;
  padding: 0 20px;
  font-family: "Source-Sans-Pro", sans-serif;
  font-size: 15px !important;
  font-weight: 100 !important;
  transition: all .5s;
  color: #666666;
  position: relative;
  z-index: 1; }
  .password-change-dialog label.active {
    margin-bottom: -25px !important;
    margin-top: -10px !important;
    color: #d20000;
    font-family: "Source-Sans-Pro", 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 #d20000; }

.password-change-dialog .btn-2 {
  transition: background-color .5s; }
  .password-change-dialog .btn-2:hover {
    background-color: #2A7F00;
    box-shadow: 0 8px 24px rgba(54, 60, 164, 0.4) !important; }

.CurrencyCalculator.CurrencyCalculator-dashboard {
  padding-left: unset !important;
  padding-bottom: unset !important;
  margin-top: 55px !important; }
  .CurrencyCalculator.CurrencyCalculator-dashboard .btn-1.color-6 {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 14px 16px; }
    .CurrencyCalculator.CurrencyCalculator-dashboard .btn-1.color-6 svg {
      top: 12px;
      left: 12px;
      width: 20px;
      height: 22px;
      background-size: cover;
      cursor: pointer;
      padding-right: 10px; }
  .CurrencyCalculator.CurrencyCalculator-dashboard .currency-calculator-table {
    border-collapse: unset;
    border-spacing: unset;
    padding: 85px 40px 0px 0px;
    border-right: 1px solid #E6E6E6;
    border-left: none;
    background-color: #FFFFFF;
    width: 100%;
    position: relative; }

.exchange.CurrencyExchangeV2 .clientGrid thead tr th:nth-child(5) div {
  margin-left: 0px; }

.CurrencyCalculator-dashboard .calculator-heading,
.CurrencyCalculator .calculator-heading {
  left: auto !important; }

.CurrencyCalculator-dashboard .currency-calculator-table,
.CurrencyCalculator .currency-calculator-table {
  padding-top: 0px !important;
  margin-top: 50px; }

.CurrencyCalculator-dashboard .dot-menu-dot,
.CurrencyCalculator .dot-menu-dot {
  background-color: rgba(0, 0, 0, 0.87); }

.CurrencyCalculator-dashboard .btn-1,
.CurrencyCalculator .btn-1 {
  color: #FFFFFF; }

.CurrencyCalculator-dashboard .currency-calculator-table .repeatBtn,
.CurrencyCalculator .currency-calculator-table .repeatBtn {
  width: 100%;
  height: 24px;
  border-radius: 4px;
  margin: 0 auto;
  background: none;
  padding: 0;
  cursor: pointer;
  margin-bottom: 16px; }
  .CurrencyCalculator-dashboard .currency-calculator-table .repeatBtn svg,
  .CurrencyCalculator .currency-calculator-table .repeatBtn svg {
    width: 24px;
    height: 24px; }

.CurrencyCalculator-dashboard .inputAmount,
.CurrencyCalculator .inputAmount {
  z-index: 2 !important;
  position: relative;
  background-color: #F3F3F3; }

.CurrencyCalculator-dashboard .currency-calculator-table .inputAmount,
.CurrencyCalculator .currency-calculator-table .inputAmount {
  height: 40px !important; }

.CurrencyCalculator-dashboard .currency-calculator-table .outputAmount,
.CurrencyCalculator .currency-calculator-table .outputAmount {
  height: 40px !important;
  margin-bottom: 25px; }

.CurrencyCalculator-dashboard .currency-calculator-table label,
.CurrencyCalculator .currency-calculator-table label {
  z-index: 3;
  margin-top: 8px;
  top: 20px;
  font-family: "Mark-Medium", sans-serif;
  font-size: 14px !important;
  font-weight: 100 !important;
  transition: all .5s; }
  .CurrencyCalculator-dashboard .currency-calculator-table label.active,
  .CurrencyCalculator .currency-calculator-table label.active {
    top: 10px;
    color: #d20000;
    font-size: 12px !important;
    font-family: "Source-Sans-Pro", sans-serif !important;
    font-weight: 600 !important;
    transition: all .5s; }

.CurrencyCalculator {
  padding-left: 20px;
  margin-top: 25px; }
  .CurrencyCalculator .borderError {
    border: 1px solid red !important; }
  .CurrencyCalculator .font-3 {
    font-family: "Mark-Medium", sans-serif;
    font-size: 14px; }
  .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: 2px solid #121212 !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: 8px;
      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: #E6E6E6;
      border-radius: 16px;
      margin-top: 10px !important;
      margin-bottom: 10px !important; }
  .CurrencyCalculator .dot-decoration {
    right: 17px !important;
    background-color: #f60;
    top: 48px;
    position: absolute;
    z-index: 15;
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    visibility: hidden;
    -webkit-transition: visibility .5s,opacity .5s,-webkit-transform .5s;
    transition: visibility .5s,opacity .5s,-webkit-transform .5s;
    transition: visibility .5s,opacity .5s,transform .5s;
    transition: visibility .5s,opacity .5s,transform .5s,-webkit-transform .5s; }
  .CurrencyCalculator .dd-1.active,
  .CurrencyCalculator .dd-2.active {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: .6s;
    transition-delay: .6s; }
  .CurrencyCalculator .calculator-heading {
    position: relative;
    z-index: 1 !important;
    font-size: 18px;
    left: 35%;
    top: 0px;
    font-family: "Mark-Bold", sans-serif;
    letter-spacing: .02em;
    line-height: 1.25;
    font-weight: 400; }
  .CurrencyCalculator .first-error-message .validationMessage {
    margin-top: -20px;
    margin-left: -3px; }
  .CurrencyCalculator .dot-menu {
    border-radius: 8px;
    top: 25px; }
    .CurrencyCalculator .dot-menu .account-card-btn {
      width: 40px;
      height: 40px;
      border-radius: 8px; }
      .CurrencyCalculator .dot-menu .account-card-btn svg {
        width: 20px;
        height: 20px; }
    .CurrencyCalculator .dot-menu .popup-content {
      top: calc(100% + 8px); }
  .CurrencyCalculator .around-calc-img {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%; }
  .CurrencyCalculator .currency-calculator-table {
    border-collapse: unset;
    border-spacing: unset;
    padding: 85px 00px 0px 40px;
    border-left: 1px solid #E6E6E6;
    background-color: #FFFFFF;
    width: 100%;
    position: relative; }
    .CurrencyCalculator .currency-calculator-table .payment-inner-text {
      display: inline-block;
      position: absolute;
      padding-left: 10px; }
      .CurrencyCalculator .currency-calculator-table .payment-inner-text .outputName {
        padding-left: 0px !important; }
      .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: "Mark-Regular", sans-serif;
      font-size: 16px;
      text-align: left;
      color: #121212;
      line-height: 1.5;
      padding-bottom: 0;
      padding-right: 0;
      padding-top: 0;
      padding-left: 0;
      padding: 0 12px;
      border: 1px solid transparent;
      background: #F3F3F3;
      border-radius: 8px;
      -webkit-transition: border-color .3s;
      transition: border-color .3s;
      margin: 0;
      -webkit-appearance: none; }
      .CurrencyCalculator .currency-calculator-table input.outputName {
        background: transparent;
        border: none;
        font-size: 18px;
        height: auto;
        font-family: "Mark-Regular", sans-serif;
        margin-bottom: 0px; }
    .CurrencyCalculator .currency-calculator-table label {
      display: block;
      font-size: 14px;
      font-family: "Mark-Medium", sans-serif;
      color: #888;
      line-height: 1.42;
      padding: 0 16px;
      margin-bottom: 8px; }
    .CurrencyCalculator .currency-calculator-table .payment-filter-payment {
      background-repeat: no-repeat;
      background-size: 100% 100%;
      padding: 0 !important;
      width: 24px;
      height: 24px;
      display: inline-block;
      position: relative;
      border-radius: 50%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      margin-bottom: 15px !important; }
      .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.TRY {
        background-image: url(images/icons/ic_flag_try.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: #F3F3F3; }
    .CurrencyCalculator .currency-calculator-table .outputAmount {
      padding-left: 15px; }

.cardPaymentTransferDetails .popup-btn-wrapper {
  bottom: -35px !important; }

.cardPaymentTransferDetails .button-back {
  background-color: #d20000 !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: 123.5px !important;
  height: 78px;
  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-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-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-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; }

.LoanBalancePreviewCorporate,
.SalariesPaylistCorporate,
.AccountBalancePreviewCorporateV2,
.DepositBalancePreviewCorporateV2,
.CardBalancePreviewV2,
.CardBalancePreviewCorporateV3,
.LoanBalancePreviewV2,
.DepositBalancePreviewV2,
.AccountSlider,
.DomesticOrderCorporate,
.ForeignOrderCorporate {
  margin-bottom: 40px;
  margin-top: -25px; }
  .LoanBalancePreviewCorporate .s-widget-title,
  .SalariesPaylistCorporate .s-widget-title,
  .AccountBalancePreviewCorporateV2 .s-widget-title,
  .DepositBalancePreviewCorporateV2 .s-widget-title,
  .CardBalancePreviewV2 .s-widget-title,
  .CardBalancePreviewCorporateV3 .s-widget-title,
  .LoanBalancePreviewV2 .s-widget-title,
  .DepositBalancePreviewV2 .s-widget-title,
  .AccountSlider .s-widget-title,
  .DomesticOrderCorporate .s-widget-title,
  .ForeignOrderCorporate .s-widget-title {
    font-size: 18px; }
  .LoanBalancePreviewCorporate .wrapper,
  .SalariesPaylistCorporate .wrapper,
  .AccountBalancePreviewCorporateV2 .wrapper,
  .DepositBalancePreviewCorporateV2 .wrapper,
  .CardBalancePreviewV2 .wrapper,
  .CardBalancePreviewCorporateV3 .wrapper,
  .LoanBalancePreviewV2 .wrapper,
  .DepositBalancePreviewV2 .wrapper,
  .AccountSlider .wrapper,
  .DomesticOrderCorporate .wrapper,
  .ForeignOrderCorporate .wrapper {
    -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; }
    .LoanBalancePreviewCorporate .wrapper.account-card-img,
    .SalariesPaylistCorporate .wrapper.account-card-img,
    .AccountBalancePreviewCorporateV2 .wrapper.account-card-img,
    .DepositBalancePreviewCorporateV2 .wrapper.account-card-img,
    .CardBalancePreviewV2 .wrapper.account-card-img,
    .CardBalancePreviewCorporateV3 .wrapper.account-card-img,
    .LoanBalancePreviewV2 .wrapper.account-card-img,
    .DepositBalancePreviewV2 .wrapper.account-card-img,
    .AccountSlider .wrapper.account-card-img,
    .DomesticOrderCorporate .wrapper.account-card-img,
    .ForeignOrderCorporate .wrapper.account-card-img {
      -webkit-transition: background-color .5s;
      transition: background-color .5s;
      margin-top: 0px; }
      .LoanBalancePreviewCorporate .wrapper.account-card-img:hover,
      .SalariesPaylistCorporate .wrapper.account-card-img:hover,
      .AccountBalancePreviewCorporateV2 .wrapper.account-card-img:hover,
      .DepositBalancePreviewCorporateV2 .wrapper.account-card-img:hover,
      .CardBalancePreviewV2 .wrapper.account-card-img:hover,
      .CardBalancePreviewCorporateV3 .wrapper.account-card-img:hover,
      .LoanBalancePreviewV2 .wrapper.account-card-img:hover,
      .DepositBalancePreviewV2 .wrapper.account-card-img:hover,
      .AccountSlider .wrapper.account-card-img:hover,
      .DomesticOrderCorporate .wrapper.account-card-img:hover,
      .ForeignOrderCorporate .wrapper.account-card-img:hover {
        background-color: #F3F3F3 !important; }
      .LoanBalancePreviewCorporate .wrapper.account-card-img .user-account-card-img,
      .SalariesPaylistCorporate .wrapper.account-card-img .user-account-card-img,
      .AccountBalancePreviewCorporateV2 .wrapper.account-card-img .user-account-card-img,
      .DepositBalancePreviewCorporateV2 .wrapper.account-card-img .user-account-card-img,
      .CardBalancePreviewV2 .wrapper.account-card-img .user-account-card-img,
      .CardBalancePreviewCorporateV3 .wrapper.account-card-img .user-account-card-img,
      .LoanBalancePreviewV2 .wrapper.account-card-img .user-account-card-img,
      .DepositBalancePreviewV2 .wrapper.account-card-img .user-account-card-img,
      .AccountSlider .wrapper.account-card-img .user-account-card-img,
      .DomesticOrderCorporate .wrapper.account-card-img .user-account-card-img,
      .ForeignOrderCorporate .wrapper.account-card-img .user-account-card-img {
        display: none; }
        .LoanBalancePreviewCorporate .wrapper.account-card-img .user-account-card-img.background-5,
        .SalariesPaylistCorporate .wrapper.account-card-img .user-account-card-img.background-5,
        .AccountBalancePreviewCorporateV2 .wrapper.account-card-img .user-account-card-img.background-5,
        .DepositBalancePreviewCorporateV2 .wrapper.account-card-img .user-account-card-img.background-5,
        .CardBalancePreviewV2 .wrapper.account-card-img .user-account-card-img.background-5,
        .CardBalancePreviewCorporateV3 .wrapper.account-card-img .user-account-card-img.background-5,
        .LoanBalancePreviewV2 .wrapper.account-card-img .user-account-card-img.background-5,
        .DepositBalancePreviewV2 .wrapper.account-card-img .user-account-card-img.background-5,
        .AccountSlider .wrapper.account-card-img .user-account-card-img.background-5,
        .DomesticOrderCorporate .wrapper.account-card-img .user-account-card-img.background-5,
        .ForeignOrderCorporate .wrapper.account-card-img .user-account-card-img.background-5 {
          display: block;
          background-image: none;
          width: 40px;
          height: 40px;
          border-radius: 50%; }
          .LoanBalancePreviewCorporate .wrapper.account-card-img .user-account-card-img.background-5 svg,
          .SalariesPaylistCorporate .wrapper.account-card-img .user-account-card-img.background-5 svg,
          .AccountBalancePreviewCorporateV2 .wrapper.account-card-img .user-account-card-img.background-5 svg,
          .DepositBalancePreviewCorporateV2 .wrapper.account-card-img .user-account-card-img.background-5 svg,
          .CardBalancePreviewV2 .wrapper.account-card-img .user-account-card-img.background-5 svg,
          .CardBalancePreviewCorporateV3 .wrapper.account-card-img .user-account-card-img.background-5 svg,
          .LoanBalancePreviewV2 .wrapper.account-card-img .user-account-card-img.background-5 svg,
          .DepositBalancePreviewV2 .wrapper.account-card-img .user-account-card-img.background-5 svg,
          .AccountSlider .wrapper.account-card-img .user-account-card-img.background-5 svg,
          .DomesticOrderCorporate .wrapper.account-card-img .user-account-card-img.background-5 svg,
          .ForeignOrderCorporate .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%); }
      .LoanBalancePreviewCorporate .wrapper.account-card-img .profile-text-arrow,
      .SalariesPaylistCorporate .wrapper.account-card-img .profile-text-arrow,
      .AccountBalancePreviewCorporateV2 .wrapper.account-card-img .profile-text-arrow,
      .DepositBalancePreviewCorporateV2 .wrapper.account-card-img .profile-text-arrow,
      .CardBalancePreviewV2 .wrapper.account-card-img .profile-text-arrow,
      .CardBalancePreviewCorporateV3 .wrapper.account-card-img .profile-text-arrow,
      .LoanBalancePreviewV2 .wrapper.account-card-img .profile-text-arrow,
      .DepositBalancePreviewV2 .wrapper.account-card-img .profile-text-arrow,
      .AccountSlider .wrapper.account-card-img .profile-text-arrow,
      .DomesticOrderCorporate .wrapper.account-card-img .profile-text-arrow,
      .ForeignOrderCorporate .wrapper.account-card-img .profile-text-arrow {
        display: block;
        fill: #C7C7C7;
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s,-webkit-transform .5s;
        width: 20px;
        height: 20px;
        right: 1px;
        position: relative;
        top: -10px; }
        .LoanBalancePreviewCorporate .wrapper.account-card-img .profile-text-arrow.dual,
        .SalariesPaylistCorporate .wrapper.account-card-img .profile-text-arrow.dual,
        .AccountBalancePreviewCorporateV2 .wrapper.account-card-img .profile-text-arrow.dual,
        .DepositBalancePreviewCorporateV2 .wrapper.account-card-img .profile-text-arrow.dual,
        .CardBalancePreviewV2 .wrapper.account-card-img .profile-text-arrow.dual,
        .CardBalancePreviewCorporateV3 .wrapper.account-card-img .profile-text-arrow.dual,
        .LoanBalancePreviewV2 .wrapper.account-card-img .profile-text-arrow.dual,
        .DepositBalancePreviewV2 .wrapper.account-card-img .profile-text-arrow.dual,
        .AccountSlider .wrapper.account-card-img .profile-text-arrow.dual,
        .DomesticOrderCorporate .wrapper.account-card-img .profile-text-arrow.dual,
        .ForeignOrderCorporate .wrapper.account-card-img .profile-text-arrow.dual {
          top: -17px !important; }
      .LoanBalancePreviewCorporate .wrapper.account-card-img .account-card-text h2,
      .SalariesPaylistCorporate .wrapper.account-card-img .account-card-text h2,
      .AccountBalancePreviewCorporateV2 .wrapper.account-card-img .account-card-text h2,
      .DepositBalancePreviewCorporateV2 .wrapper.account-card-img .account-card-text h2,
      .CardBalancePreviewV2 .wrapper.account-card-img .account-card-text h2,
      .CardBalancePreviewCorporateV3 .wrapper.account-card-img .account-card-text h2,
      .LoanBalancePreviewV2 .wrapper.account-card-img .account-card-text h2,
      .DepositBalancePreviewV2 .wrapper.account-card-img .account-card-text h2,
      .AccountSlider .wrapper.account-card-img .account-card-text h2,
      .DomesticOrderCorporate .wrapper.account-card-img .account-card-text h2,
      .ForeignOrderCorporate .wrapper.account-card-img .account-card-text h2 {
        font-family: "Mark-Regular", sans-serif;
        font-size: 20px; }
      .LoanBalancePreviewCorporate .wrapper.account-card-img .account-detail-menu,
      .SalariesPaylistCorporate .wrapper.account-card-img .account-detail-menu,
      .AccountBalancePreviewCorporateV2 .wrapper.account-card-img .account-detail-menu,
      .DepositBalancePreviewCorporateV2 .wrapper.account-card-img .account-detail-menu,
      .CardBalancePreviewV2 .wrapper.account-card-img .account-detail-menu,
      .CardBalancePreviewCorporateV3 .wrapper.account-card-img .account-detail-menu,
      .LoanBalancePreviewV2 .wrapper.account-card-img .account-detail-menu,
      .DepositBalancePreviewV2 .wrapper.account-card-img .account-detail-menu,
      .AccountSlider .wrapper.account-card-img .account-detail-menu,
      .DomesticOrderCorporate .wrapper.account-card-img .account-detail-menu,
      .ForeignOrderCorporate .wrapper.account-card-img .account-detail-menu {
        display: none; }
      .LoanBalancePreviewCorporate .wrapper.account-card-img .account-intro-inner,
      .SalariesPaylistCorporate .wrapper.account-card-img .account-intro-inner,
      .AccountBalancePreviewCorporateV2 .wrapper.account-card-img .account-intro-inner,
      .DepositBalancePreviewCorporateV2 .wrapper.account-card-img .account-intro-inner,
      .CardBalancePreviewV2 .wrapper.account-card-img .account-intro-inner,
      .CardBalancePreviewCorporateV3 .wrapper.account-card-img .account-intro-inner,
      .LoanBalancePreviewV2 .wrapper.account-card-img .account-intro-inner,
      .DepositBalancePreviewV2 .wrapper.account-card-img .account-intro-inner,
      .AccountSlider .wrapper.account-card-img .account-intro-inner,
      .DomesticOrderCorporate .wrapper.account-card-img .account-intro-inner,
      .ForeignOrderCorporate .wrapper.account-card-img .account-intro-inner {
        width: calc(100% - 100px);
        width: -webkit-calc(100% - 100px);
        padding: 15px 33px 15px 0px;
        width: 100%; }
      .LoanBalancePreviewCorporate .wrapper.account-card-img .accounts-intro-balance h2,
      .SalariesPaylistCorporate .wrapper.account-card-img .accounts-intro-balance h2,
      .AccountBalancePreviewCorporateV2 .wrapper.account-card-img .accounts-intro-balance h2,
      .DepositBalancePreviewCorporateV2 .wrapper.account-card-img .accounts-intro-balance h2,
      .CardBalancePreviewV2 .wrapper.account-card-img .accounts-intro-balance h2,
      .CardBalancePreviewCorporateV3 .wrapper.account-card-img .accounts-intro-balance h2,
      .LoanBalancePreviewV2 .wrapper.account-card-img .accounts-intro-balance h2,
      .DepositBalancePreviewV2 .wrapper.account-card-img .accounts-intro-balance h2,
      .AccountSlider .wrapper.account-card-img .accounts-intro-balance h2,
      .DomesticOrderCorporate .wrapper.account-card-img .accounts-intro-balance h2,
      .ForeignOrderCorporate .wrapper.account-card-img .accounts-intro-balance h2 {
        font-family: "Mark-Regular", sans-serif;
        font-size: 20px; }
      .LoanBalancePreviewCorporate .wrapper.account-card-img .accounts-intro-balance.right,
      .SalariesPaylistCorporate .wrapper.account-card-img .accounts-intro-balance.right,
      .AccountBalancePreviewCorporateV2 .wrapper.account-card-img .accounts-intro-balance.right,
      .DepositBalancePreviewCorporateV2 .wrapper.account-card-img .accounts-intro-balance.right,
      .CardBalancePreviewV2 .wrapper.account-card-img .accounts-intro-balance.right,
      .CardBalancePreviewCorporateV3 .wrapper.account-card-img .accounts-intro-balance.right,
      .LoanBalancePreviewV2 .wrapper.account-card-img .accounts-intro-balance.right,
      .DepositBalancePreviewV2 .wrapper.account-card-img .accounts-intro-balance.right,
      .AccountSlider .wrapper.account-card-img .accounts-intro-balance.right,
      .DomesticOrderCorporate .wrapper.account-card-img .accounts-intro-balance.right,
      .ForeignOrderCorporate .wrapper.account-card-img .accounts-intro-balance.right {
        cursor: pointer; }
        .LoanBalancePreviewCorporate .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text,
        .SalariesPaylistCorporate .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text,
        .AccountBalancePreviewCorporateV2 .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text,
        .DepositBalancePreviewCorporateV2 .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text,
        .CardBalancePreviewV2 .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text,
        .CardBalancePreviewCorporateV3 .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text,
        .LoanBalancePreviewV2 .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text,
        .DepositBalancePreviewV2 .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,
        .DomesticOrderCorporate .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text,
        .ForeignOrderCorporate .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text {
          display: inline-block;
          margin-right: 24px; }
          .LoanBalancePreviewCorporate .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .amount1,
          .SalariesPaylistCorporate .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .amount1,
          .AccountBalancePreviewCorporateV2 .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .amount1,
          .DepositBalancePreviewCorporateV2 .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .amount1,
          .CardBalancePreviewV2 .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .amount1,
          .CardBalancePreviewCorporateV3 .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .amount1,
          .LoanBalancePreviewV2 .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .amount1,
          .DepositBalancePreviewV2 .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,
          .DomesticOrderCorporate .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .amount1,
          .ForeignOrderCorporate .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .amount1 {
            transform: translateY(-15px);
            height: 24px; }
          .LoanBalancePreviewCorporate .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .amount2,
          .SalariesPaylistCorporate .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .amount2,
          .AccountBalancePreviewCorporateV2 .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .amount2,
          .DepositBalancePreviewCorporateV2 .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .amount2,
          .CardBalancePreviewV2 .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .amount2,
          .CardBalancePreviewCorporateV3 .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .amount2,
          .LoanBalancePreviewV2 .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .amount2,
          .DepositBalancePreviewV2 .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,
          .DomesticOrderCorporate .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .amount2,
          .ForeignOrderCorporate .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .amount2 {
            height: 20px;
            transform: translateY(-16px); }
        .LoanBalancePreviewCorporate .wrapper.account-card-img .accounts-intro-balance.right svg,
        .SalariesPaylistCorporate .wrapper.account-card-img .accounts-intro-balance.right svg,
        .AccountBalancePreviewCorporateV2 .wrapper.account-card-img .accounts-intro-balance.right svg,
        .DepositBalancePreviewCorporateV2 .wrapper.account-card-img .accounts-intro-balance.right svg,
        .CardBalancePreviewV2 .wrapper.account-card-img .accounts-intro-balance.right svg,
        .CardBalancePreviewCorporateV3 .wrapper.account-card-img .accounts-intro-balance.right svg,
        .LoanBalancePreviewV2 .wrapper.account-card-img .accounts-intro-balance.right svg,
        .DepositBalancePreviewV2 .wrapper.account-card-img .accounts-intro-balance.right svg,
        .AccountSlider .wrapper.account-card-img .accounts-intro-balance.right svg,
        .DomesticOrderCorporate .wrapper.account-card-img .accounts-intro-balance.right svg,
        .ForeignOrderCorporate .wrapper.account-card-img .accounts-intro-balance.right svg {
          display: inline-block; }
      .LoanBalancePreviewCorporate .wrapper.account-card-img.selected,
      .SalariesPaylistCorporate .wrapper.account-card-img.selected,
      .AccountBalancePreviewCorporateV2 .wrapper.account-card-img.selected,
      .DepositBalancePreviewCorporateV2 .wrapper.account-card-img.selected,
      .CardBalancePreviewV2 .wrapper.account-card-img.selected,
      .CardBalancePreviewCorporateV3 .wrapper.account-card-img.selected,
      .LoanBalancePreviewV2 .wrapper.account-card-img.selected,
      .DepositBalancePreviewV2 .wrapper.account-card-img.selected,
      .AccountSlider .wrapper.account-card-img.selected,
      .DomesticOrderCorporate .wrapper.account-card-img.selected,
      .ForeignOrderCorporate .wrapper.account-card-img.selected {
        /*background-image: linear-gradient(to bottom, rgba(54,57,164,0.10), rgba(0,0,0,0));*/
        margin-top: 0px; }
  .LoanBalancePreviewCorporate .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .user-accout-card-img,
  .SalariesPaylistCorporate .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .user-accout-card-img,
  .AccountBalancePreviewCorporateV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .user-accout-card-img,
  .DepositBalancePreviewCorporateV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .user-accout-card-img,
  .CardBalancePreviewV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .user-accout-card-img,
  .CardBalancePreviewCorporateV3 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .user-accout-card-img,
  .LoanBalancePreviewV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .user-accout-card-img,
  .DepositBalancePreviewV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .user-accout-card-img,
  .AccountSlider .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .user-accout-card-img,
  .DomesticOrderCorporate .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .user-accout-card-img,
  .ForeignOrderCorporate .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .user-accout-card-img {
    width: 20px;
    height: 20px;
    background-color: transparent; }
    .LoanBalancePreviewCorporate .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .user-accout-card-img svg,
    .SalariesPaylistCorporate .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .user-accout-card-img svg,
    .AccountBalancePreviewCorporateV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .user-accout-card-img svg,
    .DepositBalancePreviewCorporateV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .user-accout-card-img svg,
    .CardBalancePreviewV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .user-accout-card-img svg,
    .CardBalancePreviewCorporateV3 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .user-accout-card-img svg,
    .LoanBalancePreviewV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .user-accout-card-img svg,
    .DepositBalancePreviewV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .user-accout-card-img svg,
    .AccountSlider .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .user-accout-card-img svg,
    .DomesticOrderCorporate .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .user-accout-card-img svg,
    .ForeignOrderCorporate .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .user-accout-card-img svg {
      width: 20px;
      height: 20px; }
  .LoanBalancePreviewCorporate .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .account-card-text h2,
  .SalariesPaylistCorporate .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .account-card-text h2,
  .AccountBalancePreviewCorporateV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .account-card-text h2,
  .DepositBalancePreviewCorporateV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .account-card-text h2,
  .CardBalancePreviewV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .account-card-text h2,
  .CardBalancePreviewCorporateV3 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .account-card-text h2,
  .LoanBalancePreviewV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .account-card-text h2,
  .DepositBalancePreviewV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .account-card-text h2,
  .AccountSlider .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .account-card-text h2,
  .DomesticOrderCorporate .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .account-card-text h2,
  .ForeignOrderCorporate .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .account-card-text h2 {
    font-size: 15px !important;
    font-family: "Mark-Medium", sans-serif; }
  .LoanBalancePreviewCorporate .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .account-card-text p,
  .SalariesPaylistCorporate .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .account-card-text p,
  .AccountBalancePreviewCorporateV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .account-card-text p,
  .DepositBalancePreviewCorporateV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .account-card-text p,
  .CardBalancePreviewV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .account-card-text p,
  .CardBalancePreviewCorporateV3 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .account-card-text p,
  .LoanBalancePreviewV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .account-card-text p,
  .DepositBalancePreviewV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .account-card-text p,
  .AccountSlider .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .account-card-text p,
  .DomesticOrderCorporate .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .account-card-text p,
  .ForeignOrderCorporate .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-title .account-card-text p {
    font-size: 12px; }
  .LoanBalancePreviewCorporate .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp .account-balance-amount-text,
  .SalariesPaylistCorporate .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp .account-balance-amount-text,
  .AccountBalancePreviewCorporateV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp .account-balance-amount-text,
  .DepositBalancePreviewCorporateV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp .account-balance-amount-text,
  .CardBalancePreviewV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp .account-balance-amount-text,
  .CardBalancePreviewCorporateV3 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp .account-balance-amount-text,
  .LoanBalancePreviewV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp .account-balance-amount-text,
  .DepositBalancePreviewV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp .account-balance-amount-text,
  .AccountSlider .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp .account-balance-amount-text,
  .DomesticOrderCorporate .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp .account-balance-amount-text,
  .ForeignOrderCorporate .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp .account-balance-amount-text {
    font-family: "Mark-Medium", sans-serif !important; }
    .LoanBalancePreviewCorporate .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp .account-balance-amount-text p.page-text,
    .SalariesPaylistCorporate .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp .account-balance-amount-text p.page-text,
    .AccountBalancePreviewCorporateV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp .account-balance-amount-text p.page-text,
    .DepositBalancePreviewCorporateV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp .account-balance-amount-text p.page-text,
    .CardBalancePreviewV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp .account-balance-amount-text p.page-text,
    .CardBalancePreviewCorporateV3 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp .account-balance-amount-text p.page-text,
    .LoanBalancePreviewV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp .account-balance-amount-text p.page-text,
    .DepositBalancePreviewV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp .account-balance-amount-text p.page-text,
    .AccountSlider .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp .account-balance-amount-text p.page-text,
    .DomesticOrderCorporate .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp .account-balance-amount-text p.page-text,
    .ForeignOrderCorporate .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp .account-balance-amount-text p.page-text {
      font-size: 12px;
      color: #666; }
    .LoanBalancePreviewCorporate .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp .account-balance-amount-text span,
    .SalariesPaylistCorporate .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp .account-balance-amount-text span,
    .AccountBalancePreviewCorporateV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp .account-balance-amount-text span,
    .DepositBalancePreviewCorporateV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp .account-balance-amount-text span,
    .CardBalancePreviewV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp .account-balance-amount-text span,
    .CardBalancePreviewCorporateV3 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp .account-balance-amount-text span,
    .LoanBalancePreviewV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp .account-balance-amount-text span,
    .DepositBalancePreviewV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp .account-balance-amount-text span,
    .AccountSlider .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp .account-balance-amount-text span,
    .DomesticOrderCorporate .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp .account-balance-amount-text span,
    .ForeignOrderCorporate .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp .account-balance-amount-text span {
      font-size: 15px;
      font-family: "Mark-Medium", sans-serif; }
  .LoanBalancePreviewCorporate .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp h2,
  .SalariesPaylistCorporate .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp h2,
  .AccountBalancePreviewCorporateV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp h2,
  .DepositBalancePreviewCorporateV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp h2,
  .CardBalancePreviewV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp h2,
  .CardBalancePreviewCorporateV3 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp h2,
  .LoanBalancePreviewV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp h2,
  .DepositBalancePreviewV2 .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp h2,
  .AccountSlider .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp h2,
  .DomesticOrderCorporate .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp h2,
  .ForeignOrderCorporate .wrapper-border-radius .wrapper .account-intro-inner .accounts-intro-balance.right.resp h2 {
    font-size: 15px;
    font-family: "Mark-Medium", sans-serif; }
  .LoanBalancePreviewCorporate .user-account-card,
  .SalariesPaylistCorporate .user-account-card,
  .AccountBalancePreviewCorporateV2 .user-account-card,
  .DepositBalancePreviewCorporateV2 .user-account-card,
  .CardBalancePreviewV2 .user-account-card,
  .CardBalancePreviewCorporateV3 .user-account-card,
  .LoanBalancePreviewV2 .user-account-card,
  .DepositBalancePreviewV2 .user-account-card,
  .AccountSlider .user-account-card,
  .DomesticOrderCorporate .user-account-card,
  .ForeignOrderCorporate .user-account-card {
    border-radius: 16px;
    padding: 24px;
    min-height: 48px;
    transition: border-radius 0.5s ease-in-out;
    border: 1px solid rgba(255, 255, 255, 0.16); }
    .LoanBalancePreviewCorporate .user-account-card .btn-2,
    .SalariesPaylistCorporate .user-account-card .btn-2,
    .AccountBalancePreviewCorporateV2 .user-account-card .btn-2,
    .DepositBalancePreviewCorporateV2 .user-account-card .btn-2,
    .CardBalancePreviewV2 .user-account-card .btn-2,
    .CardBalancePreviewCorporateV3 .user-account-card .btn-2,
    .LoanBalancePreviewV2 .user-account-card .btn-2,
    .DepositBalancePreviewV2 .user-account-card .btn-2,
    .AccountSlider .user-account-card .btn-2,
    .DomesticOrderCorporate .user-account-card .btn-2,
    .ForeignOrderCorporate .user-account-card .btn-2 {
      display: block;
      padding: 14px 10px;
      border-radius: 40px; }
  .LoanBalancePreviewCorporate .account-intro-inner,
  .SalariesPaylistCorporate .account-intro-inner,
  .AccountBalancePreviewCorporateV2 .account-intro-inner,
  .DepositBalancePreviewCorporateV2 .account-intro-inner,
  .CardBalancePreviewV2 .account-intro-inner,
  .CardBalancePreviewCorporateV3 .account-intro-inner,
  .LoanBalancePreviewV2 .account-intro-inner,
  .DepositBalancePreviewV2 .account-intro-inner,
  .AccountSlider .account-intro-inner,
  .DomesticOrderCorporate .account-intro-inner,
  .ForeignOrderCorporate .account-intro-inner {
    width: calc(100% - 140px); }
    .LoanBalancePreviewCorporate .account-intro-inner.full,
    .SalariesPaylistCorporate .account-intro-inner.full,
    .AccountBalancePreviewCorporateV2 .account-intro-inner.full,
    .DepositBalancePreviewCorporateV2 .account-intro-inner.full,
    .CardBalancePreviewV2 .account-intro-inner.full,
    .CardBalancePreviewCorporateV3 .account-intro-inner.full,
    .LoanBalancePreviewV2 .account-intro-inner.full,
    .DepositBalancePreviewV2 .account-intro-inner.full,
    .AccountSlider .account-intro-inner.full,
    .DomesticOrderCorporate .account-intro-inner.full,
    .ForeignOrderCorporate .account-intro-inner.full {
      width: 100%; }
      .LoanBalancePreviewCorporate .account-intro-inner.full.margin-right-2,
      .SalariesPaylistCorporate .account-intro-inner.full.margin-right-2,
      .AccountBalancePreviewCorporateV2 .account-intro-inner.full.margin-right-2,
      .DepositBalancePreviewCorporateV2 .account-intro-inner.full.margin-right-2,
      .CardBalancePreviewV2 .account-intro-inner.full.margin-right-2,
      .CardBalancePreviewCorporateV3 .account-intro-inner.full.margin-right-2,
      .LoanBalancePreviewV2 .account-intro-inner.full.margin-right-2,
      .DepositBalancePreviewV2 .account-intro-inner.full.margin-right-2,
      .AccountSlider .account-intro-inner.full.margin-right-2,
      .DomesticOrderCorporate .account-intro-inner.full.margin-right-2,
      .ForeignOrderCorporate .account-intro-inner.full.margin-right-2 {
        margin-right: 24px; }
    .LoanBalancePreviewCorporate .account-intro-inner:nth-child(3),
    .SalariesPaylistCorporate .account-intro-inner:nth-child(3),
    .AccountBalancePreviewCorporateV2 .account-intro-inner:nth-child(3),
    .DepositBalancePreviewCorporateV2 .account-intro-inner:nth-child(3),
    .CardBalancePreviewV2 .account-intro-inner:nth-child(3),
    .CardBalancePreviewCorporateV3 .account-intro-inner:nth-child(3),
    .LoanBalancePreviewV2 .account-intro-inner:nth-child(3),
    .DepositBalancePreviewV2 .account-intro-inner:nth-child(3),
    .AccountSlider .account-intro-inner:nth-child(3),
    .DomesticOrderCorporate .account-intro-inner:nth-child(3),
    .ForeignOrderCorporate .account-intro-inner:nth-child(3) {
      background-image: linear-gradient(to bottom, rgba(54, 57, 164, 0.1), transparent);
      margin-top: 35px; }
    .LoanBalancePreviewCorporate .account-intro-inner.lastBorder,
    .SalariesPaylistCorporate .account-intro-inner.lastBorder,
    .AccountBalancePreviewCorporateV2 .account-intro-inner.lastBorder,
    .DepositBalancePreviewCorporateV2 .account-intro-inner.lastBorder,
    .CardBalancePreviewV2 .account-intro-inner.lastBorder,
    .CardBalancePreviewCorporateV3 .account-intro-inner.lastBorder,
    .LoanBalancePreviewV2 .account-intro-inner.lastBorder,
    .DepositBalancePreviewV2 .account-intro-inner.lastBorder,
    .AccountSlider .account-intro-inner.lastBorder,
    .DomesticOrderCorporate .account-intro-inner.lastBorder,
    .ForeignOrderCorporate .account-intro-inner.lastBorder {
      border-bottom: none !important; }
    .LoanBalancePreviewCorporate .account-intro-inner .user-account-loan-img,
    .SalariesPaylistCorporate .account-intro-inner .user-account-loan-img,
    .AccountBalancePreviewCorporateV2 .account-intro-inner .user-account-loan-img,
    .DepositBalancePreviewCorporateV2 .account-intro-inner .user-account-loan-img,
    .CardBalancePreviewV2 .account-intro-inner .user-account-loan-img,
    .CardBalancePreviewCorporateV3 .account-intro-inner .user-account-loan-img,
    .LoanBalancePreviewV2 .account-intro-inner .user-account-loan-img,
    .DepositBalancePreviewV2 .account-intro-inner .user-account-loan-img,
    .AccountSlider .account-intro-inner .user-account-loan-img,
    .DomesticOrderCorporate .account-intro-inner .user-account-loan-img,
    .ForeignOrderCorporate .account-intro-inner .user-account-loan-img {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      overflow: hidden; }
      .LoanBalancePreviewCorporate .account-intro-inner .user-account-loan-img svg,
      .SalariesPaylistCorporate .account-intro-inner .user-account-loan-img svg,
      .AccountBalancePreviewCorporateV2 .account-intro-inner .user-account-loan-img svg,
      .DepositBalancePreviewCorporateV2 .account-intro-inner .user-account-loan-img svg,
      .CardBalancePreviewV2 .account-intro-inner .user-account-loan-img svg,
      .CardBalancePreviewCorporateV3 .account-intro-inner .user-account-loan-img svg,
      .LoanBalancePreviewV2 .account-intro-inner .user-account-loan-img svg,
      .DepositBalancePreviewV2 .account-intro-inner .user-account-loan-img svg,
      .AccountSlider .account-intro-inner .user-account-loan-img svg,
      .DomesticOrderCorporate .account-intro-inner .user-account-loan-img svg,
      .ForeignOrderCorporate .account-intro-inner .user-account-loan-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%); }
    .LoanBalancePreviewCorporate .account-intro-inner.visible,
    .SalariesPaylistCorporate .account-intro-inner.visible,
    .AccountBalancePreviewCorporateV2 .account-intro-inner.visible,
    .DepositBalancePreviewCorporateV2 .account-intro-inner.visible,
    .CardBalancePreviewV2 .account-intro-inner.visible,
    .CardBalancePreviewCorporateV3 .account-intro-inner.visible,
    .LoanBalancePreviewV2 .account-intro-inner.visible,
    .DepositBalancePreviewV2 .account-intro-inner.visible,
    .AccountSlider .account-intro-inner.visible,
    .DomesticOrderCorporate .account-intro-inner.visible,
    .ForeignOrderCorporate .account-intro-inner.visible {
      padding: 15px 95px 15px 0px;
      border-bottom: 1px solid #DCDCDC;
      -webkit-transition: background-color .5s;
      transition: background-color .5s;
      width: 100%; }
      .LoanBalancePreviewCorporate .account-intro-inner.visible .account-card-text h2,
      .SalariesPaylistCorporate .account-intro-inner.visible .account-card-text h2,
      .AccountBalancePreviewCorporateV2 .account-intro-inner.visible .account-card-text h2,
      .DepositBalancePreviewCorporateV2 .account-intro-inner.visible .account-card-text h2,
      .CardBalancePreviewV2 .account-intro-inner.visible .account-card-text h2,
      .CardBalancePreviewCorporateV3 .account-intro-inner.visible .account-card-text h2,
      .LoanBalancePreviewV2 .account-intro-inner.visible .account-card-text h2,
      .DepositBalancePreviewV2 .account-intro-inner.visible .account-card-text h2,
      .AccountSlider .account-intro-inner.visible .account-card-text h2,
      .DomesticOrderCorporate .account-intro-inner.visible .account-card-text h2,
      .ForeignOrderCorporate .account-intro-inner.visible .account-card-text h2 {
        font-family: "Mark-Regular", sans-serif;
        font-size: 20px; }
      .LoanBalancePreviewCorporate .account-intro-inner.visible .accounts-intro-balance h2,
      .SalariesPaylistCorporate .account-intro-inner.visible .accounts-intro-balance h2,
      .AccountBalancePreviewCorporateV2 .account-intro-inner.visible .accounts-intro-balance h2,
      .DepositBalancePreviewCorporateV2 .account-intro-inner.visible .accounts-intro-balance h2,
      .CardBalancePreviewV2 .account-intro-inner.visible .accounts-intro-balance h2,
      .CardBalancePreviewCorporateV3 .account-intro-inner.visible .accounts-intro-balance h2,
      .LoanBalancePreviewV2 .account-intro-inner.visible .accounts-intro-balance h2,
      .DepositBalancePreviewV2 .account-intro-inner.visible .accounts-intro-balance h2,
      .AccountSlider .account-intro-inner.visible .accounts-intro-balance h2,
      .DomesticOrderCorporate .account-intro-inner.visible .accounts-intro-balance h2,
      .ForeignOrderCorporate .account-intro-inner.visible .accounts-intro-balance h2 {
        font-family: "Mark-Regular", sans-serif;
        font-size: 20px; }
      .LoanBalancePreviewCorporate .account-intro-inner.visible .user-account-card-img,
      .SalariesPaylistCorporate .account-intro-inner.visible .user-account-card-img,
      .AccountBalancePreviewCorporateV2 .account-intro-inner.visible .user-account-card-img,
      .DepositBalancePreviewCorporateV2 .account-intro-inner.visible .user-account-card-img,
      .CardBalancePreviewV2 .account-intro-inner.visible .user-account-card-img,
      .CardBalancePreviewCorporateV3 .account-intro-inner.visible .user-account-card-img,
      .LoanBalancePreviewV2 .account-intro-inner.visible .user-account-card-img,
      .DepositBalancePreviewV2 .account-intro-inner.visible .user-account-card-img,
      .AccountSlider .account-intro-inner.visible .user-account-card-img,
      .DomesticOrderCorporate .account-intro-inner.visible .user-account-card-img,
      .ForeignOrderCorporate .account-intro-inner.visible .user-account-card-img {
        display: none; }
        .LoanBalancePreviewCorporate .account-intro-inner.visible .user-account-card-img.background-5,
        .SalariesPaylistCorporate .account-intro-inner.visible .user-account-card-img.background-5,
        .AccountBalancePreviewCorporateV2 .account-intro-inner.visible .user-account-card-img.background-5,
        .DepositBalancePreviewCorporateV2 .account-intro-inner.visible .user-account-card-img.background-5,
        .CardBalancePreviewV2 .account-intro-inner.visible .user-account-card-img.background-5,
        .CardBalancePreviewCorporateV3 .account-intro-inner.visible .user-account-card-img.background-5,
        .LoanBalancePreviewV2 .account-intro-inner.visible .user-account-card-img.background-5,
        .DepositBalancePreviewV2 .account-intro-inner.visible .user-account-card-img.background-5,
        .AccountSlider .account-intro-inner.visible .user-account-card-img.background-5,
        .DomesticOrderCorporate .account-intro-inner.visible .user-account-card-img.background-5,
        .ForeignOrderCorporate .account-intro-inner.visible .user-account-card-img.background-5 {
          display: block;
          background-image: none;
          width: 40px;
          height: 40px;
          border-radius: 50%; }
          .LoanBalancePreviewCorporate .account-intro-inner.visible .user-account-card-img.background-5 svg,
          .SalariesPaylistCorporate .account-intro-inner.visible .user-account-card-img.background-5 svg,
          .AccountBalancePreviewCorporateV2 .account-intro-inner.visible .user-account-card-img.background-5 svg,
          .DepositBalancePreviewCorporateV2 .account-intro-inner.visible .user-account-card-img.background-5 svg,
          .CardBalancePreviewV2 .account-intro-inner.visible .user-account-card-img.background-5 svg,
          .CardBalancePreviewCorporateV3 .account-intro-inner.visible .user-account-card-img.background-5 svg,
          .LoanBalancePreviewV2 .account-intro-inner.visible .user-account-card-img.background-5 svg,
          .DepositBalancePreviewV2 .account-intro-inner.visible .user-account-card-img.background-5 svg,
          .AccountSlider .account-intro-inner.visible .user-account-card-img.background-5 svg,
          .DomesticOrderCorporate .account-intro-inner.visible .user-account-card-img.background-5 svg,
          .ForeignOrderCorporate .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%); }
    .LoanBalancePreviewCorporate .account-intro-inner .profile-text-arrow,
    .SalariesPaylistCorporate .account-intro-inner .profile-text-arrow,
    .AccountBalancePreviewCorporateV2 .account-intro-inner .profile-text-arrow,
    .DepositBalancePreviewCorporateV2 .account-intro-inner .profile-text-arrow,
    .CardBalancePreviewV2 .account-intro-inner .profile-text-arrow,
    .CardBalancePreviewCorporateV3 .account-intro-inner .profile-text-arrow,
    .LoanBalancePreviewV2 .account-intro-inner .profile-text-arrow,
    .DepositBalancePreviewV2 .account-intro-inner .profile-text-arrow,
    .AccountSlider .account-intro-inner .profile-text-arrow,
    .DomesticOrderCorporate .account-intro-inner .profile-text-arrow,
    .ForeignOrderCorporate .account-intro-inner .profile-text-arrow {
      display: none; }
  .LoanBalancePreviewCorporate .account-card-text,
  .SalariesPaylistCorporate .account-card-text,
  .AccountBalancePreviewCorporateV2 .account-card-text,
  .DepositBalancePreviewCorporateV2 .account-card-text,
  .CardBalancePreviewV2 .account-card-text,
  .CardBalancePreviewCorporateV3 .account-card-text,
  .LoanBalancePreviewV2 .account-card-text,
  .DepositBalancePreviewV2 .account-card-text,
  .AccountSlider .account-card-text,
  .DomesticOrderCorporate .account-card-text,
  .ForeignOrderCorporate .account-card-text {
    max-width: 63%;
    padding-left: 16px; }
    .LoanBalancePreviewCorporate .account-card-text h2,
    .SalariesPaylistCorporate .account-card-text h2,
    .AccountBalancePreviewCorporateV2 .account-card-text h2,
    .DepositBalancePreviewCorporateV2 .account-card-text h2,
    .CardBalancePreviewV2 .account-card-text h2,
    .CardBalancePreviewCorporateV3 .account-card-text h2,
    .LoanBalancePreviewV2 .account-card-text h2,
    .DepositBalancePreviewV2 .account-card-text h2,
    .AccountSlider .account-card-text h2,
    .DomesticOrderCorporate .account-card-text h2,
    .ForeignOrderCorporate .account-card-text h2 {
      font-size: 18px !important;
      font-family: "Mark-Bold", sans-serif; }
    .LoanBalancePreviewCorporate .account-card-text p,
    .SalariesPaylistCorporate .account-card-text p,
    .AccountBalancePreviewCorporateV2 .account-card-text p,
    .DepositBalancePreviewCorporateV2 .account-card-text p,
    .CardBalancePreviewV2 .account-card-text p,
    .CardBalancePreviewCorporateV3 .account-card-text p,
    .LoanBalancePreviewV2 .account-card-text p,
    .DepositBalancePreviewV2 .account-card-text p,
    .AccountSlider .account-card-text p,
    .DomesticOrderCorporate .account-card-text p,
    .ForeignOrderCorporate .account-card-text p {
      color: #666;
      font-family: "Mark-Medium", sans-serif;
      font-size: 14px; }
  .LoanBalancePreviewCorporate .account-card-btn,
  .SalariesPaylistCorporate .account-card-btn,
  .AccountBalancePreviewCorporateV2 .account-card-btn,
  .DepositBalancePreviewCorporateV2 .account-card-btn,
  .CardBalancePreviewV2 .account-card-btn,
  .CardBalancePreviewCorporateV3 .account-card-btn,
  .LoanBalancePreviewV2 .account-card-btn,
  .DepositBalancePreviewV2 .account-card-btn,
  .AccountSlider .account-card-btn,
  .DomesticOrderCorporate .account-card-btn,
  .ForeignOrderCorporate .account-card-btn {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    border: 2px solid #f3f3f3;
    background-color: #f3f3f3;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent;
    user-select: none; }
    .LoanBalancePreviewCorporate .account-card-btn:hover,
    .SalariesPaylistCorporate .account-card-btn:hover,
    .AccountBalancePreviewCorporateV2 .account-card-btn:hover,
    .DepositBalancePreviewCorporateV2 .account-card-btn:hover,
    .CardBalancePreviewV2 .account-card-btn:hover,
    .CardBalancePreviewCorporateV3 .account-card-btn:hover,
    .LoanBalancePreviewV2 .account-card-btn:hover,
    .DepositBalancePreviewV2 .account-card-btn:hover,
    .AccountSlider .account-card-btn:hover,
    .DomesticOrderCorporate .account-card-btn:hover,
    .ForeignOrderCorporate .account-card-btn:hover {
      border: 2px solid #E6E6E6;
      background-color: #e6e6e6; }
    .LoanBalancePreviewCorporate .account-card-btn.show-margin,
    .SalariesPaylistCorporate .account-card-btn.show-margin,
    .AccountBalancePreviewCorporateV2 .account-card-btn.show-margin,
    .DepositBalancePreviewCorporateV2 .account-card-btn.show-margin,
    .CardBalancePreviewV2 .account-card-btn.show-margin,
    .CardBalancePreviewCorporateV3 .account-card-btn.show-margin,
    .LoanBalancePreviewV2 .account-card-btn.show-margin,
    .DepositBalancePreviewV2 .account-card-btn.show-margin,
    .AccountSlider .account-card-btn.show-margin,
    .DomesticOrderCorporate .account-card-btn.show-margin,
    .ForeignOrderCorporate .account-card-btn.show-margin {
      margin-left: 15px; }
    .LoanBalancePreviewCorporate .account-card-btn svg,
    .SalariesPaylistCorporate .account-card-btn svg,
    .AccountBalancePreviewCorporateV2 .account-card-btn svg,
    .DepositBalancePreviewCorporateV2 .account-card-btn svg,
    .CardBalancePreviewV2 .account-card-btn svg,
    .CardBalancePreviewCorporateV3 .account-card-btn svg,
    .LoanBalancePreviewV2 .account-card-btn svg,
    .DepositBalancePreviewV2 .account-card-btn svg,
    .AccountSlider .account-card-btn svg,
    .DomesticOrderCorporate .account-card-btn svg,
    .ForeignOrderCorporate .account-card-btn svg {
      fill: #121212;
      width: 20px;
      height: 20px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      box-sizing: border-box; }
  .LoanBalancePreviewCorporate .account-detail-menu,
  .SalariesPaylistCorporate .account-detail-menu,
  .AccountBalancePreviewCorporateV2 .account-detail-menu,
  .DepositBalancePreviewCorporateV2 .account-detail-menu,
  .CardBalancePreviewV2 .account-detail-menu,
  .CardBalancePreviewCorporateV3 .account-detail-menu,
  .LoanBalancePreviewV2 .account-detail-menu,
  .DepositBalancePreviewV2 .account-detail-menu,
  .AccountSlider .account-detail-menu,
  .DomesticOrderCorporate .account-detail-menu,
  .ForeignOrderCorporate .account-detail-menu {
    width: 100px; }
    .LoanBalancePreviewCorporate .account-detail-menu .dot-menu,
    .SalariesPaylistCorporate .account-detail-menu .dot-menu,
    .AccountBalancePreviewCorporateV2 .account-detail-menu .dot-menu,
    .DepositBalancePreviewCorporateV2 .account-detail-menu .dot-menu,
    .CardBalancePreviewV2 .account-detail-menu .dot-menu,
    .CardBalancePreviewCorporateV3 .account-detail-menu .dot-menu,
    .LoanBalancePreviewV2 .account-detail-menu .dot-menu,
    .DepositBalancePreviewV2 .account-detail-menu .dot-menu,
    .AccountSlider .account-detail-menu .dot-menu,
    .DomesticOrderCorporate .account-detail-menu .dot-menu,
    .ForeignOrderCorporate .account-detail-menu .dot-menu {
      background-color: #F3F3F3;
      border-radius: 8px;
      color: #121212;
      font-size: 16px;
      line-height: 1.5;
      font-family: "Mark-Regular", sans-serif;
      border: 2px solid transparent;
      transition: background-color .3s; }
      .LoanBalancePreviewCorporate .account-detail-menu .dot-menu.active:after,
      .SalariesPaylistCorporate .account-detail-menu .dot-menu.active:after,
      .AccountBalancePreviewCorporateV2 .account-detail-menu .dot-menu.active:after,
      .DepositBalancePreviewCorporateV2 .account-detail-menu .dot-menu.active:after,
      .CardBalancePreviewV2 .account-detail-menu .dot-menu.active:after,
      .CardBalancePreviewCorporateV3 .account-detail-menu .dot-menu.active:after,
      .LoanBalancePreviewV2 .account-detail-menu .dot-menu.active:after,
      .DepositBalancePreviewV2 .account-detail-menu .dot-menu.active:after,
      .AccountSlider .account-detail-menu .dot-menu.active:after,
      .DomesticOrderCorporate .account-detail-menu .dot-menu.active:after,
      .ForeignOrderCorporate .account-detail-menu .dot-menu.active:after {
        transform: rotate(180deg); }
      .LoanBalancePreviewCorporate .account-detail-menu .dot-menu:after,
      .SalariesPaylistCorporate .account-detail-menu .dot-menu:after,
      .AccountBalancePreviewCorporateV2 .account-detail-menu .dot-menu:after,
      .DepositBalancePreviewCorporateV2 .account-detail-menu .dot-menu:after,
      .CardBalancePreviewV2 .account-detail-menu .dot-menu:after,
      .CardBalancePreviewCorporateV3 .account-detail-menu .dot-menu:after,
      .LoanBalancePreviewV2 .account-detail-menu .dot-menu:after,
      .DepositBalancePreviewV2 .account-detail-menu .dot-menu:after,
      .AccountSlider .account-detail-menu .dot-menu:after,
      .DomesticOrderCorporate .account-detail-menu .dot-menu:after,
      .ForeignOrderCorporate .account-detail-menu .dot-menu:after {
        content: '';
        margin-left: 10px;
        position: absolute;
        top: 40%;
        right: 15px;
        /* transform: translate(0, -50%); */
        width: 11px;
        height: 14px;
        background-image: url(images/icons/arrow-bottom-1.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        transition: .5s ease; }
      .LoanBalancePreviewCorporate .account-detail-menu .dot-menu:hover,
      .SalariesPaylistCorporate .account-detail-menu .dot-menu:hover,
      .AccountBalancePreviewCorporateV2 .account-detail-menu .dot-menu:hover,
      .DepositBalancePreviewCorporateV2 .account-detail-menu .dot-menu:hover,
      .CardBalancePreviewV2 .account-detail-menu .dot-menu:hover,
      .CardBalancePreviewCorporateV3 .account-detail-menu .dot-menu:hover,
      .LoanBalancePreviewV2 .account-detail-menu .dot-menu:hover,
      .DepositBalancePreviewV2 .account-detail-menu .dot-menu:hover,
      .AccountSlider .account-detail-menu .dot-menu:hover,
      .DomesticOrderCorporate .account-detail-menu .dot-menu:hover,
      .ForeignOrderCorporate .account-detail-menu .dot-menu:hover {
        background-color: #e6e6e6; }
    .LoanBalancePreviewCorporate .account-detail-menu .dot-menu,
    .SalariesPaylistCorporate .account-detail-menu .dot-menu,
    .AccountBalancePreviewCorporateV2 .account-detail-menu .dot-menu,
    .DepositBalancePreviewCorporateV2 .account-detail-menu .dot-menu,
    .CardBalancePreviewV2 .account-detail-menu .dot-menu,
    .CardBalancePreviewCorporateV3 .account-detail-menu .dot-menu,
    .LoanBalancePreviewV2 .account-detail-menu .dot-menu,
    .DepositBalancePreviewV2 .account-detail-menu .dot-menu,
    .AccountSlider .account-detail-menu .dot-menu,
    .DomesticOrderCorporate .account-detail-menu .dot-menu,
    .ForeignOrderCorporate .account-detail-menu .dot-menu {
      max-width: 90px;
      min-width: 80px;
      max-height: 20px;
      padding: 9px 40px 9px 12px;
      width: 100%; }
      .LoanBalancePreviewCorporate .account-detail-menu .dot-menu svg.gear-icon,
      .SalariesPaylistCorporate .account-detail-menu .dot-menu svg.gear-icon,
      .AccountBalancePreviewCorporateV2 .account-detail-menu .dot-menu svg.gear-icon,
      .DepositBalancePreviewCorporateV2 .account-detail-menu .dot-menu svg.gear-icon,
      .CardBalancePreviewV2 .account-detail-menu .dot-menu svg.gear-icon,
      .CardBalancePreviewCorporateV3 .account-detail-menu .dot-menu svg.gear-icon,
      .LoanBalancePreviewV2 .account-detail-menu .dot-menu svg.gear-icon,
      .DepositBalancePreviewV2 .account-detail-menu .dot-menu svg.gear-icon,
      .AccountSlider .account-detail-menu .dot-menu svg.gear-icon,
      .DomesticOrderCorporate .account-detail-menu .dot-menu svg.gear-icon,
      .ForeignOrderCorporate .account-detail-menu .dot-menu svg.gear-icon {
        width: 20px;
        height: 20px;
        top: 50%;
        left: 24px; }
      .LoanBalancePreviewCorporate .account-detail-menu .dot-menu p.options,
      .SalariesPaylistCorporate .account-detail-menu .dot-menu p.options,
      .AccountBalancePreviewCorporateV2 .account-detail-menu .dot-menu p.options,
      .DepositBalancePreviewCorporateV2 .account-detail-menu .dot-menu p.options,
      .CardBalancePreviewV2 .account-detail-menu .dot-menu p.options,
      .CardBalancePreviewCorporateV3 .account-detail-menu .dot-menu p.options,
      .LoanBalancePreviewV2 .account-detail-menu .dot-menu p.options,
      .DepositBalancePreviewV2 .account-detail-menu .dot-menu p.options,
      .AccountSlider .account-detail-menu .dot-menu p.options,
      .DomesticOrderCorporate .account-detail-menu .dot-menu p.options,
      .ForeignOrderCorporate .account-detail-menu .dot-menu p.options {
        margin-left: 35px;
        color: #121212;
        font-family: "Mark-Medium", sans-serif;
        line-height: 1.2;
        font-size: 16px; }
      .LoanBalancePreviewCorporate .account-detail-menu .dot-menu svg.profile-text-arrow,
      .SalariesPaylistCorporate .account-detail-menu .dot-menu svg.profile-text-arrow,
      .AccountBalancePreviewCorporateV2 .account-detail-menu .dot-menu svg.profile-text-arrow,
      .DepositBalancePreviewCorporateV2 .account-detail-menu .dot-menu svg.profile-text-arrow,
      .CardBalancePreviewV2 .account-detail-menu .dot-menu svg.profile-text-arrow,
      .CardBalancePreviewCorporateV3 .account-detail-menu .dot-menu svg.profile-text-arrow,
      .LoanBalancePreviewV2 .account-detail-menu .dot-menu svg.profile-text-arrow,
      .DepositBalancePreviewV2 .account-detail-menu .dot-menu svg.profile-text-arrow,
      .AccountSlider .account-detail-menu .dot-menu svg.profile-text-arrow,
      .DomesticOrderCorporate .account-detail-menu .dot-menu svg.profile-text-arrow,
      .ForeignOrderCorporate .account-detail-menu .dot-menu svg.profile-text-arrow {
        top: 50%;
        left: unset;
        right: 5px; }
      .LoanBalancePreviewCorporate .account-detail-menu .dot-menu:hover,
      .SalariesPaylistCorporate .account-detail-menu .dot-menu:hover,
      .AccountBalancePreviewCorporateV2 .account-detail-menu .dot-menu:hover,
      .DepositBalancePreviewCorporateV2 .account-detail-menu .dot-menu:hover,
      .CardBalancePreviewV2 .account-detail-menu .dot-menu:hover,
      .CardBalancePreviewCorporateV3 .account-detail-menu .dot-menu:hover,
      .LoanBalancePreviewV2 .account-detail-menu .dot-menu:hover,
      .DepositBalancePreviewV2 .account-detail-menu .dot-menu:hover,
      .AccountSlider .account-detail-menu .dot-menu:hover,
      .DomesticOrderCorporate .account-detail-menu .dot-menu:hover,
      .ForeignOrderCorporate .account-detail-menu .dot-menu:hover {
        background-color: #e6e6e6; }
    .LoanBalancePreviewCorporate .account-detail-menu .activity-popup-filter .dot-decoration,
    .SalariesPaylistCorporate .account-detail-menu .activity-popup-filter .dot-decoration,
    .AccountBalancePreviewCorporateV2 .account-detail-menu .activity-popup-filter .dot-decoration,
    .DepositBalancePreviewCorporateV2 .account-detail-menu .activity-popup-filter .dot-decoration,
    .CardBalancePreviewV2 .account-detail-menu .activity-popup-filter .dot-decoration,
    .CardBalancePreviewCorporateV3 .account-detail-menu .activity-popup-filter .dot-decoration,
    .LoanBalancePreviewV2 .account-detail-menu .activity-popup-filter .dot-decoration,
    .DepositBalancePreviewV2 .account-detail-menu .activity-popup-filter .dot-decoration,
    .AccountSlider .account-detail-menu .activity-popup-filter .dot-decoration,
    .DomesticOrderCorporate .account-detail-menu .activity-popup-filter .dot-decoration,
    .ForeignOrderCorporate .account-detail-menu .activity-popup-filter .dot-decoration {
      right: 55px; }
    .LoanBalancePreviewCorporate .account-detail-menu .activity-popup-filter .page-text,
    .SalariesPaylistCorporate .account-detail-menu .activity-popup-filter .page-text,
    .AccountBalancePreviewCorporateV2 .account-detail-menu .activity-popup-filter .page-text,
    .DepositBalancePreviewCorporateV2 .account-detail-menu .activity-popup-filter .page-text,
    .CardBalancePreviewV2 .account-detail-menu .activity-popup-filter .page-text,
    .CardBalancePreviewCorporateV3 .account-detail-menu .activity-popup-filter .page-text,
    .LoanBalancePreviewV2 .account-detail-menu .activity-popup-filter .page-text,
    .DepositBalancePreviewV2 .account-detail-menu .activity-popup-filter .page-text,
    .AccountSlider .account-detail-menu .activity-popup-filter .page-text,
    .DomesticOrderCorporate .account-detail-menu .activity-popup-filter .page-text,
    .ForeignOrderCorporate .account-detail-menu .activity-popup-filter .page-text {
      padding-right: 0; }
  .LoanBalancePreviewCorporate .accounts-intro-balance, .LoanBalancePreviewCorporate .accounts-intro-title,
  .SalariesPaylistCorporate .accounts-intro-balance,
  .SalariesPaylistCorporate .accounts-intro-title,
  .AccountBalancePreviewCorporateV2 .accounts-intro-balance,
  .AccountBalancePreviewCorporateV2 .accounts-intro-title,
  .DepositBalancePreviewCorporateV2 .accounts-intro-balance,
  .DepositBalancePreviewCorporateV2 .accounts-intro-title,
  .CardBalancePreviewV2 .accounts-intro-balance,
  .CardBalancePreviewV2 .accounts-intro-title,
  .CardBalancePreviewCorporateV3 .accounts-intro-balance,
  .CardBalancePreviewCorporateV3 .accounts-intro-title,
  .LoanBalancePreviewV2 .accounts-intro-balance,
  .LoanBalancePreviewV2 .accounts-intro-title,
  .DepositBalancePreviewV2 .accounts-intro-balance,
  .DepositBalancePreviewV2 .accounts-intro-title,
  .AccountSlider .accounts-intro-balance,
  .AccountSlider .accounts-intro-title,
  .DomesticOrderCorporate .accounts-intro-balance,
  .DomesticOrderCorporate .accounts-intro-title,
  .ForeignOrderCorporate .accounts-intro-balance,
  .ForeignOrderCorporate .accounts-intro-title {
    width: 45%; }
    .LoanBalancePreviewCorporate .accounts-intro-balance h2, .LoanBalancePreviewCorporate .accounts-intro-title h2,
    .SalariesPaylistCorporate .accounts-intro-balance h2,
    .SalariesPaylistCorporate .accounts-intro-title h2,
    .AccountBalancePreviewCorporateV2 .accounts-intro-balance h2,
    .AccountBalancePreviewCorporateV2 .accounts-intro-title h2,
    .DepositBalancePreviewCorporateV2 .accounts-intro-balance h2,
    .DepositBalancePreviewCorporateV2 .accounts-intro-title h2,
    .CardBalancePreviewV2 .accounts-intro-balance h2,
    .CardBalancePreviewV2 .accounts-intro-title h2,
    .CardBalancePreviewCorporateV3 .accounts-intro-balance h2,
    .CardBalancePreviewCorporateV3 .accounts-intro-title h2,
    .LoanBalancePreviewV2 .accounts-intro-balance h2,
    .LoanBalancePreviewV2 .accounts-intro-title h2,
    .DepositBalancePreviewV2 .accounts-intro-balance h2,
    .DepositBalancePreviewV2 .accounts-intro-title h2,
    .AccountSlider .accounts-intro-balance h2,
    .AccountSlider .accounts-intro-title h2,
    .DomesticOrderCorporate .accounts-intro-balance h2,
    .DomesticOrderCorporate .accounts-intro-title h2,
    .ForeignOrderCorporate .accounts-intro-balance h2,
    .ForeignOrderCorporate .accounts-intro-title h2 {
      display: inline;
      font-size: 18px;
      font-family: "Mark-Bold", sans-serif;
      overflow-wrap: break-word;
      white-space: break-spaces; }
    .LoanBalancePreviewCorporate .accounts-intro-balance .available, .LoanBalancePreviewCorporate .accounts-intro-title .available,
    .SalariesPaylistCorporate .accounts-intro-balance .available,
    .SalariesPaylistCorporate .accounts-intro-title .available,
    .AccountBalancePreviewCorporateV2 .accounts-intro-balance .available,
    .AccountBalancePreviewCorporateV2 .accounts-intro-title .available,
    .DepositBalancePreviewCorporateV2 .accounts-intro-balance .available,
    .DepositBalancePreviewCorporateV2 .accounts-intro-title .available,
    .CardBalancePreviewV2 .accounts-intro-balance .available,
    .CardBalancePreviewV2 .accounts-intro-title .available,
    .CardBalancePreviewCorporateV3 .accounts-intro-balance .available,
    .CardBalancePreviewCorporateV3 .accounts-intro-title .available,
    .LoanBalancePreviewV2 .accounts-intro-balance .available,
    .LoanBalancePreviewV2 .accounts-intro-title .available,
    .DepositBalancePreviewV2 .accounts-intro-balance .available,
    .DepositBalancePreviewV2 .accounts-intro-title .available,
    .AccountSlider .accounts-intro-balance .available,
    .AccountSlider .accounts-intro-title .available,
    .DomesticOrderCorporate .accounts-intro-balance .available,
    .DomesticOrderCorporate .accounts-intro-title .available,
    .ForeignOrderCorporate .accounts-intro-balance .available,
    .ForeignOrderCorporate .accounts-intro-title .available {
      font-family: "Source-Sans-Pro-bold", 'sans-serif';
      font-size: 20px; }
    .LoanBalancePreviewCorporate .accounts-intro-balance .currency, .LoanBalancePreviewCorporate .accounts-intro-title .currency,
    .SalariesPaylistCorporate .accounts-intro-balance .currency,
    .SalariesPaylistCorporate .accounts-intro-title .currency,
    .AccountBalancePreviewCorporateV2 .accounts-intro-balance .currency,
    .AccountBalancePreviewCorporateV2 .accounts-intro-title .currency,
    .DepositBalancePreviewCorporateV2 .accounts-intro-balance .currency,
    .DepositBalancePreviewCorporateV2 .accounts-intro-title .currency,
    .CardBalancePreviewV2 .accounts-intro-balance .currency,
    .CardBalancePreviewV2 .accounts-intro-title .currency,
    .CardBalancePreviewCorporateV3 .accounts-intro-balance .currency,
    .CardBalancePreviewCorporateV3 .accounts-intro-title .currency,
    .LoanBalancePreviewV2 .accounts-intro-balance .currency,
    .LoanBalancePreviewV2 .accounts-intro-title .currency,
    .DepositBalancePreviewV2 .accounts-intro-balance .currency,
    .DepositBalancePreviewV2 .accounts-intro-title .currency,
    .AccountSlider .accounts-intro-balance .currency,
    .AccountSlider .accounts-intro-title .currency,
    .DomesticOrderCorporate .accounts-intro-balance .currency,
    .DomesticOrderCorporate .accounts-intro-title .currency,
    .ForeignOrderCorporate .accounts-intro-balance .currency,
    .ForeignOrderCorporate .accounts-intro-title .currency {
      display: inline;
      color: #B8BAC4;
      font-weight: 600;
      font-size: 20px; }
    .LoanBalancePreviewCorporate .accounts-intro-balance small, .LoanBalancePreviewCorporate .accounts-intro-title small,
    .SalariesPaylistCorporate .accounts-intro-balance small,
    .SalariesPaylistCorporate .accounts-intro-title small,
    .AccountBalancePreviewCorporateV2 .accounts-intro-balance small,
    .AccountBalancePreviewCorporateV2 .accounts-intro-title small,
    .DepositBalancePreviewCorporateV2 .accounts-intro-balance small,
    .DepositBalancePreviewCorporateV2 .accounts-intro-title small,
    .CardBalancePreviewV2 .accounts-intro-balance small,
    .CardBalancePreviewV2 .accounts-intro-title small,
    .CardBalancePreviewCorporateV3 .accounts-intro-balance small,
    .CardBalancePreviewCorporateV3 .accounts-intro-title small,
    .LoanBalancePreviewV2 .accounts-intro-balance small,
    .LoanBalancePreviewV2 .accounts-intro-title small,
    .DepositBalancePreviewV2 .accounts-intro-balance small,
    .DepositBalancePreviewV2 .accounts-intro-title small,
    .AccountSlider .accounts-intro-balance small,
    .AccountSlider .accounts-intro-title small,
    .DomesticOrderCorporate .accounts-intro-balance small,
    .DomesticOrderCorporate .accounts-intro-title small,
    .ForeignOrderCorporate .accounts-intro-balance small,
    .ForeignOrderCorporate .accounts-intro-title small {
      display: inline;
      color: #B8BAC4;
      font-weight: 600;
      font-size: 15px;
      letter-spacing: -.02em; }
  .LoanBalancePreviewCorporate .accounts-intro-title,
  .SalariesPaylistCorporate .accounts-intro-title,
  .AccountBalancePreviewCorporateV2 .accounts-intro-title,
  .DepositBalancePreviewCorporateV2 .accounts-intro-title,
  .CardBalancePreviewV2 .accounts-intro-title,
  .CardBalancePreviewCorporateV3 .accounts-intro-title,
  .LoanBalancePreviewV2 .accounts-intro-title,
  .DepositBalancePreviewV2 .accounts-intro-title,
  .AccountSlider .accounts-intro-title,
  .DomesticOrderCorporate .accounts-intro-title,
  .ForeignOrderCorporate .accounts-intro-title {
    padding-left: 33px; }
    .LoanBalancePreviewCorporate .accounts-intro-title.remove-padding,
    .SalariesPaylistCorporate .accounts-intro-title.remove-padding,
    .AccountBalancePreviewCorporateV2 .accounts-intro-title.remove-padding,
    .DepositBalancePreviewCorporateV2 .accounts-intro-title.remove-padding,
    .CardBalancePreviewV2 .accounts-intro-title.remove-padding,
    .CardBalancePreviewCorporateV3 .accounts-intro-title.remove-padding,
    .LoanBalancePreviewV2 .accounts-intro-title.remove-padding,
    .DepositBalancePreviewV2 .accounts-intro-title.remove-padding,
    .AccountSlider .accounts-intro-title.remove-padding,
    .DomesticOrderCorporate .accounts-intro-title.remove-padding,
    .ForeignOrderCorporate .accounts-intro-title.remove-padding {
      padding: 0; }
  .LoanBalancePreviewCorporate .user-account-card-img.accounts,
  .SalariesPaylistCorporate .user-account-card-img.accounts,
  .AccountBalancePreviewCorporateV2 .user-account-card-img.accounts,
  .DepositBalancePreviewCorporateV2 .user-account-card-img.accounts,
  .CardBalancePreviewV2 .user-account-card-img.accounts,
  .CardBalancePreviewCorporateV3 .user-account-card-img.accounts,
  .LoanBalancePreviewV2 .user-account-card-img.accounts,
  .DepositBalancePreviewV2 .user-account-card-img.accounts,
  .AccountSlider .user-account-card-img.accounts,
  .DomesticOrderCorporate .user-account-card-img.accounts,
  .ForeignOrderCorporate .user-account-card-img.accounts {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }
  .LoanBalancePreviewCorporate .user-account-card-img.cards,
  .SalariesPaylistCorporate .user-account-card-img.cards,
  .AccountBalancePreviewCorporateV2 .user-account-card-img.cards,
  .DepositBalancePreviewCorporateV2 .user-account-card-img.cards,
  .CardBalancePreviewV2 .user-account-card-img.cards,
  .CardBalancePreviewCorporateV3 .user-account-card-img.cards,
  .LoanBalancePreviewV2 .user-account-card-img.cards,
  .DepositBalancePreviewV2 .user-account-card-img.cards,
  .AccountSlider .user-account-card-img.cards,
  .DomesticOrderCorporate .user-account-card-img.cards,
  .ForeignOrderCorporate .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; }
  .LoanBalancePreviewCorporate .user-account-card-img.card,
  .SalariesPaylistCorporate .user-account-card-img.card,
  .AccountBalancePreviewCorporateV2 .user-account-card-img.card,
  .DepositBalancePreviewCorporateV2 .user-account-card-img.card,
  .CardBalancePreviewV2 .user-account-card-img.card,
  .CardBalancePreviewCorporateV3 .user-account-card-img.card,
  .LoanBalancePreviewV2 .user-account-card-img.card,
  .DepositBalancePreviewV2 .user-account-card-img.card,
  .AccountSlider .user-account-card-img.card,
  .DomesticOrderCorporate .user-account-card-img.card,
  .ForeignOrderCorporate .user-account-card-img.card {
    width: 123.5px !important;
    height: 80px;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.16) !important;
    border-radius: 4px;
    position: relative; }
    .LoanBalancePreviewCorporate .user-account-card-img.card.block,
    .SalariesPaylistCorporate .user-account-card-img.card.block,
    .AccountBalancePreviewCorporateV2 .user-account-card-img.card.block,
    .DepositBalancePreviewCorporateV2 .user-account-card-img.card.block,
    .CardBalancePreviewV2 .user-account-card-img.card.block,
    .CardBalancePreviewCorporateV3 .user-account-card-img.card.block,
    .LoanBalancePreviewV2 .user-account-card-img.card.block,
    .DepositBalancePreviewV2 .user-account-card-img.card.block,
    .AccountSlider .user-account-card-img.card.block,
    .DomesticOrderCorporate .user-account-card-img.card.block,
    .ForeignOrderCorporate .user-account-card-img.card.block {
      display: block; }
    .LoanBalancePreviewCorporate .user-account-card-img.card .card-image,
    .SalariesPaylistCorporate .user-account-card-img.card .card-image,
    .AccountBalancePreviewCorporateV2 .user-account-card-img.card .card-image,
    .DepositBalancePreviewCorporateV2 .user-account-card-img.card .card-image,
    .CardBalancePreviewV2 .user-account-card-img.card .card-image,
    .CardBalancePreviewCorporateV3 .user-account-card-img.card .card-image,
    .LoanBalancePreviewV2 .user-account-card-img.card .card-image,
    .DepositBalancePreviewV2 .user-account-card-img.card .card-image,
    .AccountSlider .user-account-card-img.card .card-image,
    .DomesticOrderCorporate .user-account-card-img.card .card-image,
    .ForeignOrderCorporate .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%; }
      .LoanBalancePreviewCorporate .user-account-card-img.card .card-image.card-613,
      .SalariesPaylistCorporate .user-account-card-img.card .card-image.card-613,
      .AccountBalancePreviewCorporateV2 .user-account-card-img.card .card-image.card-613,
      .DepositBalancePreviewCorporateV2 .user-account-card-img.card .card-image.card-613,
      .CardBalancePreviewV2 .user-account-card-img.card .card-image.card-613,
      .CardBalancePreviewCorporateV3 .user-account-card-img.card .card-image.card-613,
      .LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-613,
      .DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-613,
      .AccountSlider .user-account-card-img.card .card-image.card-613,
      .DomesticOrderCorporate .user-account-card-img.card .card-image.card-613,
      .ForeignOrderCorporate .user-account-card-img.card .card-image.card-613 {
        background-image: url("images/icons/Visa-Business---278x180-px.png"); }
      .LoanBalancePreviewCorporate .user-account-card-img.card .card-image.card-616,
      .SalariesPaylistCorporate .user-account-card-img.card .card-image.card-616,
      .AccountBalancePreviewCorporateV2 .user-account-card-img.card .card-image.card-616,
      .DepositBalancePreviewCorporateV2 .user-account-card-img.card .card-image.card-616,
      .CardBalancePreviewV2 .user-account-card-img.card .card-image.card-616,
      .CardBalancePreviewCorporateV3 .user-account-card-img.card .card-image.card-616,
      .LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-616,
      .DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-616,
      .AccountSlider .user-account-card-img.card .card-image.card-616,
      .DomesticOrderCorporate .user-account-card-img.card .card-image.card-616,
      .ForeignOrderCorporate .user-account-card-img.card .card-image.card-616 {
        background-image: url("images/icons/Dina-Business---278x180-px.png"); }
      .LoanBalancePreviewCorporate .user-account-card-img.card .card-image.card-618,
      .SalariesPaylistCorporate .user-account-card-img.card .card-image.card-618,
      .AccountBalancePreviewCorporateV2 .user-account-card-img.card .card-image.card-618,
      .DepositBalancePreviewCorporateV2 .user-account-card-img.card .card-image.card-618,
      .CardBalancePreviewV2 .user-account-card-img.card .card-image.card-618,
      .CardBalancePreviewCorporateV3 .user-account-card-img.card .card-image.card-618,
      .LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-618,
      .DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-618,
      .AccountSlider .user-account-card-img.card .card-image.card-618,
      .DomesticOrderCorporate .user-account-card-img.card .card-image.card-618,
      .ForeignOrderCorporate .user-account-card-img.card .card-image.card-618 {
        background-image: url("images/icons/Debit-618-CMS-278x180.png"); }
      .LoanBalancePreviewCorporate .user-account-card-img.card .card-image.card-602,
      .SalariesPaylistCorporate .user-account-card-img.card .card-image.card-602,
      .AccountBalancePreviewCorporateV2 .user-account-card-img.card .card-image.card-602,
      .DepositBalancePreviewCorporateV2 .user-account-card-img.card .card-image.card-602,
      .CardBalancePreviewV2 .user-account-card-img.card .card-image.card-602,
      .CardBalancePreviewCorporateV3 .user-account-card-img.card .card-image.card-602,
      .LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-602,
      .DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-602,
      .AccountSlider .user-account-card-img.card .card-image.card-602,
      .DomesticOrderCorporate .user-account-card-img.card .card-image.card-602,
      .ForeignOrderCorporate .user-account-card-img.card .card-image.card-602 {
        background-image: url("images/cards-types/card-602.png"); }
      .LoanBalancePreviewCorporate .user-account-card-img.card .card-image.card-605,
      .SalariesPaylistCorporate .user-account-card-img.card .card-image.card-605,
      .AccountBalancePreviewCorporateV2 .user-account-card-img.card .card-image.card-605,
      .DepositBalancePreviewCorporateV2 .user-account-card-img.card .card-image.card-605,
      .CardBalancePreviewV2 .user-account-card-img.card .card-image.card-605,
      .CardBalancePreviewCorporateV3 .user-account-card-img.card .card-image.card-605,
      .LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-605,
      .DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-605,
      .AccountSlider .user-account-card-img.card .card-image.card-605,
      .DomesticOrderCorporate .user-account-card-img.card .card-image.card-605,
      .ForeignOrderCorporate .user-account-card-img.card .card-image.card-605 {
        background-image: url("images/cards-types/card-605.png"); }
      .LoanBalancePreviewCorporate .user-account-card-img.card .card-image.card-609,
      .SalariesPaylistCorporate .user-account-card-img.card .card-image.card-609,
      .AccountBalancePreviewCorporateV2 .user-account-card-img.card .card-image.card-609,
      .DepositBalancePreviewCorporateV2 .user-account-card-img.card .card-image.card-609,
      .CardBalancePreviewV2 .user-account-card-img.card .card-image.card-609,
      .CardBalancePreviewCorporateV3 .user-account-card-img.card .card-image.card-609,
      .LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-609,
      .DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-609,
      .AccountSlider .user-account-card-img.card .card-image.card-609,
      .DomesticOrderCorporate .user-account-card-img.card .card-image.card-609,
      .ForeignOrderCorporate .user-account-card-img.card .card-image.card-609 {
        background-image: url("images/cards-types/card-609.png"); }
      .LoanBalancePreviewCorporate .user-account-card-img.card .card-image.card-610,
      .SalariesPaylistCorporate .user-account-card-img.card .card-image.card-610,
      .AccountBalancePreviewCorporateV2 .user-account-card-img.card .card-image.card-610,
      .DepositBalancePreviewCorporateV2 .user-account-card-img.card .card-image.card-610,
      .CardBalancePreviewV2 .user-account-card-img.card .card-image.card-610,
      .CardBalancePreviewCorporateV3 .user-account-card-img.card .card-image.card-610,
      .LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-610,
      .DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-610,
      .AccountSlider .user-account-card-img.card .card-image.card-610,
      .DomesticOrderCorporate .user-account-card-img.card .card-image.card-610,
      .ForeignOrderCorporate .user-account-card-img.card .card-image.card-610 {
        background-image: url("images/cards-types/card-610.png"); }
      .LoanBalancePreviewCorporate .user-account-card-img.card .card-image.card-617,
      .SalariesPaylistCorporate .user-account-card-img.card .card-image.card-617,
      .AccountBalancePreviewCorporateV2 .user-account-card-img.card .card-image.card-617,
      .DepositBalancePreviewCorporateV2 .user-account-card-img.card .card-image.card-617,
      .CardBalancePreviewV2 .user-account-card-img.card .card-image.card-617,
      .CardBalancePreviewCorporateV3 .user-account-card-img.card .card-image.card-617,
      .LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-617,
      .DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-617,
      .AccountSlider .user-account-card-img.card .card-image.card-617,
      .DomesticOrderCorporate .user-account-card-img.card .card-image.card-617,
      .ForeignOrderCorporate .user-account-card-img.card .card-image.card-617 {
        background-image: url("images/cards-types/card-617.png"); }
      .LoanBalancePreviewCorporate .user-account-card-img.card .card-image.card-627,
      .SalariesPaylistCorporate .user-account-card-img.card .card-image.card-627,
      .AccountBalancePreviewCorporateV2 .user-account-card-img.card .card-image.card-627,
      .DepositBalancePreviewCorporateV2 .user-account-card-img.card .card-image.card-627,
      .CardBalancePreviewV2 .user-account-card-img.card .card-image.card-627,
      .CardBalancePreviewCorporateV3 .user-account-card-img.card .card-image.card-627,
      .LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-627,
      .DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-627,
      .AccountSlider .user-account-card-img.card .card-image.card-627,
      .DomesticOrderCorporate .user-account-card-img.card .card-image.card-627,
      .ForeignOrderCorporate .user-account-card-img.card .card-image.card-627 {
        background-image: url("images/cards-types/card-627.png"); }
      .LoanBalancePreviewCorporate .user-account-card-img.card .card-image.card-635,
      .SalariesPaylistCorporate .user-account-card-img.card .card-image.card-635,
      .AccountBalancePreviewCorporateV2 .user-account-card-img.card .card-image.card-635,
      .DepositBalancePreviewCorporateV2 .user-account-card-img.card .card-image.card-635,
      .CardBalancePreviewV2 .user-account-card-img.card .card-image.card-635,
      .CardBalancePreviewCorporateV3 .user-account-card-img.card .card-image.card-635,
      .LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-635,
      .DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-635,
      .AccountSlider .user-account-card-img.card .card-image.card-635,
      .DomesticOrderCorporate .user-account-card-img.card .card-image.card-635,
      .ForeignOrderCorporate .user-account-card-img.card .card-image.card-635 {
        background-image: url("images/cards-types/card-635.png"); }
      .LoanBalancePreviewCorporate .user-account-card-img.card .card-image.card-637,
      .SalariesPaylistCorporate .user-account-card-img.card .card-image.card-637,
      .AccountBalancePreviewCorporateV2 .user-account-card-img.card .card-image.card-637,
      .DepositBalancePreviewCorporateV2 .user-account-card-img.card .card-image.card-637,
      .CardBalancePreviewV2 .user-account-card-img.card .card-image.card-637,
      .CardBalancePreviewCorporateV3 .user-account-card-img.card .card-image.card-637,
      .LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-637,
      .DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-637,
      .AccountSlider .user-account-card-img.card .card-image.card-637,
      .DomesticOrderCorporate .user-account-card-img.card .card-image.card-637,
      .ForeignOrderCorporate .user-account-card-img.card .card-image.card-637 {
        background-image: url("images/cards-types/card-637.png"); }
      .LoanBalancePreviewCorporate .user-account-card-img.card .card-image.card-642,
      .SalariesPaylistCorporate .user-account-card-img.card .card-image.card-642,
      .AccountBalancePreviewCorporateV2 .user-account-card-img.card .card-image.card-642,
      .DepositBalancePreviewCorporateV2 .user-account-card-img.card .card-image.card-642,
      .CardBalancePreviewV2 .user-account-card-img.card .card-image.card-642,
      .CardBalancePreviewCorporateV3 .user-account-card-img.card .card-image.card-642,
      .LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-642,
      .DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-642,
      .AccountSlider .user-account-card-img.card .card-image.card-642,
      .DomesticOrderCorporate .user-account-card-img.card .card-image.card-642,
      .ForeignOrderCorporate .user-account-card-img.card .card-image.card-642 {
        background-image: url("images/cards-types/card-642.png"); }
      .LoanBalancePreviewCorporate .user-account-card-img.card .card-image.card-670,
      .SalariesPaylistCorporate .user-account-card-img.card .card-image.card-670,
      .AccountBalancePreviewCorporateV2 .user-account-card-img.card .card-image.card-670,
      .DepositBalancePreviewCorporateV2 .user-account-card-img.card .card-image.card-670,
      .CardBalancePreviewV2 .user-account-card-img.card .card-image.card-670,
      .CardBalancePreviewCorporateV3 .user-account-card-img.card .card-image.card-670,
      .LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-670,
      .DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-670,
      .AccountSlider .user-account-card-img.card .card-image.card-670,
      .DomesticOrderCorporate .user-account-card-img.card .card-image.card-670,
      .ForeignOrderCorporate .user-account-card-img.card .card-image.card-670 {
        background-image: url("images/cards-types/card-670.png"); }
      .LoanBalancePreviewCorporate .user-account-card-img.card .card-image.card-680,
      .SalariesPaylistCorporate .user-account-card-img.card .card-image.card-680,
      .AccountBalancePreviewCorporateV2 .user-account-card-img.card .card-image.card-680,
      .DepositBalancePreviewCorporateV2 .user-account-card-img.card .card-image.card-680,
      .CardBalancePreviewV2 .user-account-card-img.card .card-image.card-680,
      .CardBalancePreviewCorporateV3 .user-account-card-img.card .card-image.card-680,
      .LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-680,
      .DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-680,
      .AccountSlider .user-account-card-img.card .card-image.card-680,
      .DomesticOrderCorporate .user-account-card-img.card .card-image.card-680,
      .ForeignOrderCorporate .user-account-card-img.card .card-image.card-680 {
        background-image: url("images/cards-types/card-680.png"); }
      .LoanBalancePreviewCorporate .user-account-card-img.card .card-image.card-683,
      .SalariesPaylistCorporate .user-account-card-img.card .card-image.card-683,
      .AccountBalancePreviewCorporateV2 .user-account-card-img.card .card-image.card-683,
      .DepositBalancePreviewCorporateV2 .user-account-card-img.card .card-image.card-683,
      .CardBalancePreviewV2 .user-account-card-img.card .card-image.card-683,
      .CardBalancePreviewCorporateV3 .user-account-card-img.card .card-image.card-683,
      .LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-683,
      .DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-683,
      .AccountSlider .user-account-card-img.card .card-image.card-683,
      .DomesticOrderCorporate .user-account-card-img.card .card-image.card-683,
      .ForeignOrderCorporate .user-account-card-img.card .card-image.card-683 {
        background-image: url("images/cards-types/card-683.png"); }
      .LoanBalancePreviewCorporate .user-account-card-img.card .card-image.card-690,
      .SalariesPaylistCorporate .user-account-card-img.card .card-image.card-690,
      .AccountBalancePreviewCorporateV2 .user-account-card-img.card .card-image.card-690,
      .DepositBalancePreviewCorporateV2 .user-account-card-img.card .card-image.card-690,
      .CardBalancePreviewV2 .user-account-card-img.card .card-image.card-690,
      .CardBalancePreviewCorporateV3 .user-account-card-img.card .card-image.card-690,
      .LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-690,
      .DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-690,
      .AccountSlider .user-account-card-img.card .card-image.card-690,
      .DomesticOrderCorporate .user-account-card-img.card .card-image.card-690,
      .ForeignOrderCorporate .user-account-card-img.card .card-image.card-690 {
        background-image: url("images/cards-types/card-690.png"); }
      .LoanBalancePreviewCorporate .user-account-card-img.card .card-image.card-681,
      .SalariesPaylistCorporate .user-account-card-img.card .card-image.card-681,
      .AccountBalancePreviewCorporateV2 .user-account-card-img.card .card-image.card-681,
      .DepositBalancePreviewCorporateV2 .user-account-card-img.card .card-image.card-681,
      .CardBalancePreviewV2 .user-account-card-img.card .card-image.card-681,
      .CardBalancePreviewCorporateV3 .user-account-card-img.card .card-image.card-681,
      .LoanBalancePreviewV2 .user-account-card-img.card .card-image.card-681,
      .DepositBalancePreviewV2 .user-account-card-img.card .card-image.card-681,
      .AccountSlider .user-account-card-img.card .card-image.card-681,
      .DomesticOrderCorporate .user-account-card-img.card .card-image.card-681,
      .ForeignOrderCorporate .user-account-card-img.card .card-image.card-681 {
        background-image: url("images/cards-types/card-681.png"); }
  .LoanBalancePreviewCorporate .user-account-card-img.loans,
  .SalariesPaylistCorporate .user-account-card-img.loans,
  .AccountBalancePreviewCorporateV2 .user-account-card-img.loans,
  .DepositBalancePreviewCorporateV2 .user-account-card-img.loans,
  .CardBalancePreviewV2 .user-account-card-img.loans,
  .CardBalancePreviewCorporateV3 .user-account-card-img.loans,
  .LoanBalancePreviewV2 .user-account-card-img.loans,
  .DepositBalancePreviewV2 .user-account-card-img.loans,
  .AccountSlider .user-account-card-img.loans,
  .DomesticOrderCorporate .user-account-card-img.loans,
  .ForeignOrderCorporate .user-account-card-img.loans {
    width: 50px;
    height: 50px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    overflow: hidden; }
  .LoanBalancePreviewCorporate .user-account-card-img.background-5,
  .SalariesPaylistCorporate .user-account-card-img.background-5,
  .AccountBalancePreviewCorporateV2 .user-account-card-img.background-5,
  .DepositBalancePreviewCorporateV2 .user-account-card-img.background-5,
  .CardBalancePreviewV2 .user-account-card-img.background-5,
  .CardBalancePreviewCorporateV3 .user-account-card-img.background-5,
  .LoanBalancePreviewV2 .user-account-card-img.background-5,
  .DepositBalancePreviewV2 .user-account-card-img.background-5,
  .AccountSlider .user-account-card-img.background-5,
  .DomesticOrderCorporate .user-account-card-img.background-5,
  .ForeignOrderCorporate .user-account-card-img.background-5 {
    display: none; }

.DomesticOrderCorporate .user-account-card {
  border-radius: 8px; }

.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 {
  display: none; }

.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: 50% !important; }

.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;
    margin-bottom: 20px; }

.fastPayment .add-new-beneficiary-button {
  align-items: center;
  justify-content: center;
  vertical-align: top;
  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; }

.ui-dialog.details-dialog.accountsFavorites .filter-error-text {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center; }
  .ui-dialog.details-dialog.accountsFavorites .filter-error-text .filter-error-ico {
    margin-bottom: 20px;
    align-self: center; }
  .ui-dialog.details-dialog.accountsFavorites .filter-error-text .noFastPayText {
    align-self: center; }

.unusedCheques .all-accounts-popup-wrapper {
  padding: 0 !important; }

.unusedCheques,
.accountDetailsPopup,
.cardDetailsPopup,
.accountTurnoverDetails,
.cardTurnoverDetail,
.cardTurnoverDetails,
.loanDetailsPopup,
.repaymentDetails,
.reservedFundsCard,
.depositBalance,
.newMessageDialog,
.accountsList,
.annuityDetails,
.reservedFundsSlider,
.read-messages-list,
.reservedFunds,
.pendingOrders,
.installmentsList,
.TransactionDetails,
.paymentOverviewDetails,
.fastPaymentDialog,
.languageSelectDialog {
  max-height: 100% !important;
  background-color: #fff; }
  .unusedCheques .all-accounts-popup-wrapper,
  .accountDetailsPopup .all-accounts-popup-wrapper,
  .cardDetailsPopup .all-accounts-popup-wrapper,
  .accountTurnoverDetails .all-accounts-popup-wrapper,
  .cardTurnoverDetail .all-accounts-popup-wrapper,
  .cardTurnoverDetails .all-accounts-popup-wrapper,
  .loanDetailsPopup .all-accounts-popup-wrapper,
  .repaymentDetails .all-accounts-popup-wrapper,
  .reservedFundsCard .all-accounts-popup-wrapper,
  .depositBalance .all-accounts-popup-wrapper,
  .newMessageDialog .all-accounts-popup-wrapper,
  .accountsList .all-accounts-popup-wrapper,
  .annuityDetails .all-accounts-popup-wrapper,
  .reservedFundsSlider .all-accounts-popup-wrapper,
  .read-messages-list .all-accounts-popup-wrapper,
  .reservedFunds .all-accounts-popup-wrapper,
  .pendingOrders .all-accounts-popup-wrapper,
  .installmentsList .all-accounts-popup-wrapper,
  .TransactionDetails .all-accounts-popup-wrapper,
  .paymentOverviewDetails .all-accounts-popup-wrapper,
  .fastPaymentDialog .all-accounts-popup-wrapper,
  .languageSelectDialog .all-accounts-popup-wrapper {
    background-color: #fff; }
  .unusedCheques .all-account-popup-title,
  .accountDetailsPopup .all-account-popup-title,
  .cardDetailsPopup .all-account-popup-title,
  .accountTurnoverDetails .all-account-popup-title,
  .cardTurnoverDetail .all-account-popup-title,
  .cardTurnoverDetails .all-account-popup-title,
  .loanDetailsPopup .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,
  .pendingOrders .all-account-popup-title,
  .installmentsList .all-account-popup-title,
  .TransactionDetails .all-account-popup-title,
  .paymentOverviewDetails .all-account-popup-title,
  .fastPaymentDialog .all-account-popup-title,
  .languageSelectDialog .all-account-popup-title {
    position: relative;
    text-align: center;
    margin-bottom: 32px; }
    .unusedCheques .all-account-popup-title.margin4,
    .accountDetailsPopup .all-account-popup-title.margin4,
    .cardDetailsPopup .all-account-popup-title.margin4,
    .accountTurnoverDetails .all-account-popup-title.margin4,
    .cardTurnoverDetail .all-account-popup-title.margin4,
    .cardTurnoverDetails .all-account-popup-title.margin4,
    .loanDetailsPopup .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,
    .pendingOrders .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,
    .languageSelectDialog .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,
    .cardTurnoverDetail .all-account-popup-title h3,
    .cardTurnoverDetails .all-account-popup-title h3,
    .loanDetailsPopup .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,
    .pendingOrders .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,
    .languageSelectDialog .all-account-popup-title h3 {
      font-size: 18px;
      color: #121212;
      font-family: "Mark-Bold", sans-serif;
      line-height: 1.25;
      font-weight: 400; }
    .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,
    .cardTurnoverDetail .all-account-popup-title .all-account-close,
    .cardTurnoverDetails .all-account-popup-title .all-account-close,
    .loanDetailsPopup .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,
    .pendingOrders .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,
    .languageSelectDialog .all-account-popup-title .all-account-close {
      position: absolute;
      right: 0px;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      cursor: pointer;
      background-color: transparent; }
      .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,
      .cardTurnoverDetail .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,
      .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,
      .pendingOrders .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,
      .languageSelectDialog .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 .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,
  .cardTurnoverDetail .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,
  .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,
  .pendingOrders .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,
  .languageSelectDialog .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,
      .cardTurnoverDetail .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,
      .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,
      .pendingOrders .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,
      .languageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper {
        height: 64vh; }
        .unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .accountTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .cardTurnoverDetail .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .pendingOrders .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .languageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions {
          margin-top: 0%; } }
    @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,
      .cardTurnoverDetail .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,
      .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,
      .pendingOrders .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,
      .languageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper {
        height: 68vh; }
        .unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .accountTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .cardTurnoverDetail .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .cardTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .loanDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .repaymentDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .reservedFundsCard .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .depositBalance .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .newMessageDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .accountsList .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .annuityDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .reservedFundsSlider .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .read-messages-list .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .reservedFunds .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .pendingOrders .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .installmentsList .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .TransactionDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .paymentOverviewDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .fastPaymentDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions,
        .languageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .fx-conditions {
          margin-top: 70%; } }
    .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,
    .cardTurnoverDetail .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,
    .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,
    .pendingOrders .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,
    .languageSelectDialog .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,
      .cardTurnoverDetail .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,
      .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,
      .pendingOrders .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,
      .languageSelectDialog .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,
    .cardTurnoverDetail .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,
    .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,
    .pendingOrders .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,
    .languageSelectDialog .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,
        .cardTurnoverDetail .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,
        .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,
        .pendingOrders .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,
        .languageSelectDialog .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,
        .cardTurnoverDetail .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,
        .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,
        .pendingOrders .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,
        .languageSelectDialog .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,
    .cardTurnoverDetail .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,
    .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,
    .pendingOrders .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,
    .languageSelectDialog .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,
        .cardTurnoverDetail .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,
        .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,
        .pendingOrders .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,
        .languageSelectDialog .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,
    .cardTurnoverDetail .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,
    .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,
    .pendingOrders .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,
    .languageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar {
      background: transparent;
      width: 8px; }
    .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,
    .cardTurnoverDetail .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,
    .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,
    .pendingOrders .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,
    .languageSelectDialog .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,
    .cardTurnoverDetail .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,
    .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,
    .pendingOrders .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,
    .languageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper::-webkit-scrollbar-thumb {
      background-color: #e6e6e6;
      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,
    .cardTurnoverDetail .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,
    .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,
    .pendingOrders .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,
    .languageSelectDialog .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,
      .cardTurnoverDetail .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,
      .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,
      .pendingOrders .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,
      .languageSelectDialog .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,
      .cardTurnoverDetail .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,
      .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,
      .pendingOrders .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,
      .languageSelectDialog .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,
      .cardTurnoverDetail .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,
      .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,
      .pendingOrders .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,
      .languageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button {
        position: relative;
        display: block;
        padding: 18px 15px 17px 46px;
        cursor: pointer;
        background: rgba(255, 255, 255, 0.6);
        border-radius: 25px; }
        .unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark,
        .accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark,
        .cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark,
        .accountTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark,
        .cardTurnoverDetail .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,
        .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,
        .pendingOrders .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,
        .languageSelectDialog .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: #ffffff;
          -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,
          .cardTurnoverDetail .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,
          .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,
          .pendingOrders .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,
          .languageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark::after {
            content: "";
            position: absolute;
            opacity: 0;
            -webkit-transition: opacity .3s;
            transition: opacity .3s;
            width: 8px;
            height: 8px;
            top: 50%;
            left: 50%;
            border-radius: 50%;
            background: #52ae30;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
          .unusedCheques .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after,
          .accountDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after,
          .cardDetailsPopup .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after,
          .accountTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .custom-radio-button .checkmark.active::after,
          .cardTurnoverDetail .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,
          .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,
          .pendingOrders .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,
          .languageSelectDialog .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,
        .cardTurnoverDetail .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,
        .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,
        .pendingOrders .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,
        .languageSelectDialog .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,
        .cardTurnoverDetail .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,
        .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,
        .pendingOrders .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,
        .languageSelectDialog .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,
      .cardTurnoverDetail .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,
      .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,
      .pendingOrders .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,
      .languageSelectDialog .account-inter-inner-scroll .transaction-popup-details-wrapper .authType .footer-popup-cancel-btn {
        cursor: pointer;
        font-weight: 400; }
  .unusedCheques .popup-ammount-wrapper,
  .accountDetailsPopup .popup-ammount-wrapper,
  .cardDetailsPopup .popup-ammount-wrapper,
  .accountTurnoverDetails .popup-ammount-wrapper,
  .cardTurnoverDetail .popup-ammount-wrapper,
  .cardTurnoverDetails .popup-ammount-wrapper,
  .loanDetailsPopup .popup-ammount-wrapper,
  .repaymentDetails .popup-ammount-wrapper,
  .reservedFundsCard .popup-ammount-wrapper,
  .depositBalance .popup-ammount-wrapper,
  .newMessageDialog .popup-ammount-wrapper,
  .accountsList .popup-ammount-wrapper,
  .annuityDetails .popup-ammount-wrapper,
  .reservedFundsSlider .popup-ammount-wrapper,
  .read-messages-list .popup-ammount-wrapper,
  .reservedFunds .popup-ammount-wrapper,
  .pendingOrders .popup-ammount-wrapper,
  .installmentsList .popup-ammount-wrapper,
  .TransactionDetails .popup-ammount-wrapper,
  .paymentOverviewDetails .popup-ammount-wrapper,
  .fastPaymentDialog .popup-ammount-wrapper,
  .languageSelectDialog .popup-ammount-wrapper {
    display: flex;
    margin-bottom: 24px; }
    .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,
    .cardTurnoverDetail .popup-ammount-wrapper .popup-ammount-ico-wrapper,
    .cardTurnoverDetails .popup-ammount-wrapper .popup-ammount-ico-wrapper,
    .loanDetailsPopup .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,
    .pendingOrders .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,
    .languageSelectDialog .popup-ammount-wrapper .popup-ammount-ico-wrapper {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      margin-right: 24px; }
    .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,
    .cardTurnoverDetail .popup-ammount-wrapper .popup-loan-ico-wrapper,
    .cardTurnoverDetails .popup-ammount-wrapper .popup-loan-ico-wrapper,
    .loanDetailsPopup .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,
    .pendingOrders .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,
    .languageSelectDialog .popup-ammount-wrapper .popup-loan-ico-wrapper {
      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 .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,
      .cardTurnoverDetail .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,
      .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,
      .pendingOrders .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,
      .languageSelectDialog .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 .current-account-amount p,
    .accountDetailsPopup .popup-ammount-wrapper .current-account-amount p,
    .cardDetailsPopup .popup-ammount-wrapper .current-account-amount p,
    .accountTurnoverDetails .popup-ammount-wrapper .current-account-amount p,
    .cardTurnoverDetail .popup-ammount-wrapper .current-account-amount p,
    .cardTurnoverDetails .popup-ammount-wrapper .current-account-amount p,
    .loanDetailsPopup .popup-ammount-wrapper .current-account-amount p,
    .repaymentDetails .popup-ammount-wrapper .current-account-amount p,
    .reservedFundsCard .popup-ammount-wrapper .current-account-amount p,
    .depositBalance .popup-ammount-wrapper .current-account-amount p,
    .newMessageDialog .popup-ammount-wrapper .current-account-amount p,
    .accountsList .popup-ammount-wrapper .current-account-amount p,
    .annuityDetails .popup-ammount-wrapper .current-account-amount p,
    .reservedFundsSlider .popup-ammount-wrapper .current-account-amount p,
    .read-messages-list .popup-ammount-wrapper .current-account-amount p,
    .reservedFunds .popup-ammount-wrapper .current-account-amount p,
    .pendingOrders .popup-ammount-wrapper .current-account-amount p,
    .installmentsList .popup-ammount-wrapper .current-account-amount p,
    .TransactionDetails .popup-ammount-wrapper .current-account-amount p,
    .paymentOverviewDetails .popup-ammount-wrapper .current-account-amount p,
    .fastPaymentDialog .popup-ammount-wrapper .current-account-amount p,
    .languageSelectDialog .popup-ammount-wrapper .current-account-amount p {
      margin-bottom: 0px !important;
      font-size: 14px;
      color: #121212;
      font-family: "Mark-Medium", sans-serif;
      text-align: left; }
    .unusedCheques .popup-ammount-wrapper .current-account-amount h3,
    .accountDetailsPopup .popup-ammount-wrapper .current-account-amount h3,
    .cardDetailsPopup .popup-ammount-wrapper .current-account-amount h3,
    .accountTurnoverDetails .popup-ammount-wrapper .current-account-amount h3,
    .cardTurnoverDetail .popup-ammount-wrapper .current-account-amount h3,
    .cardTurnoverDetails .popup-ammount-wrapper .current-account-amount h3,
    .loanDetailsPopup .popup-ammount-wrapper .current-account-amount h3,
    .repaymentDetails .popup-ammount-wrapper .current-account-amount h3,
    .reservedFundsCard .popup-ammount-wrapper .current-account-amount h3,
    .depositBalance .popup-ammount-wrapper .current-account-amount h3,
    .newMessageDialog .popup-ammount-wrapper .current-account-amount h3,
    .accountsList .popup-ammount-wrapper .current-account-amount h3,
    .annuityDetails .popup-ammount-wrapper .current-account-amount h3,
    .reservedFundsSlider .popup-ammount-wrapper .current-account-amount h3,
    .read-messages-list .popup-ammount-wrapper .current-account-amount h3,
    .reservedFunds .popup-ammount-wrapper .current-account-amount h3,
    .pendingOrders .popup-ammount-wrapper .current-account-amount h3,
    .installmentsList .popup-ammount-wrapper .current-account-amount h3,
    .TransactionDetails .popup-ammount-wrapper .current-account-amount h3,
    .paymentOverviewDetails .popup-ammount-wrapper .current-account-amount h3,
    .fastPaymentDialog .popup-ammount-wrapper .current-account-amount h3,
    .languageSelectDialog .popup-ammount-wrapper .current-account-amount h3 {
      color: #121212;
      font-size: 26px;
      font-family: "Mark-Bold", sans-serif;
      line-height: 1.25;
      font-weight: 400px; }
    .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,
    .cardTurnoverDetail .popup-ammount-wrapper .card-detail-popup-ico,
    .cardTurnoverDetails .popup-ammount-wrapper .card-detail-popup-ico,
    .loanDetailsPopup .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,
    .pendingOrders .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,
    .languageSelectDialog .popup-ammount-wrapper .card-detail-popup-ico {
      background-image: url(images/icons/card-1.jpg);
      width: 90px;
      height: 60px;
      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: contain; }
    .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,
    .cardTurnoverDetail .popup-ammount-wrapper .card-turnover-detail-ico,
    .cardTurnoverDetails .popup-ammount-wrapper .card-turnover-detail-ico,
    .loanDetailsPopup .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,
    .pendingOrders .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,
    .languageSelectDialog .popup-ammount-wrapper .card-turnover-detail-ico {
      width: 60px;
      height: 60px;
      border-radius: 8px;
      background-color: #F3F3F3; }
      .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,
      .cardTurnoverDetail .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,
      .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,
      .pendingOrders .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,
      .languageSelectDialog .popup-ammount-wrapper .card-turnover-detail-ico .popup-ammount-ico {
        position: absolute;
        width: 36px;
        height: 36px;
        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,
    .cardTurnoverDetail .popup-ammount-wrapper .turnover-detail-ico,
    .cardTurnoverDetails .popup-ammount-wrapper .turnover-detail-ico,
    .loanDetailsPopup .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,
    .pendingOrders .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,
    .languageSelectDialog .popup-ammount-wrapper .turnover-detail-ico {
      width: 60px;
      height: 60px;
      border-radius: 8px;
      background-color: #F3F3F3;
      margin-right: 24px; }
      .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,
      .cardTurnoverDetail .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,
      .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,
      .pendingOrders .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,
      .languageSelectDialog .popup-ammount-wrapper .turnover-detail-ico .popup-ammount-ico {
        position: absolute;
        width: 36px;
        height: 36px;
        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,
    .cardTurnoverDetail .popup-ammount-wrapper h3,
    .cardTurnoverDetails .popup-ammount-wrapper h3,
    .loanDetailsPopup .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,
    .pendingOrders .popup-ammount-wrapper h3,
    .installmentsList .popup-ammount-wrapper h3,
    .TransactionDetails .popup-ammount-wrapper h3,
    .paymentOverviewDetails .popup-ammount-wrapper h3,
    .fastPaymentDialog .popup-ammount-wrapper h3,
    .languageSelectDialog .popup-ammount-wrapper h3 {
      font-size: 30px;
      margin-bottom: 10px; }
  .unusedCheques .transaction-popup-detail,
  .accountDetailsPopup .transaction-popup-detail,
  .cardDetailsPopup .transaction-popup-detail,
  .accountTurnoverDetails .transaction-popup-detail,
  .cardTurnoverDetail .transaction-popup-detail,
  .cardTurnoverDetails .transaction-popup-detail,
  .loanDetailsPopup .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,
  .pendingOrders .transaction-popup-detail,
  .installmentsList .transaction-popup-detail,
  .TransactionDetails .transaction-popup-detail,
  .paymentOverviewDetails .transaction-popup-detail,
  .fastPaymentDialog .transaction-popup-detail,
  .languageSelectDialog .transaction-popup-detail {
    position: relative;
    padding-right: 0;
    display: flex;
    flex-wrap: wrap;
    padding: 5px 0; }
    .unusedCheques .transaction-popup-detail p,
    .accountDetailsPopup .transaction-popup-detail p,
    .cardDetailsPopup .transaction-popup-detail p,
    .accountTurnoverDetails .transaction-popup-detail p,
    .cardTurnoverDetail .transaction-popup-detail p,
    .cardTurnoverDetails .transaction-popup-detail p,
    .loanDetailsPopup .transaction-popup-detail p,
    .repaymentDetails .transaction-popup-detail p,
    .reservedFundsCard .transaction-popup-detail p,
    .depositBalance .transaction-popup-detail p,
    .newMessageDialog .transaction-popup-detail p,
    .accountsList .transaction-popup-detail p,
    .annuityDetails .transaction-popup-detail p,
    .reservedFundsSlider .transaction-popup-detail p,
    .read-messages-list .transaction-popup-detail p,
    .reservedFunds .transaction-popup-detail p,
    .pendingOrders .transaction-popup-detail p,
    .installmentsList .transaction-popup-detail p,
    .TransactionDetails .transaction-popup-detail p,
    .paymentOverviewDetails .transaction-popup-detail p,
    .fastPaymentDialog .transaction-popup-detail p,
    .languageSelectDialog .transaction-popup-detail p {
      width: 48%; }
    .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,
    .cardTurnoverDetail .transaction-popup-detail .detail-border-3,
    .cardTurnoverDetails .transaction-popup-detail .detail-border-3,
    .loanDetailsPopup .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,
    .pendingOrders .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,
    .languageSelectDialog .transaction-popup-detail .detail-border-3 {
      transition: all .5;
      border-radius: 20px; }
    .unusedCheques .transaction-popup-detail:hover .detail-border-3,
    .accountDetailsPopup .transaction-popup-detail:hover .detail-border-3,
    .cardDetailsPopup .transaction-popup-detail:hover .detail-border-3,
    .accountTurnoverDetails .transaction-popup-detail:hover .detail-border-3,
    .cardTurnoverDetail .transaction-popup-detail:hover .detail-border-3,
    .cardTurnoverDetails .transaction-popup-detail:hover .detail-border-3,
    .loanDetailsPopup .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,
    .pendingOrders .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,
    .languageSelectDialog .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,
    .cardTurnoverDetail .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,
    .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,
    .pendingOrders .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,
    .languageSelectDialog .transaction-popup-detail:hover .main-nav-link-ico-svg {
      transition: all .5; }
    .unusedCheques .transaction-popup-detail .dot-menu,
    .accountDetailsPopup .transaction-popup-detail .dot-menu,
    .cardDetailsPopup .transaction-popup-detail .dot-menu,
    .accountTurnoverDetails .transaction-popup-detail .dot-menu,
    .cardTurnoverDetail .transaction-popup-detail .dot-menu,
    .cardTurnoverDetails .transaction-popup-detail .dot-menu,
    .loanDetailsPopup .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,
    .pendingOrders .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,
    .languageSelectDialog .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,
      .cardTurnoverDetail .transaction-popup-detail .dot-menu.installmentsList,
      .cardTurnoverDetail .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,
      .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,
      .pendingOrders .transaction-popup-detail .dot-menu.installmentsList,
      .pendingOrders .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,
      .languageSelectDialog .transaction-popup-detail .dot-menu.installmentsList,
      .languageSelectDialog .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,
  .cardTurnoverDetail .main-nav-link-ico-svg,
  .cardTurnoverDetails .main-nav-link-ico-svg,
  .loanDetailsPopup .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,
  .pendingOrders .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,
  .languageSelectDialog .main-nav-link-ico-svg {
    position: absolute;
    color: #121212;
    width: 20px;
    height: 20px;
    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,
  .cardTurnoverDetail .transaction-popup-option:hover .profile-text-arrow,
  .cardTurnoverDetails .transaction-popup-option:hover .profile-text-arrow,
  .loanDetailsPopup .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,
  .pendingOrders .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,
  .languageSelectDialog .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,
  .cardTurnoverDetail .transaction-popup-option .page-text,
  .cardTurnoverDetails .transaction-popup-option .page-text,
  .loanDetailsPopup .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,
  .pendingOrders .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,
  .languageSelectDialog .transaction-popup-option .page-text {
    width: -webkit-calc(100% - 90px);
    width: calc(100% - 90px);
    padding: 0 25px 0 16px; }

#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; }

.cardDetailsPopup .transaction-popup-option .block-deblock-card-details {
  background-image: url(images/icons/block-deblock-details.png);
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  position: absolute;
  background-position: 50% 50%;
  transition: all .5; }

.cardDetailsPopup .transaction-popup-option:hover .block-deblock-card-details {
  filter: invert(1); }

.cardDetailsPopup .account-item-inner .mCSB_inside > .mCSB_container,
.accountDetailsPopup .account-item-inner .mCSB_inside > .mCSB_container,
.accountTurnoverDetails .account-item-inner .mCSB_inside > .mCSB_container,
.cardTurnoverDetail .account-item-inner .mCSB_inside > .mCSB_container,
.cardTurnoverDetails .account-item-inner .mCSB_inside > .mCSB_container,
.repaymentDetails .account-item-inner .mCSB_inside > .mCSB_container,
.loanDetailsPopup .account-item-inner .mCSB_inside > .mCSB_container,
.paymentOverviewDetails .account-item-inner .mCSB_inside > .mCSB_container,
.selectLegalEntityDialog .account-item-inner .mCSB_inside > .mCSB_container {
  margin-right: 0; }

.cardDetailsPopup .account-item-inner .mCSB_container,
.accountDetailsPopup .account-item-inner .mCSB_container,
.accountTurnoverDetails .account-item-inner .mCSB_container,
.cardTurnoverDetail .account-item-inner .mCSB_container,
.cardTurnoverDetails .account-item-inner .mCSB_container,
.repaymentDetails .account-item-inner .mCSB_container,
.loanDetailsPopup .account-item-inner .mCSB_container,
.paymentOverviewDetails .account-item-inner .mCSB_container,
.selectLegalEntityDialog .account-item-inner .mCSB_container {
  padding-right: 20px; }
  .cardDetailsPopup .account-item-inner .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y,
  .accountDetailsPopup .account-item-inner .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y,
  .accountTurnoverDetails .account-item-inner .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y,
  .cardTurnoverDetail .account-item-inner .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y,
  .cardTurnoverDetails .account-item-inner .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y,
  .repaymentDetails .account-item-inner .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y,
  .loanDetailsPopup .account-item-inner .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y,
  .paymentOverviewDetails .account-item-inner .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y,
  .selectLegalEntityDialog .account-item-inner .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y {
    padding-right: 0; }

.cardDetailsPopup.templates .account-item-inner,
.accountDetailsPopup.templates .account-item-inner,
.accountTurnoverDetails.templates .account-item-inner,
.cardTurnoverDetail.templates .account-item-inner,
.cardTurnoverDetails.templates .account-item-inner,
.repaymentDetails.templates .account-item-inner,
.loanDetailsPopup.templates .account-item-inner,
.paymentOverviewDetails.templates .account-item-inner,
.selectLegalEntityDialog.templates .account-item-inner {
  padding: 0; }

.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: #121212;
    position: absolute;
    margin-right: 15px; }

.Forms_ActiveWorkflowListSOG .transaction-filter-inner .dk-select-options .dk-option:first-child {
  border-top: 1px solid #d20000; }

/*.MessageHubNotificationList {
    .transaction-filter-inner {
        .dk-select-options {
            .dk-option:first-child {
                border-top: 1px solid $color-2;
            }
        }
    }
}
*/
.AccountStatementsCorporateV2 .tableFilter,
.CardStatementsCorporateV2 .tableFilter {
  margin: 0 -8px 30px; }
  .AccountStatementsCorporateV2 .tableFilter .statementNo,
  .CardStatementsCorporateV2 .tableFilter .statementNo {
    height: 40px; }
  .AccountStatementsCorporateV2 .tableFilter .transaction-filter-inner,
  .CardStatementsCorporateV2 .tableFilter .transaction-filter-inner {
    width: calc(100% - 101px);
    position: relative; }
    .AccountStatementsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box,
    .CardStatementsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box {
      width: -webkit-calc(16.66666666666667% - 17px);
      width: calc(16.66666666666667% - 17px);
      margin: 0 4px 10px; }
      .AccountStatementsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter,
      .CardStatementsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter {
        position: relative;
        padding: 11px 0px !important;
        border-radius: 25px;
        height: 18px;
        cursor: pointer; }
        .AccountStatementsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar,
        .CardStatementsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar {
          padding: 0; }
        .AccountStatementsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input,
        .CardStatementsCorporateV2 .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; }
          .AccountStatementsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .AccountStatementsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate,
          .CardStatementsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate,
          .CardStatementsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate {
            position: relative;
            z-index: 1;
            padding: 6px 34px 6px 16px;
            border-radius: 8px;
            border: 2px solid transparent;
            background-color: transparent;
            color: #121212;
            font-family: "Mark-Regular", sans-serif;
            font-size: 16px;
            line-height: 24px;
            cursor: pointer; }
        .AccountStatementsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img,
        .CardStatementsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img {
          display: none; }
        .AccountStatementsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico,
        .CardStatementsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico {
          position: absolute;
          right: 16px;
          width: 18px;
          height: 18px; }
      .AccountStatementsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap,
      .CardStatementsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap {
        padding-left: 10px;
        border: 1px solid #DCDCDC; }
        .AccountStatementsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin, .AccountStatementsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin, .AccountStatementsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin,
        .CardStatementsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin,
        .CardStatementsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin,
        .CardStatementsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin {
          border: 1px solid #d20000 !important; }
      .AccountStatementsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-1,
      .CardStatementsCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-1 {
        height: 40px;
        padding: 0;
        border: none; }
    .AccountStatementsCorporateV2 .tableFilter .transaction-filter-inner .dk-select,
    .CardStatementsCorporateV2 .tableFilter .transaction-filter-inner .dk-select {
      font-size: 15px;
      cursor: pointer; }
    .AccountStatementsCorporateV2 .tableFilter .transaction-filter-inner .filterButton,
    .CardStatementsCorporateV2 .tableFilter .transaction-filter-inner .filterButton {
      position: absolute;
      right: -40px;
      bottom: 11px;
      width: 40px;
      height: 40px;
      box-shadow: 0px 8px 24px rgba(54, 60, 164, 0.4);
      background: none;
      border-radius: 12px;
      transition: box-shadow .5s;
      cursor: pointer; }
      .AccountStatementsCorporateV2 .tableFilter .transaction-filter-inner .filterButton:hover,
      .CardStatementsCorporateV2 .tableFilter .transaction-filter-inner .filterButton:hover {
        box-shadow: 0 0 16px rgba(0, 0, 0, 0.08); }
      .AccountStatementsCorporateV2 .tableFilter .transaction-filter-inner .filterButton button,
      .CardStatementsCorporateV2 .tableFilter .transaction-filter-inner .filterButton button {
        padding: 10px 13px;
        background-color: #d20000;
        border-radius: 20px;
        box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08) !important;
        transition: box-shadow .5s;
        font-family: "Mark-Regular", sans-serif;
        color: #FFFFFF;
        width: 80px;
        height: 40px;
        font-size: 14px;
        cursor: pointer;
        margin-left: 45px; }
        .AccountStatementsCorporateV2 .tableFilter .transaction-filter-inner .filterButton button:hover,
        .CardStatementsCorporateV2 .tableFilter .transaction-filter-inner .filterButton button:hover {
          background-color: #b20000;
          transition: background-color .5s; }
        .AccountStatementsCorporateV2 .tableFilter .transaction-filter-inner .filterButton button svg,
        .CardStatementsCorporateV2 .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; }

.AccountStatementsCorporateV2 .transaction-filter,
.CardStatementsCorporateV2 .transaction-filter {
  position: relative; }

.CardInstallmentsV2 .tableFilter .transaction-filter-inner .filterButton,
.CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .filterButton,
.AccountTurnoverCorporateV2 .tableFilter .transaction-filter-inner .filterButton,
.LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .filterButton {
  box-shadow: none !important; }
  .CardInstallmentsV2 .tableFilter .transaction-filter-inner .filterButton:hover,
  .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .filterButton:hover,
  .AccountTurnoverCorporateV2 .tableFilter .transaction-filter-inner .filterButton:hover,
  .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .filterButton:hover {
    box-shadow: none !important; }

.CardInstallmentsV2 .tableFilter .transaction-filter-inner .dk-selected,
.CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .dk-selected,
.AccountTurnoverCorporateV2 .tableFilter .transaction-filter-inner .dk-selected,
.LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .dk-selected {
  transform: none !important;
  z-index: 2; }

.CardInstallmentsV2 .input-wrap .search,
.CardTurnoverCorporateV2 .input-wrap .search,
.AccountTurnoverCorporateV2 .input-wrap .search,
.LoanAnnuityPlanCorporate .input-wrap .search {
  fill: #888; }

.CardInstallmentsV2 .input-wrap svg,
.CardTurnoverCorporateV2 .input-wrap svg,
.AccountTurnoverCorporateV2 .input-wrap svg,
.LoanAnnuityPlanCorporate .input-wrap svg {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%); }

.CardInstallmentsV2 .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.CardTurnoverCorporateV2 .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.AccountTurnoverCorporateV2 .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.LoanAnnuityPlanCorporate .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  display: none !important; }

.Forms_ActiveWorkflowListSOG,
.AccountTurnoverCorporateV2,
.CardTurnoverCorporateV2,
.CardInstallmentsV2,
.LoanRepayments,
.LoanAnnuityPlan,
.MessageHubNotificationList,
.DomesticOrderReportCorporate,
.ForeignOrderReportCorporate,
.OrderPackageReportCorporate,
.OrdersFromOrderPackagesListCorporate,
.CardTurnoverCorporateV2,
.LoanAnnuityPlanCorporate {
  margin-bottom: 20px; }
  .Forms_ActiveWorkflowListSOG .date,
  .AccountTurnoverCorporateV2 .date,
  .CardTurnoverCorporateV2 .date,
  .CardInstallmentsV2 .date,
  .LoanRepayments .date,
  .LoanAnnuityPlan .date,
  .MessageHubNotificationList .date,
  .DomesticOrderReportCorporate .date,
  .ForeignOrderReportCorporate .date,
  .OrderPackageReportCorporate .date,
  .OrdersFromOrderPackagesListCorporate .date,
  .CardTurnoverCorporateV2 .date,
  .LoanAnnuityPlanCorporate .date {
    display: inline;
    float: left;
    padding-left: 15px;
    color: rgba(0, 0, 0, 0.54); }
  .Forms_ActiveWorkflowListSOG .currencyTurnover,
  .AccountTurnoverCorporateV2 .currencyTurnover,
  .CardTurnoverCorporateV2 .currencyTurnover,
  .CardInstallmentsV2 .currencyTurnover,
  .LoanRepayments .currencyTurnover,
  .LoanAnnuityPlan .currencyTurnover,
  .MessageHubNotificationList .currencyTurnover,
  .DomesticOrderReportCorporate .currencyTurnover,
  .ForeignOrderReportCorporate .currencyTurnover,
  .OrderPackageReportCorporate .currencyTurnover,
  .OrdersFromOrderPackagesListCorporate .currencyTurnover,
  .CardTurnoverCorporateV2 .currencyTurnover,
  .LoanAnnuityPlanCorporate .currencyTurnover {
    display: inline;
    margin: 0 5px; }
  .Forms_ActiveWorkflowListSOG .s-widget-title,
  .AccountTurnoverCorporateV2 .s-widget-title,
  .CardTurnoverCorporateV2 .s-widget-title,
  .CardInstallmentsV2 .s-widget-title,
  .LoanRepayments .s-widget-title,
  .LoanAnnuityPlan .s-widget-title,
  .MessageHubNotificationList .s-widget-title,
  .DomesticOrderReportCorporate .s-widget-title,
  .ForeignOrderReportCorporate .s-widget-title,
  .OrderPackageReportCorporate .s-widget-title,
  .OrdersFromOrderPackagesListCorporate .s-widget-title,
  .CardTurnoverCorporateV2 .s-widget-title,
  .LoanAnnuityPlanCorporate .s-widget-title {
    margin-bottom: 22px; }
  .Forms_ActiveWorkflowListSOG .s-widget-body,
  .AccountTurnoverCorporateV2 .s-widget-body,
  .CardTurnoverCorporateV2 .s-widget-body,
  .CardInstallmentsV2 .s-widget-body,
  .LoanRepayments .s-widget-body,
  .LoanAnnuityPlan .s-widget-body,
  .MessageHubNotificationList .s-widget-body,
  .DomesticOrderReportCorporate .s-widget-body,
  .ForeignOrderReportCorporate .s-widget-body,
  .OrderPackageReportCorporate .s-widget-body,
  .OrdersFromOrderPackagesListCorporate .s-widget-body,
  .CardTurnoverCorporateV2 .s-widget-body,
  .LoanAnnuityPlanCorporate .s-widget-body {
    position: relative; }
  .Forms_ActiveWorkflowListSOG .s-widget-button,
  .AccountTurnoverCorporateV2 .s-widget-button,
  .CardTurnoverCorporateV2 .s-widget-button,
  .CardInstallmentsV2 .s-widget-button,
  .LoanRepayments .s-widget-button,
  .LoanAnnuityPlan .s-widget-button,
  .MessageHubNotificationList .s-widget-button,
  .DomesticOrderReportCorporate .s-widget-button,
  .ForeignOrderReportCorporate .s-widget-button,
  .OrderPackageReportCorporate .s-widget-button,
  .OrdersFromOrderPackagesListCorporate .s-widget-button,
  .CardTurnoverCorporateV2 .s-widget-button,
  .LoanAnnuityPlanCorporate .s-widget-button {
    display: none; }
  .Forms_ActiveWorkflowListSOG .dot-menu-text-wrapper.messages,
  .AccountTurnoverCorporateV2 .dot-menu-text-wrapper.messages,
  .CardTurnoverCorporateV2 .dot-menu-text-wrapper.messages,
  .CardInstallmentsV2 .dot-menu-text-wrapper.messages,
  .LoanRepayments .dot-menu-text-wrapper.messages,
  .LoanAnnuityPlan .dot-menu-text-wrapper.messages,
  .MessageHubNotificationList .dot-menu-text-wrapper.messages,
  .DomesticOrderReportCorporate .dot-menu-text-wrapper.messages,
  .ForeignOrderReportCorporate .dot-menu-text-wrapper.messages,
  .OrderPackageReportCorporate .dot-menu-text-wrapper.messages,
  .OrdersFromOrderPackagesListCorporate .dot-menu-text-wrapper.messages,
  .CardTurnoverCorporateV2 .dot-menu-text-wrapper.messages,
  .LoanAnnuityPlanCorporate .dot-menu-text-wrapper.messages {
    transform: translateY(-125px); }
  .Forms_ActiveWorkflowListSOG .tableFilter,
  .AccountTurnoverCorporateV2 .tableFilter,
  .CardTurnoverCorporateV2 .tableFilter,
  .CardInstallmentsV2 .tableFilter,
  .LoanRepayments .tableFilter,
  .LoanAnnuityPlan .tableFilter,
  .MessageHubNotificationList .tableFilter,
  .DomesticOrderReportCorporate .tableFilter,
  .ForeignOrderReportCorporate .tableFilter,
  .OrderPackageReportCorporate .tableFilter,
  .OrdersFromOrderPackagesListCorporate .tableFilter,
  .CardTurnoverCorporateV2 .tableFilter,
  .LoanAnnuityPlanCorporate .tableFilter {
    margin: 0 -8px 30px;
    float: none; }
    .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner,
    .AccountTurnoverCorporateV2 .tableFilter .transaction-filter-inner,
    .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner,
    .CardInstallmentsV2 .tableFilter .transaction-filter-inner,
    .LoanRepayments .tableFilter .transaction-filter-inner,
    .LoanAnnuityPlan .tableFilter .transaction-filter-inner,
    .MessageHubNotificationList .tableFilter .transaction-filter-inner,
    .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner,
    .ForeignOrderReportCorporate .tableFilter .transaction-filter-inner,
    .OrderPackageReportCorporate .tableFilter .transaction-filter-inner,
    .OrdersFromOrderPackagesListCorporate .tableFilter .transaction-filter-inner,
    .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner,
    .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner {
      width: calc(100% - 40px);
      position: relative; }
      .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box,
      .AccountTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box,
      .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box,
      .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box,
      .LoanRepayments .tableFilter .transaction-filter-inner .transaction-filter-box,
      .LoanAnnuityPlan .tableFilter .transaction-filter-inner .transaction-filter-box,
      .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box,
      .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box,
      .ForeignOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box,
      .OrderPackageReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box,
      .OrdersFromOrderPackagesListCorporate .tableFilter .transaction-filter-inner .transaction-filter-box,
      .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box,
      .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .transaction-filter-box {
        width: -webkit-calc(16.66666666666667% - 17px);
        width: calc(16.66666666666667% - 17px);
        margin: 0 8px 10px; }
        .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter,
        .AccountTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter,
        .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter,
        .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter,
        .LoanRepayments .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter,
        .LoanAnnuityPlan .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter,
        .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter,
        .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter,
        .ForeignOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter,
        .OrderPackageReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter,
        .OrdersFromOrderPackagesListCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter,
        .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter,
        .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter {
          position: relative;
          padding: 11px 0px !important;
          border-radius: 8px;
          height: 18px;
          cursor: pointer;
          background-color: #F3F3F3; }
          .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar,
          .AccountTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar,
          .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar,
          .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar,
          .LoanRepayments .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar,
          .LoanAnnuityPlan .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar,
          .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar,
          .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar,
          .ForeignOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar,
          .OrderPackageReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar,
          .OrdersFromOrderPackagesListCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar,
          .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar,
          .LoanAnnuityPlanCorporate .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,
          .AccountTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input,
          .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input,
          .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input,
          .LoanRepayments .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input,
          .LoanAnnuityPlan .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input,
          .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input,
          .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input,
          .ForeignOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input,
          .OrderPackageReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input,
          .OrdersFromOrderPackagesListCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input,
          .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input,
          .LoanAnnuityPlanCorporate .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,
            .AccountTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate,
            .AccountTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate,
            .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate,
            .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate,
            .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate,
            .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate,
            .LoanRepayments .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate,
            .LoanRepayments .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate,
            .LoanAnnuityPlan .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate,
            .LoanAnnuityPlan .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate,
            .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate,
            .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate,
            .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate,
            .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate,
            .ForeignOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate,
            .ForeignOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate,
            .OrderPackageReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate,
            .OrderPackageReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate,
            .OrdersFromOrderPackagesListCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate,
            .OrdersFromOrderPackagesListCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate,
            .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate,
            .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate,
            .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate,
            .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate {
              position: relative;
              z-index: 1;
              padding: 6px 34px 6px 16px;
              border-radius: 8px;
              border: 2px solid transparent;
              background-color: transparent;
              color: #121212;
              font-family: "Mark-Regular", sans-serif;
              font-size: 16px;
              line-height: 24px;
              cursor: pointer; }
          .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img,
          .AccountTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img,
          .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img,
          .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img,
          .LoanRepayments .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img,
          .LoanAnnuityPlan .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img,
          .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img,
          .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img,
          .ForeignOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img,
          .OrderPackageReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img,
          .OrdersFromOrderPackagesListCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img,
          .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img,
          .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img {
            display: none !important; }
          .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico,
          .AccountTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico,
          .CardTurnoverCorporateV2 .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,
          .LoanRepayments .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico,
          .LoanAnnuityPlan .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico,
          .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico,
          .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico,
          .ForeignOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico,
          .OrderPackageReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico,
          .OrdersFromOrderPackagesListCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico,
          .CardTurnoverCorporateV2 .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 {
            position: absolute;
            right: 16px;
            width: 18px;
            height: 18px; }
          .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter svg,
          .AccountTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter svg,
          .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter svg,
          .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter svg,
          .LoanRepayments .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter svg,
          .LoanAnnuityPlan .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter svg,
          .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter svg,
          .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter svg,
          .ForeignOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter svg,
          .OrderPackageReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter svg,
          .OrdersFromOrderPackagesListCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter svg,
          .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter svg,
          .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter svg {
            width: 22px;
            height: 20px; }
        .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin .input-1, .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin .input-1, .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin .input-1,
        .AccountTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin .input-1,
        .AccountTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin .input-1,
        .AccountTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin .input-1,
        .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin .input-1,
        .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin .input-1,
        .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin .input-1,
        .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin .input-1,
        .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin .input-1,
        .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin .input-1,
        .LoanRepayments .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin .input-1,
        .LoanRepayments .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin .input-1,
        .LoanRepayments .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin .input-1,
        .LoanAnnuityPlan .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin .input-1,
        .LoanAnnuityPlan .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin .input-1,
        .LoanAnnuityPlan .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin .input-1,
        .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin .input-1,
        .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin .input-1,
        .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin .input-1,
        .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin .input-1,
        .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin .input-1,
        .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin .input-1,
        .ForeignOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin .input-1,
        .ForeignOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin .input-1,
        .ForeignOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin .input-1,
        .OrderPackageReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin .input-1,
        .OrderPackageReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin .input-1,
        .OrderPackageReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin .input-1,
        .OrdersFromOrderPackagesListCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin .input-1,
        .OrdersFromOrderPackagesListCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin .input-1,
        .OrdersFromOrderPackagesListCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin .input-1,
        .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin .input-1,
        .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin .input-1,
        .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin .input-1,
        .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.first-wrap.focusin .input-1,
        .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.second-wrap.focusin .input-1,
        .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.third-wrap.focusin .input-1 {
          border: 2px solid #121212 !important; }
        .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .input-1,
        .AccountTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-1,
        .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-1,
        .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-1,
        .LoanRepayments .tableFilter .transaction-filter-inner .transaction-filter-box .input-1,
        .LoanAnnuityPlan .tableFilter .transaction-filter-inner .transaction-filter-box .input-1,
        .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .input-1,
        .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-1,
        .ForeignOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-1,
        .OrderPackageReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-1,
        .OrdersFromOrderPackagesListCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-1,
        .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-1,
        .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-1 {
          height: 40px;
          padding: 0;
          border: none;
          border: 2px solid transparent;
          border-radius: 8px;
          background-color: #F3F3F3;
          color: #121212;
          font-size: 16px;
          font-family: "Mark-Regular", sans-serif;
          line-height: 1.5;
          padding-left: 12px; }
        .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.transaction-filter,
        .AccountTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.transaction-filter,
        .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.transaction-filter,
        .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.transaction-filter,
        .LoanRepayments .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.transaction-filter,
        .LoanAnnuityPlan .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.transaction-filter,
        .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.transaction-filter,
        .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.transaction-filter,
        .ForeignOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.transaction-filter,
        .OrderPackageReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.transaction-filter,
        .OrdersFromOrderPackagesListCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.transaction-filter,
        .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.transaction-filter,
        .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap.transaction-filter {
          border: none;
          background-color: #f3f3f3; }
      .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .dk-select,
      .AccountTurnoverCorporateV2 .tableFilter .transaction-filter-inner .dk-select,
      .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .dk-select,
      .CardInstallmentsV2 .tableFilter .transaction-filter-inner .dk-select,
      .LoanRepayments .tableFilter .transaction-filter-inner .dk-select,
      .LoanAnnuityPlan .tableFilter .transaction-filter-inner .dk-select,
      .MessageHubNotificationList .tableFilter .transaction-filter-inner .dk-select,
      .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .dk-select,
      .ForeignOrderReportCorporate .tableFilter .transaction-filter-inner .dk-select,
      .OrderPackageReportCorporate .tableFilter .transaction-filter-inner .dk-select,
      .OrdersFromOrderPackagesListCorporate .tableFilter .transaction-filter-inner .dk-select,
      .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .dk-select,
      .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .dk-select {
        font-size: 15px;
        cursor: pointer; }
      .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .filterButton,
      .AccountTurnoverCorporateV2 .tableFilter .transaction-filter-inner .filterButton,
      .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .filterButton,
      .CardInstallmentsV2 .tableFilter .transaction-filter-inner .filterButton,
      .LoanRepayments .tableFilter .transaction-filter-inner .filterButton,
      .LoanAnnuityPlan .tableFilter .transaction-filter-inner .filterButton,
      .MessageHubNotificationList .tableFilter .transaction-filter-inner .filterButton,
      .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .filterButton,
      .ForeignOrderReportCorporate .tableFilter .transaction-filter-inner .filterButton,
      .OrderPackageReportCorporate .tableFilter .transaction-filter-inner .filterButton,
      .OrdersFromOrderPackagesListCorporate .tableFilter .transaction-filter-inner .filterButton,
      .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .filterButton,
      .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .filterButton {
        position: absolute;
        right: 0px;
        bottom: 11px;
        width: 40px;
        height: 40px;
        box-shadow: 0px 8px 24px rgba(54, 60, 164, 0.4);
        background: none;
        border-radius: 12px;
        transition: box-shadow .5s;
        cursor: pointer; }
        .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .filterButton:hover,
        .AccountTurnoverCorporateV2 .tableFilter .transaction-filter-inner .filterButton:hover,
        .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .filterButton:hover,
        .CardInstallmentsV2 .tableFilter .transaction-filter-inner .filterButton:hover,
        .LoanRepayments .tableFilter .transaction-filter-inner .filterButton:hover,
        .LoanAnnuityPlan .tableFilter .transaction-filter-inner .filterButton:hover,
        .MessageHubNotificationList .tableFilter .transaction-filter-inner .filterButton:hover,
        .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .filterButton:hover,
        .ForeignOrderReportCorporate .tableFilter .transaction-filter-inner .filterButton:hover,
        .OrderPackageReportCorporate .tableFilter .transaction-filter-inner .filterButton:hover,
        .OrdersFromOrderPackagesListCorporate .tableFilter .transaction-filter-inner .filterButton:hover,
        .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .filterButton:hover,
        .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .filterButton:hover {
          box-shadow: 0 0 16px rgba(0, 0, 0, 0.08); }
        .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .filterButton button,
        .AccountTurnoverCorporateV2 .tableFilter .transaction-filter-inner .filterButton button,
        .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .filterButton button,
        .CardInstallmentsV2 .tableFilter .transaction-filter-inner .filterButton button,
        .LoanRepayments .tableFilter .transaction-filter-inner .filterButton button,
        .LoanAnnuityPlan .tableFilter .transaction-filter-inner .filterButton button,
        .MessageHubNotificationList .tableFilter .transaction-filter-inner .filterButton button,
        .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .filterButton button,
        .ForeignOrderReportCorporate .tableFilter .transaction-filter-inner .filterButton button,
        .OrderPackageReportCorporate .tableFilter .transaction-filter-inner .filterButton button,
        .OrdersFromOrderPackagesListCorporate .tableFilter .transaction-filter-inner .filterButton button,
        .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .filterButton button,
        .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .filterButton button {
          padding: 10px 13px;
          background-color: #d20000;
          border-radius: 8px;
          box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08) !important;
          transition: box-shadow .5s;
          font-family: "Mark-Regular", sans-serif;
          color: #FFFFFF;
          font-size: 14px;
          cursor: pointer;
          margin-left: 45px; }
          .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .filterButton button:hover,
          .AccountTurnoverCorporateV2 .tableFilter .transaction-filter-inner .filterButton button:hover,
          .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .filterButton button:hover,
          .CardInstallmentsV2 .tableFilter .transaction-filter-inner .filterButton button:hover,
          .LoanRepayments .tableFilter .transaction-filter-inner .filterButton button:hover,
          .LoanAnnuityPlan .tableFilter .transaction-filter-inner .filterButton button:hover,
          .MessageHubNotificationList .tableFilter .transaction-filter-inner .filterButton button:hover,
          .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .filterButton button:hover,
          .ForeignOrderReportCorporate .tableFilter .transaction-filter-inner .filterButton button:hover,
          .OrderPackageReportCorporate .tableFilter .transaction-filter-inner .filterButton button:hover,
          .OrdersFromOrderPackagesListCorporate .tableFilter .transaction-filter-inner .filterButton button:hover,
          .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .filterButton button:hover,
          .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .filterButton button:hover {
            background-color: #b40000;
            transition: background-color .5s; }
          .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .filterButton button svg,
          .AccountTurnoverCorporateV2 .tableFilter .transaction-filter-inner .filterButton button svg,
          .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .filterButton button svg,
          .CardInstallmentsV2 .tableFilter .transaction-filter-inner .filterButton button svg,
          .LoanRepayments .tableFilter .transaction-filter-inner .filterButton button svg,
          .LoanAnnuityPlan .tableFilter .transaction-filter-inner .filterButton button svg,
          .MessageHubNotificationList .tableFilter .transaction-filter-inner .filterButton button svg,
          .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .filterButton button svg,
          .ForeignOrderReportCorporate .tableFilter .transaction-filter-inner .filterButton button svg,
          .OrderPackageReportCorporate .tableFilter .transaction-filter-inner .filterButton button svg,
          .OrdersFromOrderPackagesListCorporate .tableFilter .transaction-filter-inner .filterButton button svg,
          .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .filterButton button svg,
          .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .filterButton button svg {
            width: 24px;
            height: 24px;
            position: absolute;
            top: 50%;
            left: unset;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            fill: #FFFFFF; }
  .Forms_ActiveWorkflowListSOG .gvCardTurnover .clientGridPager,
  .AccountTurnoverCorporateV2 .gvCardTurnover .clientGridPager,
  .CardTurnoverCorporateV2 .gvCardTurnover .clientGridPager,
  .CardInstallmentsV2 .gvCardTurnover .clientGridPager,
  .LoanRepayments .gvCardTurnover .clientGridPager,
  .LoanAnnuityPlan .gvCardTurnover .clientGridPager,
  .MessageHubNotificationList .gvCardTurnover .clientGridPager,
  .DomesticOrderReportCorporate .gvCardTurnover .clientGridPager,
  .ForeignOrderReportCorporate .gvCardTurnover .clientGridPager,
  .OrderPackageReportCorporate .gvCardTurnover .clientGridPager,
  .OrdersFromOrderPackagesListCorporate .gvCardTurnover .clientGridPager,
  .CardTurnoverCorporateV2 .gvCardTurnover .clientGridPager,
  .LoanAnnuityPlanCorporate .gvCardTurnover .clientGridPager {
    display: flex; }
  .Forms_ActiveWorkflowListSOG .gvCardTurnover table tbody tr:hover,
  .AccountTurnoverCorporateV2 .gvCardTurnover table tbody tr:hover,
  .CardTurnoverCorporateV2 .gvCardTurnover table tbody tr:hover,
  .CardInstallmentsV2 .gvCardTurnover table tbody tr:hover,
  .LoanRepayments .gvCardTurnover table tbody tr:hover,
  .LoanAnnuityPlan .gvCardTurnover table tbody tr:hover,
  .MessageHubNotificationList .gvCardTurnover table tbody tr:hover,
  .DomesticOrderReportCorporate .gvCardTurnover table tbody tr:hover,
  .ForeignOrderReportCorporate .gvCardTurnover table tbody tr:hover,
  .OrderPackageReportCorporate .gvCardTurnover table tbody tr:hover,
  .OrdersFromOrderPackagesListCorporate .gvCardTurnover table tbody tr:hover,
  .CardTurnoverCorporateV2 .gvCardTurnover table tbody tr:hover,
  .LoanAnnuityPlanCorporate .gvCardTurnover table tbody tr:hover {
    background-color: #F3F3F3; }
  .Forms_ActiveWorkflowListSOG .gvCardTurnover table tbody tr td,
  .AccountTurnoverCorporateV2 .gvCardTurnover table tbody tr td,
  .CardTurnoverCorporateV2 .gvCardTurnover table tbody tr td,
  .CardInstallmentsV2 .gvCardTurnover table tbody tr td,
  .LoanRepayments .gvCardTurnover table tbody tr td,
  .LoanAnnuityPlan .gvCardTurnover table tbody tr td,
  .MessageHubNotificationList .gvCardTurnover table tbody tr td,
  .DomesticOrderReportCorporate .gvCardTurnover table tbody tr td,
  .ForeignOrderReportCorporate .gvCardTurnover table tbody tr td,
  .OrderPackageReportCorporate .gvCardTurnover table tbody tr td,
  .OrdersFromOrderPackagesListCorporate .gvCardTurnover table tbody tr td,
  .CardTurnoverCorporateV2 .gvCardTurnover table tbody tr td,
  .LoanAnnuityPlanCorporate .gvCardTurnover table tbody tr td {
    line-height: unset; }
    .Forms_ActiveWorkflowListSOG .gvCardTurnover table tbody tr td:nth-child(2),
    .AccountTurnoverCorporateV2 .gvCardTurnover table tbody tr td:nth-child(2),
    .CardTurnoverCorporateV2 .gvCardTurnover table tbody tr td:nth-child(2),
    .CardInstallmentsV2 .gvCardTurnover table tbody tr td:nth-child(2),
    .LoanRepayments .gvCardTurnover table tbody tr td:nth-child(2),
    .LoanAnnuityPlan .gvCardTurnover table tbody tr td:nth-child(2),
    .MessageHubNotificationList .gvCardTurnover table tbody tr td:nth-child(2),
    .DomesticOrderReportCorporate .gvCardTurnover table tbody tr td:nth-child(2),
    .ForeignOrderReportCorporate .gvCardTurnover table tbody tr td:nth-child(2),
    .OrderPackageReportCorporate .gvCardTurnover table tbody tr td:nth-child(2),
    .OrdersFromOrderPackagesListCorporate .gvCardTurnover table tbody tr td:nth-child(2),
    .CardTurnoverCorporateV2 .gvCardTurnover table tbody tr td:nth-child(2),
    .LoanAnnuityPlanCorporate .gvCardTurnover table tbody tr td:nth-child(2) {
      width: 25.5%;
      padding-left: 15px; }
      .Forms_ActiveWorkflowListSOG .gvCardTurnover table tbody tr td:nth-child(2) span,
      .AccountTurnoverCorporateV2 .gvCardTurnover table tbody tr td:nth-child(2) span,
      .CardTurnoverCorporateV2 .gvCardTurnover table tbody tr td:nth-child(2) span,
      .CardInstallmentsV2 .gvCardTurnover table tbody tr td:nth-child(2) span,
      .LoanRepayments .gvCardTurnover table tbody tr td:nth-child(2) span,
      .LoanAnnuityPlan .gvCardTurnover table tbody tr td:nth-child(2) span,
      .MessageHubNotificationList .gvCardTurnover table tbody tr td:nth-child(2) span,
      .DomesticOrderReportCorporate .gvCardTurnover table tbody tr td:nth-child(2) span,
      .ForeignOrderReportCorporate .gvCardTurnover table tbody tr td:nth-child(2) span,
      .OrderPackageReportCorporate .gvCardTurnover table tbody tr td:nth-child(2) span,
      .OrdersFromOrderPackagesListCorporate .gvCardTurnover table tbody tr td:nth-child(2) span,
      .CardTurnoverCorporateV2 .gvCardTurnover table tbody tr td:nth-child(2) span,
      .LoanAnnuityPlanCorporate .gvCardTurnover table tbody tr td:nth-child(2) span {
        border-top-left-radius: 31px;
        border-bottom-left-radius: 31px; }
    .Forms_ActiveWorkflowListSOG .gvCardTurnover table tbody tr td:last-child,
    .AccountTurnoverCorporateV2 .gvCardTurnover table tbody tr td:last-child,
    .CardTurnoverCorporateV2 .gvCardTurnover table tbody tr td:last-child,
    .CardInstallmentsV2 .gvCardTurnover table tbody tr td:last-child,
    .LoanRepayments .gvCardTurnover table tbody tr td:last-child,
    .LoanAnnuityPlan .gvCardTurnover table tbody tr td:last-child,
    .MessageHubNotificationList .gvCardTurnover table tbody tr td:last-child,
    .DomesticOrderReportCorporate .gvCardTurnover table tbody tr td:last-child,
    .ForeignOrderReportCorporate .gvCardTurnover table tbody tr td:last-child,
    .OrderPackageReportCorporate .gvCardTurnover table tbody tr td:last-child,
    .OrdersFromOrderPackagesListCorporate .gvCardTurnover table tbody tr td:last-child,
    .CardTurnoverCorporateV2 .gvCardTurnover table tbody tr td:last-child,
    .LoanAnnuityPlanCorporate .gvCardTurnover table tbody tr td:last-child {
      width: 10%; }
      .Forms_ActiveWorkflowListSOG .gvCardTurnover table tbody tr td:last-child .tablesaw-cell-content,
      .AccountTurnoverCorporateV2 .gvCardTurnover table tbody tr td:last-child .tablesaw-cell-content,
      .CardTurnoverCorporateV2 .gvCardTurnover table tbody tr td:last-child .tablesaw-cell-content,
      .CardInstallmentsV2 .gvCardTurnover table tbody tr td:last-child .tablesaw-cell-content,
      .LoanRepayments .gvCardTurnover table tbody tr td:last-child .tablesaw-cell-content,
      .LoanAnnuityPlan .gvCardTurnover table tbody tr td:last-child .tablesaw-cell-content,
      .MessageHubNotificationList .gvCardTurnover table tbody tr td:last-child .tablesaw-cell-content,
      .DomesticOrderReportCorporate .gvCardTurnover table tbody tr td:last-child .tablesaw-cell-content,
      .ForeignOrderReportCorporate .gvCardTurnover table tbody tr td:last-child .tablesaw-cell-content,
      .OrderPackageReportCorporate .gvCardTurnover table tbody tr td:last-child .tablesaw-cell-content,
      .OrdersFromOrderPackagesListCorporate .gvCardTurnover table tbody tr td:last-child .tablesaw-cell-content,
      .CardTurnoverCorporateV2 .gvCardTurnover table tbody tr td:last-child .tablesaw-cell-content,
      .LoanAnnuityPlanCorporate .gvCardTurnover table tbody tr td:last-child .tablesaw-cell-content {
        justify-content: end !important; }
    .Forms_ActiveWorkflowListSOG .gvCardTurnover table tbody tr td .date,
    .AccountTurnoverCorporateV2 .gvCardTurnover table tbody tr td .date,
    .CardTurnoverCorporateV2 .gvCardTurnover table tbody tr td .date,
    .CardInstallmentsV2 .gvCardTurnover table tbody tr td .date,
    .LoanRepayments .gvCardTurnover table tbody tr td .date,
    .LoanAnnuityPlan .gvCardTurnover table tbody tr td .date,
    .MessageHubNotificationList .gvCardTurnover table tbody tr td .date,
    .DomesticOrderReportCorporate .gvCardTurnover table tbody tr td .date,
    .ForeignOrderReportCorporate .gvCardTurnover table tbody tr td .date,
    .OrderPackageReportCorporate .gvCardTurnover table tbody tr td .date,
    .OrdersFromOrderPackagesListCorporate .gvCardTurnover table tbody tr td .date,
    .CardTurnoverCorporateV2 .gvCardTurnover table tbody tr td .date,
    .LoanAnnuityPlanCorporate .gvCardTurnover table tbody tr td .date {
      font-size: 15px; }
    .Forms_ActiveWorkflowListSOG .gvCardTurnover table tbody tr td .tablesaw-cell-content,
    .AccountTurnoverCorporateV2 .gvCardTurnover table tbody tr td .tablesaw-cell-content,
    .CardTurnoverCorporateV2 .gvCardTurnover table tbody tr td .tablesaw-cell-content,
    .CardInstallmentsV2 .gvCardTurnover table tbody tr td .tablesaw-cell-content,
    .LoanRepayments .gvCardTurnover table tbody tr td .tablesaw-cell-content,
    .LoanAnnuityPlan .gvCardTurnover table tbody tr td .tablesaw-cell-content,
    .MessageHubNotificationList .gvCardTurnover table tbody tr td .tablesaw-cell-content,
    .DomesticOrderReportCorporate .gvCardTurnover table tbody tr td .tablesaw-cell-content,
    .ForeignOrderReportCorporate .gvCardTurnover table tbody tr td .tablesaw-cell-content,
    .OrderPackageReportCorporate .gvCardTurnover table tbody tr td .tablesaw-cell-content,
    .OrdersFromOrderPackagesListCorporate .gvCardTurnover table tbody tr td .tablesaw-cell-content,
    .CardTurnoverCorporateV2 .gvCardTurnover table tbody tr td .tablesaw-cell-content,
    .LoanAnnuityPlanCorporate .gvCardTurnover table tbody tr td .tablesaw-cell-content {
      font-size: 15px; }
  .Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlan .clientGridPager,
  .AccountTurnoverCorporateV2 #gvLoanAnnuityPlan .clientGridPager,
  .CardTurnoverCorporateV2 #gvLoanAnnuityPlan .clientGridPager,
  .CardInstallmentsV2 #gvLoanAnnuityPlan .clientGridPager,
  .LoanRepayments #gvLoanAnnuityPlan .clientGridPager,
  .LoanAnnuityPlan #gvLoanAnnuityPlan .clientGridPager,
  .MessageHubNotificationList #gvLoanAnnuityPlan .clientGridPager,
  .DomesticOrderReportCorporate #gvLoanAnnuityPlan .clientGridPager,
  .ForeignOrderReportCorporate #gvLoanAnnuityPlan .clientGridPager,
  .OrderPackageReportCorporate #gvLoanAnnuityPlan .clientGridPager,
  .OrdersFromOrderPackagesListCorporate #gvLoanAnnuityPlan .clientGridPager,
  .CardTurnoverCorporateV2 #gvLoanAnnuityPlan .clientGridPager,
  .LoanAnnuityPlanCorporate #gvLoanAnnuityPlan .clientGridPager {
    display: flex !important; }
  .Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlan thead,
  .AccountTurnoverCorporateV2 #gvLoanAnnuityPlan thead,
  .CardTurnoverCorporateV2 #gvLoanAnnuityPlan thead,
  .CardInstallmentsV2 #gvLoanAnnuityPlan thead,
  .LoanRepayments #gvLoanAnnuityPlan thead,
  .LoanAnnuityPlan #gvLoanAnnuityPlan thead,
  .MessageHubNotificationList #gvLoanAnnuityPlan thead,
  .DomesticOrderReportCorporate #gvLoanAnnuityPlan thead,
  .ForeignOrderReportCorporate #gvLoanAnnuityPlan thead,
  .OrderPackageReportCorporate #gvLoanAnnuityPlan thead,
  .OrdersFromOrderPackagesListCorporate #gvLoanAnnuityPlan thead,
  .CardTurnoverCorporateV2 #gvLoanAnnuityPlan thead,
  .LoanAnnuityPlanCorporate #gvLoanAnnuityPlan thead {
    border-bottom: 1px solid #C7C7C7 !important; }
  .Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlan .clientGrid tbody:before,
  .AccountTurnoverCorporateV2 #gvLoanAnnuityPlan .clientGrid tbody:before,
  .CardTurnoverCorporateV2 #gvLoanAnnuityPlan .clientGrid tbody:before,
  .CardInstallmentsV2 #gvLoanAnnuityPlan .clientGrid tbody:before,
  .LoanRepayments #gvLoanAnnuityPlan .clientGrid tbody:before,
  .LoanAnnuityPlan #gvLoanAnnuityPlan .clientGrid tbody:before,
  .MessageHubNotificationList #gvLoanAnnuityPlan .clientGrid tbody:before,
  .DomesticOrderReportCorporate #gvLoanAnnuityPlan .clientGrid tbody:before,
  .ForeignOrderReportCorporate #gvLoanAnnuityPlan .clientGrid tbody:before,
  .OrderPackageReportCorporate #gvLoanAnnuityPlan .clientGrid tbody:before,
  .OrdersFromOrderPackagesListCorporate #gvLoanAnnuityPlan .clientGrid tbody:before,
  .CardTurnoverCorporateV2 #gvLoanAnnuityPlan .clientGrid tbody:before,
  .LoanAnnuityPlanCorporate #gvLoanAnnuityPlan .clientGrid tbody:before {
    content: "@";
    display: block;
    line-height: 20px;
    text-indent: -99999px; }
  .Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlan table tbody tr:hover,
  .AccountTurnoverCorporateV2 #gvLoanAnnuityPlan table tbody tr:hover,
  .CardTurnoverCorporateV2 #gvLoanAnnuityPlan table tbody tr:hover,
  .CardInstallmentsV2 #gvLoanAnnuityPlan table tbody tr:hover,
  .LoanRepayments #gvLoanAnnuityPlan table tbody tr:hover,
  .LoanAnnuityPlan #gvLoanAnnuityPlan table tbody tr:hover,
  .MessageHubNotificationList #gvLoanAnnuityPlan table tbody tr:hover,
  .DomesticOrderReportCorporate #gvLoanAnnuityPlan table tbody tr:hover,
  .ForeignOrderReportCorporate #gvLoanAnnuityPlan table tbody tr:hover,
  .OrderPackageReportCorporate #gvLoanAnnuityPlan table tbody tr:hover,
  .OrdersFromOrderPackagesListCorporate #gvLoanAnnuityPlan table tbody tr:hover,
  .CardTurnoverCorporateV2 #gvLoanAnnuityPlan table tbody tr:hover,
  .LoanAnnuityPlanCorporate #gvLoanAnnuityPlan table tbody tr:hover {
    background-color: #F3F3F3; }
  .Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlan table tbody tr:first-child,
  .AccountTurnoverCorporateV2 #gvLoanAnnuityPlan table tbody tr:first-child,
  .CardTurnoverCorporateV2 #gvLoanAnnuityPlan table tbody tr:first-child,
  .CardInstallmentsV2 #gvLoanAnnuityPlan table tbody tr:first-child,
  .LoanRepayments #gvLoanAnnuityPlan table tbody tr:first-child,
  .LoanAnnuityPlan #gvLoanAnnuityPlan table tbody tr:first-child,
  .MessageHubNotificationList #gvLoanAnnuityPlan table tbody tr:first-child,
  .DomesticOrderReportCorporate #gvLoanAnnuityPlan table tbody tr:first-child,
  .ForeignOrderReportCorporate #gvLoanAnnuityPlan table tbody tr:first-child,
  .OrderPackageReportCorporate #gvLoanAnnuityPlan table tbody tr:first-child,
  .OrdersFromOrderPackagesListCorporate #gvLoanAnnuityPlan table tbody tr:first-child,
  .CardTurnoverCorporateV2 #gvLoanAnnuityPlan table tbody tr:first-child,
  .LoanAnnuityPlanCorporate #gvLoanAnnuityPlan table tbody tr:first-child {
    border-top: none !important; }
  .Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlan table tbody tr td:nth-child(2),
  .AccountTurnoverCorporateV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(2),
  .CardTurnoverCorporateV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(2),
  .CardInstallmentsV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(2),
  .LoanRepayments #gvLoanAnnuityPlan table tbody tr td:nth-child(2),
  .LoanAnnuityPlan #gvLoanAnnuityPlan table tbody tr td:nth-child(2),
  .MessageHubNotificationList #gvLoanAnnuityPlan table tbody tr td:nth-child(2),
  .DomesticOrderReportCorporate #gvLoanAnnuityPlan table tbody tr td:nth-child(2),
  .ForeignOrderReportCorporate #gvLoanAnnuityPlan table tbody tr td:nth-child(2),
  .OrderPackageReportCorporate #gvLoanAnnuityPlan table tbody tr td:nth-child(2),
  .OrdersFromOrderPackagesListCorporate #gvLoanAnnuityPlan table tbody tr td:nth-child(2),
  .CardTurnoverCorporateV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(2),
  .LoanAnnuityPlanCorporate #gvLoanAnnuityPlan table tbody tr td:nth-child(2) {
    width: 13%;
    border-top-left-radius: 31px;
    border-bottom-left-radius: 31px; }
    .Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlan table tbody tr td:nth-child(2) span,
    .AccountTurnoverCorporateV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(2) span,
    .CardTurnoverCorporateV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(2) span,
    .CardInstallmentsV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(2) span,
    .LoanRepayments #gvLoanAnnuityPlan table tbody tr td:nth-child(2) span,
    .LoanAnnuityPlan #gvLoanAnnuityPlan table tbody tr td:nth-child(2) span,
    .MessageHubNotificationList #gvLoanAnnuityPlan table tbody tr td:nth-child(2) span,
    .DomesticOrderReportCorporate #gvLoanAnnuityPlan table tbody tr td:nth-child(2) span,
    .ForeignOrderReportCorporate #gvLoanAnnuityPlan table tbody tr td:nth-child(2) span,
    .OrderPackageReportCorporate #gvLoanAnnuityPlan table tbody tr td:nth-child(2) span,
    .OrdersFromOrderPackagesListCorporate #gvLoanAnnuityPlan table tbody tr td:nth-child(2) span,
    .CardTurnoverCorporateV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(2) span,
    .LoanAnnuityPlanCorporate #gvLoanAnnuityPlan table tbody tr td:nth-child(2) span {
      border-top-left-radius: 31px;
      border-bottom-left-radius: 31px; }
  .Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlan table tbody tr td:nth-child(6), .Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlan table tbody tr td:nth-child(8),
  .AccountTurnoverCorporateV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(6),
  .AccountTurnoverCorporateV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(8),
  .CardTurnoverCorporateV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(6),
  .CardTurnoverCorporateV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(8),
  .CardInstallmentsV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(6),
  .CardInstallmentsV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(8),
  .LoanRepayments #gvLoanAnnuityPlan table tbody tr td:nth-child(6),
  .LoanRepayments #gvLoanAnnuityPlan table tbody tr td:nth-child(8),
  .LoanAnnuityPlan #gvLoanAnnuityPlan table tbody tr td:nth-child(6),
  .LoanAnnuityPlan #gvLoanAnnuityPlan table tbody tr td:nth-child(8),
  .MessageHubNotificationList #gvLoanAnnuityPlan table tbody tr td:nth-child(6),
  .MessageHubNotificationList #gvLoanAnnuityPlan table tbody tr td:nth-child(8),
  .DomesticOrderReportCorporate #gvLoanAnnuityPlan table tbody tr td:nth-child(6),
  .DomesticOrderReportCorporate #gvLoanAnnuityPlan table tbody tr td:nth-child(8),
  .ForeignOrderReportCorporate #gvLoanAnnuityPlan table tbody tr td:nth-child(6),
  .ForeignOrderReportCorporate #gvLoanAnnuityPlan table tbody tr td:nth-child(8),
  .OrderPackageReportCorporate #gvLoanAnnuityPlan table tbody tr td:nth-child(6),
  .OrderPackageReportCorporate #gvLoanAnnuityPlan table tbody tr td:nth-child(8),
  .OrdersFromOrderPackagesListCorporate #gvLoanAnnuityPlan table tbody tr td:nth-child(6),
  .OrdersFromOrderPackagesListCorporate #gvLoanAnnuityPlan table tbody tr td:nth-child(8),
  .CardTurnoverCorporateV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(6),
  .CardTurnoverCorporateV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(8),
  .LoanAnnuityPlanCorporate #gvLoanAnnuityPlan table tbody tr td:nth-child(6),
  .LoanAnnuityPlanCorporate #gvLoanAnnuityPlan table tbody tr td:nth-child(8) {
    width: 13%; }
  .Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlan table tbody tr td:nth-child(7),
  .AccountTurnoverCorporateV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(7),
  .CardTurnoverCorporateV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(7),
  .CardInstallmentsV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(7),
  .LoanRepayments #gvLoanAnnuityPlan table tbody tr td:nth-child(7),
  .LoanAnnuityPlan #gvLoanAnnuityPlan table tbody tr td:nth-child(7),
  .MessageHubNotificationList #gvLoanAnnuityPlan table tbody tr td:nth-child(7),
  .DomesticOrderReportCorporate #gvLoanAnnuityPlan table tbody tr td:nth-child(7),
  .ForeignOrderReportCorporate #gvLoanAnnuityPlan table tbody tr td:nth-child(7),
  .OrderPackageReportCorporate #gvLoanAnnuityPlan table tbody tr td:nth-child(7),
  .OrdersFromOrderPackagesListCorporate #gvLoanAnnuityPlan table tbody tr td:nth-child(7),
  .CardTurnoverCorporateV2 #gvLoanAnnuityPlan table tbody tr td:nth-child(7),
  .LoanAnnuityPlanCorporate #gvLoanAnnuityPlan table tbody tr td:nth-child(7) {
    width: 11%; }
  .Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlan table tbody tr td:last-child,
  .AccountTurnoverCorporateV2 #gvLoanAnnuityPlan table tbody tr td:last-child,
  .CardTurnoverCorporateV2 #gvLoanAnnuityPlan table tbody tr td:last-child,
  .CardInstallmentsV2 #gvLoanAnnuityPlan table tbody tr td:last-child,
  .LoanRepayments #gvLoanAnnuityPlan table tbody tr td:last-child,
  .LoanAnnuityPlan #gvLoanAnnuityPlan table tbody tr td:last-child,
  .MessageHubNotificationList #gvLoanAnnuityPlan table tbody tr td:last-child,
  .DomesticOrderReportCorporate #gvLoanAnnuityPlan table tbody tr td:last-child,
  .ForeignOrderReportCorporate #gvLoanAnnuityPlan table tbody tr td:last-child,
  .OrderPackageReportCorporate #gvLoanAnnuityPlan table tbody tr td:last-child,
  .OrdersFromOrderPackagesListCorporate #gvLoanAnnuityPlan table tbody tr td:last-child,
  .CardTurnoverCorporateV2 #gvLoanAnnuityPlan table tbody tr td:last-child,
  .LoanAnnuityPlanCorporate #gvLoanAnnuityPlan table tbody tr td:last-child {
    width: 14%;
    border-top-right-radius: 31px;
    border-bottom-right-radius: 31px; }
    .Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlan table tbody tr td:last-child .tablesaw-cell-content,
    .AccountTurnoverCorporateV2 #gvLoanAnnuityPlan table tbody tr td:last-child .tablesaw-cell-content,
    .CardTurnoverCorporateV2 #gvLoanAnnuityPlan table tbody tr td:last-child .tablesaw-cell-content,
    .CardInstallmentsV2 #gvLoanAnnuityPlan table tbody tr td:last-child .tablesaw-cell-content,
    .LoanRepayments #gvLoanAnnuityPlan table tbody tr td:last-child .tablesaw-cell-content,
    .LoanAnnuityPlan #gvLoanAnnuityPlan table tbody tr td:last-child .tablesaw-cell-content,
    .MessageHubNotificationList #gvLoanAnnuityPlan table tbody tr td:last-child .tablesaw-cell-content,
    .DomesticOrderReportCorporate #gvLoanAnnuityPlan table tbody tr td:last-child .tablesaw-cell-content,
    .ForeignOrderReportCorporate #gvLoanAnnuityPlan table tbody tr td:last-child .tablesaw-cell-content,
    .OrderPackageReportCorporate #gvLoanAnnuityPlan table tbody tr td:last-child .tablesaw-cell-content,
    .OrdersFromOrderPackagesListCorporate #gvLoanAnnuityPlan table tbody tr td:last-child .tablesaw-cell-content,
    .CardTurnoverCorporateV2 #gvLoanAnnuityPlan table tbody tr td:last-child .tablesaw-cell-content,
    .LoanAnnuityPlanCorporate #gvLoanAnnuityPlan table tbody tr td:last-child .tablesaw-cell-content {
      justify-content: end !important; }
  .Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlan table tbody tr td .date,
  .AccountTurnoverCorporateV2 #gvLoanAnnuityPlan table tbody tr td .date,
  .CardTurnoverCorporateV2 #gvLoanAnnuityPlan table tbody tr td .date,
  .CardInstallmentsV2 #gvLoanAnnuityPlan table tbody tr td .date,
  .LoanRepayments #gvLoanAnnuityPlan table tbody tr td .date,
  .LoanAnnuityPlan #gvLoanAnnuityPlan table tbody tr td .date,
  .MessageHubNotificationList #gvLoanAnnuityPlan table tbody tr td .date,
  .DomesticOrderReportCorporate #gvLoanAnnuityPlan table tbody tr td .date,
  .ForeignOrderReportCorporate #gvLoanAnnuityPlan table tbody tr td .date,
  .OrderPackageReportCorporate #gvLoanAnnuityPlan table tbody tr td .date,
  .OrdersFromOrderPackagesListCorporate #gvLoanAnnuityPlan table tbody tr td .date,
  .CardTurnoverCorporateV2 #gvLoanAnnuityPlan table tbody tr td .date,
  .LoanAnnuityPlanCorporate #gvLoanAnnuityPlan table tbody tr td .date {
    font-size: 15px;
    padding-left: 0px !important;
    color: #666666; }
  .Forms_ActiveWorkflowListSOG #gvLoanAnnuityPlan table tbody tr td .tablesaw-cell-content,
  .AccountTurnoverCorporateV2 #gvLoanAnnuityPlan table tbody tr td .tablesaw-cell-content,
  .CardTurnoverCorporateV2 #gvLoanAnnuityPlan table tbody tr td .tablesaw-cell-content,
  .CardInstallmentsV2 #gvLoanAnnuityPlan table tbody tr td .tablesaw-cell-content,
  .LoanRepayments #gvLoanAnnuityPlan table tbody tr td .tablesaw-cell-content,
  .LoanAnnuityPlan #gvLoanAnnuityPlan table tbody tr td .tablesaw-cell-content,
  .MessageHubNotificationList #gvLoanAnnuityPlan table tbody tr td .tablesaw-cell-content,
  .DomesticOrderReportCorporate #gvLoanAnnuityPlan table tbody tr td .tablesaw-cell-content,
  .ForeignOrderReportCorporate #gvLoanAnnuityPlan table tbody tr td .tablesaw-cell-content,
  .OrderPackageReportCorporate #gvLoanAnnuityPlan table tbody tr td .tablesaw-cell-content,
  .OrdersFromOrderPackagesListCorporate #gvLoanAnnuityPlan table tbody tr td .tablesaw-cell-content,
  .CardTurnoverCorporateV2 #gvLoanAnnuityPlan table tbody tr td .tablesaw-cell-content,
  .LoanAnnuityPlanCorporate #gvLoanAnnuityPlan table tbody tr td .tablesaw-cell-content {
    font-size: 15px; }
  .Forms_ActiveWorkflowListSOG .gvAccountTurnoverPreview table,
  .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview table,
  .CardTurnoverCorporateV2 .gvAccountTurnoverPreview table,
  .CardInstallmentsV2 .gvAccountTurnoverPreview table,
  .LoanRepayments .gvAccountTurnoverPreview table,
  .LoanAnnuityPlan .gvAccountTurnoverPreview table,
  .MessageHubNotificationList .gvAccountTurnoverPreview table,
  .DomesticOrderReportCorporate .gvAccountTurnoverPreview table,
  .ForeignOrderReportCorporate .gvAccountTurnoverPreview table,
  .OrderPackageReportCorporate .gvAccountTurnoverPreview table,
  .OrdersFromOrderPackagesListCorporate .gvAccountTurnoverPreview table,
  .CardTurnoverCorporateV2 .gvAccountTurnoverPreview table,
  .LoanAnnuityPlanCorporate .gvAccountTurnoverPreview table {
    margin-bottom: 0px; }
    .Forms_ActiveWorkflowListSOG .gvAccountTurnoverPreview table thead th,
    .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview table thead th,
    .CardTurnoverCorporateV2 .gvAccountTurnoverPreview table thead th,
    .CardInstallmentsV2 .gvAccountTurnoverPreview table thead th,
    .LoanRepayments .gvAccountTurnoverPreview table thead th,
    .LoanAnnuityPlan .gvAccountTurnoverPreview table thead th,
    .MessageHubNotificationList .gvAccountTurnoverPreview table thead th,
    .DomesticOrderReportCorporate .gvAccountTurnoverPreview table thead th,
    .ForeignOrderReportCorporate .gvAccountTurnoverPreview table thead th,
    .OrderPackageReportCorporate .gvAccountTurnoverPreview table thead th,
    .OrdersFromOrderPackagesListCorporate .gvAccountTurnoverPreview table thead th,
    .CardTurnoverCorporateV2 .gvAccountTurnoverPreview table thead th,
    .LoanAnnuityPlanCorporate .gvAccountTurnoverPreview table thead th {
      text-align: left; }
    .Forms_ActiveWorkflowListSOG .gvAccountTurnoverPreview table tbody tr,
    .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr,
    .CardTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr,
    .CardInstallmentsV2 .gvAccountTurnoverPreview table tbody tr,
    .LoanRepayments .gvAccountTurnoverPreview table tbody tr,
    .LoanAnnuityPlan .gvAccountTurnoverPreview table tbody tr,
    .MessageHubNotificationList .gvAccountTurnoverPreview table tbody tr,
    .DomesticOrderReportCorporate .gvAccountTurnoverPreview table tbody tr,
    .ForeignOrderReportCorporate .gvAccountTurnoverPreview table tbody tr,
    .OrderPackageReportCorporate .gvAccountTurnoverPreview table tbody tr,
    .OrdersFromOrderPackagesListCorporate .gvAccountTurnoverPreview table tbody tr,
    .CardTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr,
    .LoanAnnuityPlanCorporate .gvAccountTurnoverPreview table tbody tr {
      border-bottom: 1px solid #e6e6e6 !important; }
      .Forms_ActiveWorkflowListSOG .gvAccountTurnoverPreview table tbody tr:hover,
      .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr:hover,
      .CardTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr:hover,
      .CardInstallmentsV2 .gvAccountTurnoverPreview table tbody tr:hover,
      .LoanRepayments .gvAccountTurnoverPreview table tbody tr:hover,
      .LoanAnnuityPlan .gvAccountTurnoverPreview table tbody tr:hover,
      .MessageHubNotificationList .gvAccountTurnoverPreview table tbody tr:hover,
      .DomesticOrderReportCorporate .gvAccountTurnoverPreview table tbody tr:hover,
      .ForeignOrderReportCorporate .gvAccountTurnoverPreview table tbody tr:hover,
      .OrderPackageReportCorporate .gvAccountTurnoverPreview table tbody tr:hover,
      .OrdersFromOrderPackagesListCorporate .gvAccountTurnoverPreview table tbody tr:hover,
      .CardTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr:hover,
      .LoanAnnuityPlanCorporate .gvAccountTurnoverPreview table tbody tr:hover {
        background-color: #F3F3F3; }
      .Forms_ActiveWorkflowListSOG .gvAccountTurnoverPreview table tbody tr td,
      .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td,
      .CardTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td,
      .CardInstallmentsV2 .gvAccountTurnoverPreview table tbody tr td,
      .LoanRepayments .gvAccountTurnoverPreview table tbody tr td,
      .LoanAnnuityPlan .gvAccountTurnoverPreview table tbody tr td,
      .MessageHubNotificationList .gvAccountTurnoverPreview table tbody tr td,
      .DomesticOrderReportCorporate .gvAccountTurnoverPreview table tbody tr td,
      .ForeignOrderReportCorporate .gvAccountTurnoverPreview table tbody tr td,
      .OrderPackageReportCorporate .gvAccountTurnoverPreview table tbody tr td,
      .OrdersFromOrderPackagesListCorporate .gvAccountTurnoverPreview table tbody tr td,
      .CardTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td,
      .LoanAnnuityPlanCorporate .gvAccountTurnoverPreview table tbody tr td {
        line-height: unset; }
        .Forms_ActiveWorkflowListSOG .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content,
        .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content,
        .CardTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content,
        .CardInstallmentsV2 .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content,
        .LoanRepayments .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content,
        .LoanAnnuityPlan .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content,
        .MessageHubNotificationList .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content,
        .DomesticOrderReportCorporate .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content,
        .ForeignOrderReportCorporate .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content,
        .OrderPackageReportCorporate .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content,
        .OrdersFromOrderPackagesListCorporate .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content,
        .CardTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content,
        .LoanAnnuityPlanCorporate .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content {
          justify-content: flex-start; }
        .Forms_ActiveWorkflowListSOG .gvAccountTurnoverPreview table tbody tr td:nth-child(1),
        .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(1),
        .CardTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(1),
        .CardInstallmentsV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(1),
        .LoanRepayments .gvAccountTurnoverPreview table tbody tr td:nth-child(1),
        .LoanAnnuityPlan .gvAccountTurnoverPreview table tbody tr td:nth-child(1),
        .MessageHubNotificationList .gvAccountTurnoverPreview table tbody tr td:nth-child(1),
        .DomesticOrderReportCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(1),
        .ForeignOrderReportCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(1),
        .OrderPackageReportCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(1),
        .OrdersFromOrderPackagesListCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(1),
        .CardTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(1),
        .LoanAnnuityPlanCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(1) {
          width: 5%; }
        .Forms_ActiveWorkflowListSOG .gvAccountTurnoverPreview table tbody tr td:nth-child(2),
        .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2),
        .CardTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2),
        .CardInstallmentsV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2),
        .LoanRepayments .gvAccountTurnoverPreview table tbody tr td:nth-child(2),
        .LoanAnnuityPlan .gvAccountTurnoverPreview table tbody tr td:nth-child(2),
        .MessageHubNotificationList .gvAccountTurnoverPreview table tbody tr td:nth-child(2),
        .DomesticOrderReportCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2),
        .ForeignOrderReportCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2),
        .OrderPackageReportCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2),
        .OrdersFromOrderPackagesListCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2),
        .CardTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2),
        .LoanAnnuityPlanCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2) {
          width: 25.5%;
          border-top-left-radius: 31px;
          border-bottom-left-radius: 31px; }
          .Forms_ActiveWorkflowListSOG .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span,
          .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span,
          .CardTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span,
          .CardInstallmentsV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span,
          .LoanRepayments .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span,
          .LoanAnnuityPlan .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span,
          .MessageHubNotificationList .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span,
          .DomesticOrderReportCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span,
          .ForeignOrderReportCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span,
          .OrderPackageReportCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span,
          .OrdersFromOrderPackagesListCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span,
          .CardTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span,
          .LoanAnnuityPlanCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(2) span {
            border-top-left-radius: 31px;
            border-bottom-left-radius: 31px; }
        .Forms_ActiveWorkflowListSOG .gvAccountTurnoverPreview table tbody tr td:nth-child(3),
        .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(3),
        .CardTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(3),
        .CardInstallmentsV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(3),
        .LoanRepayments .gvAccountTurnoverPreview table tbody tr td:nth-child(3),
        .LoanAnnuityPlan .gvAccountTurnoverPreview table tbody tr td:nth-child(3),
        .MessageHubNotificationList .gvAccountTurnoverPreview table tbody tr td:nth-child(3),
        .DomesticOrderReportCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(3),
        .ForeignOrderReportCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(3),
        .OrderPackageReportCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(3),
        .OrdersFromOrderPackagesListCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(3),
        .CardTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(3),
        .LoanAnnuityPlanCorporate .gvAccountTurnoverPreview table tbody tr td:nth-child(3) {
          width: 10%; }
        .Forms_ActiveWorkflowListSOG .gvAccountTurnoverPreview table tbody tr td:last-child,
        .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td:last-child,
        .CardTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td:last-child,
        .CardInstallmentsV2 .gvAccountTurnoverPreview table tbody tr td:last-child,
        .LoanRepayments .gvAccountTurnoverPreview table tbody tr td:last-child,
        .LoanAnnuityPlan .gvAccountTurnoverPreview table tbody tr td:last-child,
        .MessageHubNotificationList .gvAccountTurnoverPreview table tbody tr td:last-child,
        .DomesticOrderReportCorporate .gvAccountTurnoverPreview table tbody tr td:last-child,
        .ForeignOrderReportCorporate .gvAccountTurnoverPreview table tbody tr td:last-child,
        .OrderPackageReportCorporate .gvAccountTurnoverPreview table tbody tr td:last-child,
        .OrdersFromOrderPackagesListCorporate .gvAccountTurnoverPreview table tbody tr td:last-child,
        .CardTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td:last-child,
        .LoanAnnuityPlanCorporate .gvAccountTurnoverPreview table tbody tr td:last-child {
          width: 6%; }
          .Forms_ActiveWorkflowListSOG .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content,
          .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content,
          .CardTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content,
          .CardInstallmentsV2 .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content,
          .LoanRepayments .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content,
          .LoanAnnuityPlan .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content,
          .MessageHubNotificationList .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content,
          .DomesticOrderReportCorporate .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content,
          .ForeignOrderReportCorporate .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content,
          .OrderPackageReportCorporate .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content,
          .OrdersFromOrderPackagesListCorporate .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content,
          .CardTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content,
          .LoanAnnuityPlanCorporate .gvAccountTurnoverPreview table tbody tr td:last-child .tablesaw-cell-content {
            justify-content: end !important; }
        .Forms_ActiveWorkflowListSOG .gvAccountTurnoverPreview table tbody tr td .date,
        .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td .date,
        .CardTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td .date,
        .CardInstallmentsV2 .gvAccountTurnoverPreview table tbody tr td .date,
        .LoanRepayments .gvAccountTurnoverPreview table tbody tr td .date,
        .LoanAnnuityPlan .gvAccountTurnoverPreview table tbody tr td .date,
        .MessageHubNotificationList .gvAccountTurnoverPreview table tbody tr td .date,
        .DomesticOrderReportCorporate .gvAccountTurnoverPreview table tbody tr td .date,
        .ForeignOrderReportCorporate .gvAccountTurnoverPreview table tbody tr td .date,
        .OrderPackageReportCorporate .gvAccountTurnoverPreview table tbody tr td .date,
        .OrdersFromOrderPackagesListCorporate .gvAccountTurnoverPreview table tbody tr td .date,
        .CardTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td .date,
        .LoanAnnuityPlanCorporate .gvAccountTurnoverPreview table tbody tr td .date {
          font-size: 15px; }
        .Forms_ActiveWorkflowListSOG .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content,
        .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content,
        .CardTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content,
        .CardInstallmentsV2 .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content,
        .LoanRepayments .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content,
        .LoanAnnuityPlan .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content,
        .MessageHubNotificationList .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content,
        .DomesticOrderReportCorporate .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content,
        .ForeignOrderReportCorporate .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content,
        .OrderPackageReportCorporate .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content,
        .OrdersFromOrderPackagesListCorporate .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content,
        .CardTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content,
        .LoanAnnuityPlanCorporate .gvAccountTurnoverPreview table tbody tr td .tablesaw-cell-content {
          font-size: 15px; }

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 #666666;
  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 #666666; }
  .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,
.AccountStatementsCorporateV2 .statementsFilter,
.CardStatementsCorporateV2 .statementsFilter,
.CardStatements .statementsFilter,
.CreditorTemplateManaging .statementsFilter,
.InflowsCorporate .statementsFilter,
.ForeignPredefinedUsersCorporate .statementsFilter,
.ForeignOrderReportCorporate .statementsFilter {
  margin-bottom: 50px; }

.Forms_ActiveWorkflowListSOG .account-statement-calendar-wrapper,
.AccountStatementsCorporateV2 .account-statement-calendar-wrapper,
.CardStatementsCorporateV2 .account-statement-calendar-wrapper,
.CardStatements .account-statement-calendar-wrapper,
.CreditorTemplateManaging .account-statement-calendar-wrapper,
.InflowsCorporate .account-statement-calendar-wrapper,
.ForeignPredefinedUsersCorporate .account-statement-calendar-wrapper,
.ForeignOrderReportCorporate .account-statement-calendar-wrapper {
  width: 60%;
  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,
.AccountStatementsCorporateV2 .dot-menu-text-wrapper,
.CardStatementsCorporateV2 .dot-menu-text-wrapper,
.CardStatements .dot-menu-text-wrapper,
.CreditorTemplateManaging .dot-menu-text-wrapper,
.InflowsCorporate .dot-menu-text-wrapper,
.ForeignPredefinedUsersCorporate .dot-menu-text-wrapper,
.ForeignOrderReportCorporate .dot-menu-text-wrapper {
  margin-bottom: 0px;
  position: relative;
  right: 0;
  top: 0; }

.Forms_ActiveWorkflowListSOG .dot-menu-text-wrapper-filter,
.AccountStatementsCorporateV2 .dot-menu-text-wrapper-filter,
.CardStatementsCorporateV2 .dot-menu-text-wrapper-filter,
.CardStatements .dot-menu-text-wrapper-filter,
.CreditorTemplateManaging .dot-menu-text-wrapper-filter,
.InflowsCorporate .dot-menu-text-wrapper-filter,
.ForeignPredefinedUsersCorporate .dot-menu-text-wrapper-filter,
.ForeignOrderReportCorporate .dot-menu-text-wrapper-filter {
  top: -90px !important; }

.Forms_ActiveWorkflowListSOG .transaction-filter,
.AccountStatementsCorporateV2 .transaction-filter,
.CardStatementsCorporateV2 .transaction-filter,
.CardStatements .transaction-filter,
.CreditorTemplateManaging .transaction-filter,
.InflowsCorporate .transaction-filter,
.ForeignPredefinedUsersCorporate .transaction-filter,
.ForeignOrderReportCorporate .transaction-filter {
  padding: 11px 16px;
  border-radius: 8px;
  height: 18px;
  cursor: pointer;
  background-color: #F3F3F3; }
  .Forms_ActiveWorkflowListSOG .transaction-filter input,
  .AccountStatementsCorporateV2 .transaction-filter input,
  .CardStatementsCorporateV2 .transaction-filter input,
  .CardStatements .transaction-filter input,
  .CreditorTemplateManaging .transaction-filter input,
  .InflowsCorporate .transaction-filter input,
  .ForeignPredefinedUsersCorporate .transaction-filter input,
  .ForeignOrderReportCorporate .transaction-filter input {
    border: none;
    width: 100%;
    font-family: "Source-Sans-Pro", sans-serif;
    font-size: 15px;
    cursor: pointer; }
  .Forms_ActiveWorkflowListSOG .transaction-filter-box,
  .AccountStatementsCorporateV2 .transaction-filter-box,
  .CardStatementsCorporateV2 .transaction-filter-box,
  .CardStatements .transaction-filter-box,
  .CreditorTemplateManaging .transaction-filter-box,
  .InflowsCorporate .transaction-filter-box,
  .ForeignPredefinedUsersCorporate .transaction-filter-box,
  .ForeignOrderReportCorporate .transaction-filter-box {
    width: 30%; }
  .Forms_ActiveWorkflowListSOG .transaction-filter-submit-statements,
  .AccountStatementsCorporateV2 .transaction-filter-submit-statements,
  .CardStatementsCorporateV2 .transaction-filter-submit-statements,
  .CardStatements .transaction-filter-submit-statements,
  .CreditorTemplateManaging .transaction-filter-submit-statements,
  .InflowsCorporate .transaction-filter-submit-statements,
  .ForeignPredefinedUsersCorporate .transaction-filter-submit-statements,
  .ForeignOrderReportCorporate .transaction-filter-submit-statements {
    margin-left: 10px;
    background: none;
    border: none;
    background-color: #d20000;
    border-radius: 8px;
    transition: box-shadow .5s;
    font-family: 'Source-Sans-Pro-bold';
    color: #FFFFFF;
    min-width: 40px;
    height: 40px;
    font-size: 15px;
    cursor: pointer; }
    .Forms_ActiveWorkflowListSOG .transaction-filter-submit-statements .profile-text-arrow,
    .AccountStatementsCorporateV2 .transaction-filter-submit-statements .profile-text-arrow,
    .CardStatementsCorporateV2 .transaction-filter-submit-statements .profile-text-arrow,
    .CardStatements .transaction-filter-submit-statements .profile-text-arrow,
    .CreditorTemplateManaging .transaction-filter-submit-statements .profile-text-arrow,
    .InflowsCorporate .transaction-filter-submit-statements .profile-text-arrow,
    .ForeignPredefinedUsersCorporate .transaction-filter-submit-statements .profile-text-arrow,
    .ForeignOrderReportCorporate .transaction-filter-submit-statements .profile-text-arrow {
      width: 24px;
      height: 19px; }
    .Forms_ActiveWorkflowListSOG .transaction-filter-submit-statements:hover,
    .AccountStatementsCorporateV2 .transaction-filter-submit-statements:hover,
    .CardStatementsCorporateV2 .transaction-filter-submit-statements:hover,
    .CardStatements .transaction-filter-submit-statements:hover,
    .CreditorTemplateManaging .transaction-filter-submit-statements:hover,
    .InflowsCorporate .transaction-filter-submit-statements:hover,
    .ForeignPredefinedUsersCorporate .transaction-filter-submit-statements:hover,
    .ForeignOrderReportCorporate .transaction-filter-submit-statements:hover {
      background-color: #b20000;
      transition: background-color .5s; }

.Forms_ActiveWorkflowListSOG .payment-filter,
.AccountStatementsCorporateV2 .payment-filter,
.CardStatementsCorporateV2 .payment-filter,
.CardStatements .payment-filter,
.CreditorTemplateManaging .payment-filter,
.InflowsCorporate .payment-filter,
.ForeignPredefinedUsersCorporate .payment-filter,
.ForeignOrderReportCorporate .payment-filter {
  border-bottom: 1px solid #e6e6e6; }
  .Forms_ActiveWorkflowListSOG .payment-filter-ico,
  .AccountStatementsCorporateV2 .payment-filter-ico,
  .CardStatementsCorporateV2 .payment-filter-ico,
  .CardStatements .payment-filter-ico,
  .CreditorTemplateManaging .payment-filter-ico,
  .InflowsCorporate .payment-filter-ico,
  .ForeignPredefinedUsersCorporate .payment-filter-ico,
  .ForeignOrderReportCorporate .payment-filter-ico {
    position: absolute;
    width: 8px;
    height: 14px;
    right: 105px;
    top: 2px;
    cursor: pointer; }
  .Forms_ActiveWorkflowListSOG .payment-filter-recipient,
  .AccountStatementsCorporateV2 .payment-filter-recipient,
  .CardStatementsCorporateV2 .payment-filter-recipient,
  .CardStatements .payment-filter-recipient,
  .CreditorTemplateManaging .payment-filter-recipient,
  .InflowsCorporate .payment-filter-recipient,
  .ForeignPredefinedUsersCorporate .payment-filter-recipient,
  .ForeignOrderReportCorporate .payment-filter-recipient {
    width: 20%;
    padding-left: 10px; }
  .Forms_ActiveWorkflowListSOG .payment-filter-box,
  .AccountStatementsCorporateV2 .payment-filter-box,
  .CardStatementsCorporateV2 .payment-filter-box,
  .CardStatements .payment-filter-box,
  .CreditorTemplateManaging .payment-filter-box,
  .InflowsCorporate .payment-filter-box,
  .ForeignPredefinedUsersCorporate .payment-filter-box,
  .ForeignOrderReportCorporate .payment-filter-box {
    position: relative; }
    .Forms_ActiveWorkflowListSOG .payment-filter-box.active .payment-ico-filter-down,
    .AccountStatementsCorporateV2 .payment-filter-box.active .payment-ico-filter-down,
    .CardStatementsCorporateV2 .payment-filter-box.active .payment-ico-filter-down,
    .CardStatements .payment-filter-box.active .payment-ico-filter-down,
    .CreditorTemplateManaging .payment-filter-box.active .payment-ico-filter-down,
    .InflowsCorporate .payment-filter-box.active .payment-ico-filter-down,
    .ForeignPredefinedUsersCorporate .payment-filter-box.active .payment-ico-filter-down,
    .ForeignOrderReportCorporate .payment-filter-box.active .payment-ico-filter-down {
      opacity: 0; }
    .Forms_ActiveWorkflowListSOG .payment-filter-box.active .inactive-arrow,
    .AccountStatementsCorporateV2 .payment-filter-box.active .inactive-arrow,
    .CardStatementsCorporateV2 .payment-filter-box.active .inactive-arrow,
    .CardStatements .payment-filter-box.active .inactive-arrow,
    .CreditorTemplateManaging .payment-filter-box.active .inactive-arrow,
    .InflowsCorporate .payment-filter-box.active .inactive-arrow,
    .ForeignPredefinedUsersCorporate .payment-filter-box.active .inactive-arrow,
    .ForeignOrderReportCorporate .payment-filter-box.active .inactive-arrow {
      opacity: 1; }
    .Forms_ActiveWorkflowListSOG .payment-filter-box:first-child,
    .AccountStatementsCorporateV2 .payment-filter-box:first-child,
    .CardStatementsCorporateV2 .payment-filter-box:first-child,
    .CardStatements .payment-filter-box:first-child,
    .CreditorTemplateManaging .payment-filter-box:first-child,
    .InflowsCorporate .payment-filter-box:first-child,
    .ForeignPredefinedUsersCorporate .payment-filter-box:first-child,
    .ForeignOrderReportCorporate .payment-filter-box:first-child {
      width: 16%;
      padding-left: 80px; }
    .Forms_ActiveWorkflowListSOG .payment-filter-box .page-text-2,
    .AccountStatementsCorporateV2 .payment-filter-box .page-text-2,
    .CardStatementsCorporateV2 .payment-filter-box .page-text-2,
    .CardStatements .payment-filter-box .page-text-2,
    .CreditorTemplateManaging .payment-filter-box .page-text-2,
    .InflowsCorporate .payment-filter-box .page-text-2,
    .ForeignPredefinedUsersCorporate .payment-filter-box .page-text-2,
    .ForeignOrderReportCorporate .payment-filter-box .page-text-2 {
      cursor: pointer;
      padding-right: 25px;
      display: inline-block;
      margin-bottom: 15px;
      font-weight: normal;
      font-family: "Mark-Medium", sans-serif;
      font-size: 15px;
      line-height: 1;
      -webkit-transition: color .5s;
      transition: color .5s; }
    .Forms_ActiveWorkflowListSOG .payment-filter-box.active .page-text-2,
    .AccountStatementsCorporateV2 .payment-filter-box.active .page-text-2,
    .CardStatementsCorporateV2 .payment-filter-box.active .page-text-2,
    .CardStatements .payment-filter-box.active .page-text-2,
    .CreditorTemplateManaging .payment-filter-box.active .page-text-2,
    .InflowsCorporate .payment-filter-box.active .page-text-2,
    .ForeignPredefinedUsersCorporate .payment-filter-box.active .page-text-2,
    .ForeignOrderReportCorporate .payment-filter-box.active .page-text-2 {
      color: #121212; }
    .Forms_ActiveWorkflowListSOG .payment-filter-box .checkboxCustom .checkbox-save .checkmark,
    .AccountStatementsCorporateV2 .payment-filter-box .checkboxCustom .checkbox-save .checkmark,
    .CardStatementsCorporateV2 .payment-filter-box .checkboxCustom .checkbox-save .checkmark,
    .CardStatements .payment-filter-box .checkboxCustom .checkbox-save .checkmark,
    .CreditorTemplateManaging .payment-filter-box .checkboxCustom .checkbox-save .checkmark,
    .InflowsCorporate .payment-filter-box .checkboxCustom .checkbox-save .checkmark,
    .ForeignPredefinedUsersCorporate .payment-filter-box .checkboxCustom .checkbox-save .checkmark,
    .ForeignOrderReportCorporate .payment-filter-box .checkboxCustom .checkbox-save .checkmark {
      position: absolute;
      top: 0;
      left: 30px;
      height: 14px;
      width: 14px;
      border: 2px solid #C7C7C7;
      border-radius: 2px;
      background: transparent;
      cursor: pointer; }
      .Forms_ActiveWorkflowListSOG .payment-filter-box .checkboxCustom .checkbox-save .checkmark:after,
      .AccountStatementsCorporateV2 .payment-filter-box .checkboxCustom .checkbox-save .checkmark:after,
      .CardStatementsCorporateV2 .payment-filter-box .checkboxCustom .checkbox-save .checkmark:after,
      .CardStatements .payment-filter-box .checkboxCustom .checkbox-save .checkmark:after,
      .CreditorTemplateManaging .payment-filter-box .checkboxCustom .checkbox-save .checkmark:after,
      .InflowsCorporate .payment-filter-box .checkboxCustom .checkbox-save .checkmark:after,
      .ForeignPredefinedUsersCorporate .payment-filter-box .checkboxCustom .checkbox-save .checkmark:after,
      .ForeignOrderReportCorporate .payment-filter-box .checkboxCustom .checkbox-save .checkmark:after {
        content: "";
        width: 16px;
        height: 16px;
        left: -1px;
        top: -1px;
        position: absolute;
        background: url(images/icons/checkbox.png) 0 0 no-repeat;
        background-size: 100%;
        opacity: 0;
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
        border-radius: 4px; }

.Forms_ActiveWorkflowListSOG .account-statement-info-inner .dot-menu-text-wrapper,
.AccountStatementsCorporateV2 .account-statement-info-inner .dot-menu-text-wrapper,
.CardStatementsCorporateV2 .account-statement-info-inner .dot-menu-text-wrapper,
.CardStatements .account-statement-info-inner .dot-menu-text-wrapper,
.CreditorTemplateManaging .account-statement-info-inner .dot-menu-text-wrapper,
.InflowsCorporate .account-statement-info-inner .dot-menu-text-wrapper,
.ForeignPredefinedUsersCorporate .account-statement-info-inner .dot-menu-text-wrapper,
.ForeignOrderReportCorporate .account-statement-info-inner .dot-menu-text-wrapper {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .5s,visibility .5s;
  transition: opacity .5s,visibility .5s;
  right: 35px; }
  @media only screen and (max-width: 1281px) {
    .Forms_ActiveWorkflowListSOG .account-statement-info-inner .dot-menu-text-wrapper,
    .AccountStatementsCorporateV2 .account-statement-info-inner .dot-menu-text-wrapper,
    .CardStatementsCorporateV2 .account-statement-info-inner .dot-menu-text-wrapper,
    .CardStatements .account-statement-info-inner .dot-menu-text-wrapper,
    .CreditorTemplateManaging .account-statement-info-inner .dot-menu-text-wrapper,
    .InflowsCorporate .account-statement-info-inner .dot-menu-text-wrapper,
    .ForeignPredefinedUsersCorporate .account-statement-info-inner .dot-menu-text-wrapper,
    .ForeignOrderReportCorporate .account-statement-info-inner .dot-menu-text-wrapper {
      right: 5px !important; } }

.Forms_ActiveWorkflowListSOG .account-statement-pdf-download,
.AccountStatementsCorporateV2 .account-statement-pdf-download,
.CardStatementsCorporateV2 .account-statement-pdf-download,
.CardStatements .account-statement-pdf-download,
.CreditorTemplateManaging .account-statement-pdf-download,
.InflowsCorporate .account-statement-pdf-download,
.ForeignPredefinedUsersCorporate .account-statement-pdf-download,
.ForeignOrderReportCorporate .account-statement-pdf-download {
  width: 83%;
  padding-right: 25px; }

.Forms_ActiveWorkflowListSOG .account-statements-info,
.AccountStatementsCorporateV2 .account-statements-info,
.CardStatementsCorporateV2 .account-statements-info,
.CardStatements .account-statements-info,
.CreditorTemplateManaging .account-statements-info,
.InflowsCorporate .account-statements-info,
.ForeignPredefinedUsersCorporate .account-statements-info,
.ForeignOrderReportCorporate .account-statements-info {
  padding: 13px 20px 13px 22px;
  -webkit-transition: background-color .5s;
  transition: background-color .5s;
  border-radius: unset;
  cursor: pointer;
  border-bottom: 1px solid #e6e6e6; }
  .Forms_ActiveWorkflowListSOG .account-statements-info:hover,
  .AccountStatementsCorporateV2 .account-statements-info:hover,
  .CardStatementsCorporateV2 .account-statements-info:hover,
  .CardStatements .account-statements-info:hover,
  .CreditorTemplateManaging .account-statements-info:hover,
  .InflowsCorporate .account-statements-info:hover,
  .ForeignPredefinedUsersCorporate .account-statements-info:hover,
  .ForeignOrderReportCorporate .account-statements-info:hover {
    background-color: #faeede; }
    .Forms_ActiveWorkflowListSOG .account-statements-info:hover .dot-menu-text-wrapper,
    .AccountStatementsCorporateV2 .account-statements-info:hover .dot-menu-text-wrapper,
    .CardStatementsCorporateV2 .account-statements-info:hover .dot-menu-text-wrapper,
    .CardStatements .account-statements-info:hover .dot-menu-text-wrapper,
    .CreditorTemplateManaging .account-statements-info:hover .dot-menu-text-wrapper,
    .InflowsCorporate .account-statements-info:hover .dot-menu-text-wrapper,
    .ForeignPredefinedUsersCorporate .account-statements-info:hover .dot-menu-text-wrapper,
    .ForeignOrderReportCorporate .account-statements-info:hover .dot-menu-text-wrapper {
      opacity: 1;
      visibility: visible; }
    .Forms_ActiveWorkflowListSOG .account-statements-info:hover svg.profile-text-arrow,
    .AccountStatementsCorporateV2 .account-statements-info:hover svg.profile-text-arrow,
    .CardStatementsCorporateV2 .account-statements-info:hover svg.profile-text-arrow,
    .CardStatements .account-statements-info:hover svg.profile-text-arrow,
    .CreditorTemplateManaging .account-statements-info:hover svg.profile-text-arrow,
    .InflowsCorporate .account-statements-info:hover svg.profile-text-arrow,
    .ForeignPredefinedUsersCorporate .account-statements-info:hover svg.profile-text-arrow,
    .ForeignOrderReportCorporate .account-statements-info:hover svg.profile-text-arrow {
      fill: #d20000 !important; }
    .Forms_ActiveWorkflowListSOG .account-statements-info:hover .payments-ico,
    .AccountStatementsCorporateV2 .account-statements-info:hover .payments-ico,
    .CardStatementsCorporateV2 .account-statements-info:hover .payments-ico,
    .CardStatements .account-statements-info:hover .payments-ico,
    .CreditorTemplateManaging .account-statements-info:hover .payments-ico,
    .InflowsCorporate .account-statements-info:hover .payments-ico,
    .ForeignPredefinedUsersCorporate .account-statements-info:hover .payments-ico,
    .ForeignOrderReportCorporate .account-statements-info:hover .payments-ico {
      background-color: #efefef; }
  @media only screen and (max-width: 1024px) {
    .Forms_ActiveWorkflowListSOG .account-statements-info .dot-menu-text-wrapper,
    .AccountStatementsCorporateV2 .account-statements-info .dot-menu-text-wrapper,
    .CardStatementsCorporateV2 .account-statements-info .dot-menu-text-wrapper,
    .CardStatements .account-statements-info .dot-menu-text-wrapper,
    .CreditorTemplateManaging .account-statements-info .dot-menu-text-wrapper,
    .InflowsCorporate .account-statements-info .dot-menu-text-wrapper,
    .ForeignPredefinedUsersCorporate .account-statements-info .dot-menu-text-wrapper,
    .ForeignOrderReportCorporate .account-statements-info .dot-menu-text-wrapper {
      opacity: 1;
      visibility: visible;
      right: -35px; } }
  .Forms_ActiveWorkflowListSOG .account-statements-info .group-inner,
  .AccountStatementsCorporateV2 .account-statements-info .group-inner,
  .CardStatementsCorporateV2 .account-statements-info .group-inner,
  .CardStatements .account-statements-info .group-inner,
  .CreditorTemplateManaging .account-statements-info .group-inner,
  .InflowsCorporate .account-statements-info .group-inner,
  .ForeignPredefinedUsersCorporate .account-statements-info .group-inner,
  .ForeignOrderReportCorporate .account-statements-info .group-inner {
    padding-left: 50px;
    width: 10%;
    margin-bottom: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent;
    user-select: none; }
  .Forms_ActiveWorkflowListSOG .account-statements-info .profile-text-arrow,
  .AccountStatementsCorporateV2 .account-statements-info .profile-text-arrow,
  .CardStatementsCorporateV2 .account-statements-info .profile-text-arrow,
  .CardStatements .account-statements-info .profile-text-arrow,
  .CreditorTemplateManaging .account-statements-info .profile-text-arrow,
  .InflowsCorporate .account-statements-info .profile-text-arrow,
  .ForeignPredefinedUsersCorporate .account-statements-info .profile-text-arrow,
  .ForeignOrderReportCorporate .account-statements-info .profile-text-arrow {
    fill: #C7C7C7;
    right: 16px; }

.Forms_ActiveWorkflowListSOG .checkboxCustom .checkbox-save.checked .checkmark:after,
.AccountStatementsCorporateV2 .checkboxCustom .checkbox-save.checked .checkmark:after,
.CardStatementsCorporateV2 .checkboxCustom .checkbox-save.checked .checkmark:after,
.CardStatements .checkboxCustom .checkbox-save.checked .checkmark:after,
.CreditorTemplateManaging .checkboxCustom .checkbox-save.checked .checkmark:after,
.InflowsCorporate .checkboxCustom .checkbox-save.checked .checkmark:after,
.ForeignPredefinedUsersCorporate .checkboxCustom .checkbox-save.checked .checkmark:after,
.ForeignOrderReportCorporate .checkboxCustom .checkbox-save.checked .checkmark:after {
  opacity: 1; }

.Forms_ActiveWorkflowListSOG .checkboxCustom .checkbox-save .checkmark,
.AccountStatementsCorporateV2 .checkboxCustom .checkbox-save .checkmark,
.CardStatementsCorporateV2 .checkboxCustom .checkbox-save .checkmark,
.CardStatements .checkboxCustom .checkbox-save .checkmark,
.CreditorTemplateManaging .checkboxCustom .checkbox-save .checkmark,
.InflowsCorporate .checkboxCustom .checkbox-save .checkmark,
.ForeignPredefinedUsersCorporate .checkboxCustom .checkbox-save .checkmark,
.ForeignOrderReportCorporate .checkboxCustom .checkbox-save .checkmark {
  position: absolute;
  top: 20px;
  left: 30px;
  height: 14px;
  width: 14px;
  border: 2px solid #C7C7C7;
  border-radius: 2px;
  background: transparent;
  cursor: pointer; }
  .Forms_ActiveWorkflowListSOG .checkboxCustom .checkbox-save .checkmark:after,
  .AccountStatementsCorporateV2 .checkboxCustom .checkbox-save .checkmark:after,
  .CardStatementsCorporateV2 .checkboxCustom .checkbox-save .checkmark:after,
  .CardStatements .checkboxCustom .checkbox-save .checkmark:after,
  .CreditorTemplateManaging .checkboxCustom .checkbox-save .checkmark:after,
  .InflowsCorporate .checkboxCustom .checkbox-save .checkmark:after,
  .ForeignPredefinedUsersCorporate .checkboxCustom .checkbox-save .checkmark:after,
  .ForeignOrderReportCorporate .checkboxCustom .checkbox-save .checkmark:after {
    content: "";
    width: 16px;
    height: 16px;
    left: -1px;
    top: -1px;
    position: absolute;
    background: url(images/icons/checkbox.png) 0 0 no-repeat;
    background-size: 100%;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    border-radius: 4px; }

.Forms_ActiveWorkflowListSOG .showPagination,
.AccountStatementsCorporateV2 .showPagination,
.CardStatementsCorporateV2 .showPagination,
.CardStatements .showPagination,
.CreditorTemplateManaging .showPagination,
.InflowsCorporate .showPagination,
.ForeignPredefinedUsersCorporate .showPagination,
.ForeignOrderReportCorporate .showPagination {
  justify-content: flex-end; }
  @media only screen and (max-width: 600px) {
    .Forms_ActiveWorkflowListSOG .showPagination,
    .AccountStatementsCorporateV2 .showPagination,
    .CardStatementsCorporateV2 .showPagination,
    .CardStatements .showPagination,
    .CreditorTemplateManaging .showPagination,
    .InflowsCorporate .showPagination,
    .ForeignPredefinedUsersCorporate .showPagination,
    .ForeignOrderReportCorporate .showPagination {
      justify-content: flex-start;
      margin-top: 20px; } }

@media only screen and (max-width: 600px) {
  .Forms_ActiveWorkflowListSOG .show-per-page,
  .AccountStatementsCorporateV2 .show-per-page,
  .CardStatementsCorporateV2 .show-per-page,
  .CardStatements .show-per-page,
  .CreditorTemplateManaging .show-per-page,
  .InflowsCorporate .show-per-page,
  .ForeignPredefinedUsersCorporate .show-per-page,
  .ForeignOrderReportCorporate .show-per-page {
    width: 100%; } }

@media only screen and (max-width: 600px) {
  .Forms_ActiveWorkflowListSOG .pager,
  .AccountStatementsCorporateV2 .pager,
  .CardStatementsCorporateV2 .pager,
  .CardStatements .pager,
  .CreditorTemplateManaging .pager,
  .InflowsCorporate .pager,
  .ForeignPredefinedUsersCorporate .pager,
  .ForeignOrderReportCorporate .pager {
    flex-direction: column; } }

.AccountStatementsCorporateV2 .dot-menu-text-wrapper-filter,
.CardStatementsCorporateV2 .dot-menu-text-wrapper-filter {
  top: 0px !important; }

.AccountStatementsCorporateV2,
.CardStatementsCorporateV2,
.CardStatements,
.LoanAnnuityPlan {
  margin-bottom: 60px; }

.CardStatements .transaction-filter-submit-statements svg {
  position: relative !important;
  top: 19%;
  left: 12%; }

.CardBalancePreviewV2,
.CardBalancePreviewCorporateV3 {
  margin-bottom: 0; }
  .CardBalancePreviewV2 .account-card-text,
  .CardBalancePreviewCorporateV3 .account-card-text {
    padding-left: 24px; }
  .CardBalancePreviewV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .user-account-card-img,
  .CardBalancePreviewCorporateV3 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .user-account-card-img {
    width: 62px !important;
    height: 39px; }
    .CardBalancePreviewV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .user-account-card-img .card-image.card-613,
    .CardBalancePreviewCorporateV3 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .user-account-card-img .card-image.card-613 {
      background-image: url("images/icons/Visa-Business---278x180-px.png"); }
    .CardBalancePreviewV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .user-account-card-img .card-image.card-616,
    .CardBalancePreviewCorporateV3 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .user-account-card-img .card-image.card-616 {
      background-image: url("images/icons/Dina-Business---278x180-px.png"); }
    .CardBalancePreviewV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .user-account-card-img .card-image.card-618,
    .CardBalancePreviewCorporateV3 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .user-account-card-img .card-image.card-618 {
      background-image: url("images/icons/Debit-618-CMS-278x180.png"); }
  .CardBalancePreviewV2 .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .user-account-card-img,
  .CardBalancePreviewCorporateV3 .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .user-account-card-img {
    width: 50px !important;
    height: 32px; }
    .CardBalancePreviewV2 .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .user-account-card-img .card-image.card-credit-card,
    .CardBalancePreviewCorporateV3 .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .user-account-card-img .card-image.card-credit-card {
      background-image: url("images/icons/Visa-Business---278x180-px.png"); }
    .CardBalancePreviewV2 .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .user-account-card-img .card-image.card-debit-card,
    .CardBalancePreviewCorporateV3 .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .user-account-card-img .card-image.card-debit-card {
      background-image: url("images/icons/Dina-Business---278x180-px.png"); }
    .CardBalancePreviewV2 .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .user-account-card-img .card-image.card-618-CMS,
    .CardBalancePreviewCorporateV3 .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .user-account-card-img .card-image.card-618-CMS {
      background-image: url("images/icons/Debit-618-CMS-278x180.png"); }

.AccountStatementsCorporateV2 .payment-filter,
.CardStatementsCorporateV2 .payment-filter {
  /*        &-box {
            &.active {
                .inactive-arrow {
                    opacity: 0;
                }
            }
        }*/ }
  .AccountStatementsCorporateV2 .payment-filter .payment-filter-box svg,
  .CardStatementsCorporateV2 .payment-filter .payment-filter-box svg {
    left: 150px !important;
    top: 8px; }
  .AccountStatementsCorporateV2 .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient,
  .CardStatementsCorporateV2 .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient {
    top: -3px; }
    .AccountStatementsCorporateV2 .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient svg,
    .CardStatementsCorporateV2 .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient svg {
      left: 127px !important;
      top: 8px; }
      @media only screen and (max-width: 1024px) {
        .AccountStatementsCorporateV2 .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient svg,
        .CardStatementsCorporateV2 .payment-filter .payment-filter-box.name.check-item.payment-filter-recipient svg {
          right: unset !important;
          left: unset !important; } }

.CardStatements .payment-filter .payment-filter-box svg {
  left: 120px !important; }

.CardStatements .payment-filter-recipient {
  padding-left: 18px !important; }

.paymentOverviewDetails .transaction-popup-details-wrapper {
  overflow: hidden !important; }

.paymentOverviewDetails .card-turnover-detail-ico {
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  margin-bottom: 10px !important; }
  .paymentOverviewDetails .card-turnover-detail-ico .popup-ammount-ico {
    width: 20px !important;
    height: 20px !important; }

.paymentOverviewDetails .status-completed {
  color: #d20000; }

.paymentOverviewDetails .status-rejected {
  color: #FF435A; }

.paymentOverviewDetails .status-pending {
  color: #666666; }

.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 div > .show-more-btn,
.cardTurnoverDetails div > .show-more-btn {
  margin-bottom: 15px; }
  .accountTurnoverDetails div > .show-more-btn > .more-details:before,
  .cardTurnoverDetails div > .show-more-btn > .more-details:before {
    background-image: none !important; }
  .accountTurnoverDetails div > .show-more-btn > .less-details:before,
  .cardTurnoverDetails div > .show-more-btn > .less-details:before {
    background-image: none !important; }

.accountTurnoverDetails .expand-icon,
.cardTurnoverDetails .expand-icon {
  width: 14px;
  height: 14px;
  stroke: #52ae30;
  margin-right: -25px;
  vertical-align: text-bottom; }

.accountTurnoverDetails .turnover-detail-ico svg,
.cardTurnoverDetails .turnover-detail-ico svg {
  width: 36px !important;
  height: 36px !important; }

.accountTurnoverDetails .status-completed,
.cardTurnoverDetails .status-completed {
  color: #d20000; }

.accountTurnoverDetails .status-rejected,
.cardTurnoverDetails .status-rejected {
  color: #FF435A; }

.accountTurnoverDetails .status-pending,
.cardTurnoverDetails .status-pending {
  color: #666666; }

.accountTurnoverDetails .all-account-wrapper-outer .all-accounts-popup-wrapper .account-item-inner .transation-details-info-wrapper .transaction-popup-detail p:first-child,
.cardTurnoverDetails .all-account-wrapper-outer .all-accounts-popup-wrapper .account-item-inner .transation-details-info-wrapper .transaction-popup-detail p:first-child {
  padding-right: 10px; }

.accountTurnoverDetails .all-account-wrapper-outer .all-accounts-popup-wrapper .account-item-inner .transation-details-info-wrapper .transaction-popup-detail p.description,
.cardTurnoverDetails .all-account-wrapper-outer .all-accounts-popup-wrapper .account-item-inner .transation-details-info-wrapper .transaction-popup-detail p.description {
  padding-right: 10px; }

/*    .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;
                }
            }
        }

        .status {
            &-completed {
                color: $color-2;
            }

            &-rejected {
                color: #ff435a;
            }

            &-pending {
                color: $color-3;
            }
        }
    }*/
.accountTurnoverDetails .transaction-state,
.cardTurnoverDetail .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,
  .cardTurnoverDetail .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,
  .cardTurnoverDetail .transaction-state-ico,
  .cardTurnoverDetails .transaction-state-ico,
  .loanRepaymentsDetails .transaction-state-ico,
  .depositBalance .transaction-state-ico {
    width: 20px;
    height: 20px; }
  .accountTurnoverDetails .transaction-state:first-child,
  .cardTurnoverDetail .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),
  .cardTurnoverDetail .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,
.cardTurnoverDetail .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 {
    background-color: #52ae30;
    border-radius: 5px;
    width: 4px; }

.UserInfo {
  /*.password-change-dialog .wrapper-label-input{
        height: 50px !important;
    }*/ }
  .UserInfo .UserInfoHeader {
    padding: 50px 72px 50px 74px;
    position: relative; }
    .UserInfo .UserInfoHeader .heading {
      font-family: "Mark-Bold", sans-serif;
      color: #FFFFFF;
      font-size: 28px; }
    .UserInfo .UserInfoHeader > div:last-child {
      right: 72px; }
      @media only screen and (max-width: 600px) {
        .UserInfo .UserInfoHeader > div:last-child {
          right: 50%;
          top: 0; } }

.stickyHeader {
  z-index: 201 !important;
  position: fixed !important;
  background-color: #d20000;
  background-image: none !important;
  height: 130px !important; }
  .stickyHeader .heading,
  .stickyHeader .menu-btn {
    display: none; }

.token-list .tableHeader {
  display: inline-flex;
  margin-bottom: 25px; }

.token-list .addNewToken {
  float: right;
  color: #FFFFFF;
  background-color: #d20000;
  border: none;
  border-radius: 31px;
  height: 30px;
  font-family: "Source-Sans-Pro", sans-serif;
  font-size: 14px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08) !important;
  transition: all .5s; }
  .token-list .addNewToken .button-ico {
    width: 20px;
    height: 20px;
    background-color: transparent;
    position: relative;
    margin-right: 10px; }
    .token-list .addNewToken .button-ico .button-ico-svg {
      position: absolute;
      width: 20px;
      height: 20px;
      top: 50%;
      transform: translate(-50%, -50%);
      stroke: #FFFFFF; }
  .token-list .addNewToken:hover {
    background-color: #2A7F00;
    transition: all .5s; }

.token-list .account-statement-info-inner .account-statements-info {
  transition: all .5s;
  height: 55px; }
  .token-list .account-statement-info-inner .account-statements-info:hover {
    transition: all .5s; }
    .token-list .account-statement-info-inner .account-statements-info:hover .tokens-ico {
      transition: all .5s; }
    .token-list .account-statement-info-inner .account-statements-info:hover .pdf-download {
      visibility: visible;
      cursor: pointer; }

.token-list .group-inner {
  width: 18% !important;
  margin-bottom: 0px !important; }
  .token-list .group-inner .pdf-download {
    min-width: 100px;
    padding: 10px 10px 10px 10px;
    justify-content: center;
    margin-left: 16px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
    transition: box-shadow .5s, background-color .5s;
    visibility: hidden; }
    .token-list .group-inner .pdf-download:hover {
      box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.08); }

.token-list .tokens-ico {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  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: 19.2% !important; }
  .token-list .payment-filter-serialnum .page-text-2 {
    margin-left: 32px !important;
    margin-right: 10px;
    white-space: nowrap;
    font-family: "Source-Sans-Pro", sans-serif; }
  .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: 17px; }

.token-list .column-date p {
  margin-left: -5px; }

.token-list .column-buttons {
  position: absolute;
  right: 70px; }

.token-list .button {
  float: right; }

.LoanRepayments {
  margin-bottom: 80px;
  padding-bottom: 0px !important; }
  .LoanRepayments .loans-wrapper {
    position: relative; }
  .LoanRepayments .customBorderLine {
    border-bottom: 1px solid #C7C7C7;
    margin-top: 10px; }
  .LoanRepayments .payment-filter-recipient {
    width: 70%;
    padding-right: 255px; }
  .LoanRepayments .payment-filter-box .page-text-2 {
    padding-right: 25px;
    float: right; }
  .LoanRepayments .payments-ico {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #FFFFFF;
    position: relative; }
    .LoanRepayments .payments-ico .payments-ico-svg {
      position: absolute;
      width: 20px;
      height: 20px;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .LoanRepayments .pager {
    border-top: 1px solid #A2B8CF !important;
    padding-top: 13px !important;
    margin-top: 16px !important;
    margin-bottom: -100px !important; }
  .LoanRepayments .loan-filter-wrapper .payment-filter-payment {
    position: relative;
    padding: 5px 8px 4px;
    border-radius: 31px;
    cursor: pointer;
    -webkit-transition: background-color .5s;
    transition: background-color .5s; }
    .LoanRepayments .loan-filter-wrapper .payment-filter-payment:hover {
      background-color: #FFFFFF; }
      .LoanRepayments .loan-filter-wrapper .payment-filter-payment:hover .payments-ico {
        background-color: #EFEFEF;
        transition: background-color .5s; }
      .LoanRepayments .loan-filter-wrapper .payment-filter-payment:hover .pdf-download {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition-delay: .1s;
        transition-delay: .1s; }
    .LoanRepayments .loan-filter-wrapper .payment-filter-payment .page-text small {
      position: relative;
      top: -2px; }
      .LoanRepayments .loan-filter-wrapper .payment-filter-payment .page-text small .dot-menu-dot {
        display: block;
        margin: 2px;
        width: 4px;
        height: 4px;
        border-radius: 50%; }
    .LoanRepayments .loan-filter-wrapper .payment-filter-payment .payment-filter-currency {
      margin: 0 7px; }
  .LoanRepayments .loan-filter-wrapper .payment-info-amount {
    width: 21%;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .LoanRepayments .loan-filter-wrapper .payment-info-date {
    width: 19%; }
    .LoanRepayments .loan-filter-wrapper .payment-info-date p {
      padding-left: 16px; }
  .LoanRepayments .loan-filter-wrapper .payment-info-recipient {
    width: 55%; }
  .LoanRepayments .loan-filter-wrapper .pdf-download {
    position: absolute;
    top: 50%;
    right: 135px;
    -webkit-transform: translate(10px, -50%);
    transform: translate(10px, -50%);
    opacity: 0;
    visibility: hidden;
    margin-left: 0;
    margin-right: 10px;
    -webkit-transition: opacity .5s,visibility .5s,background-color .5s,box-shadow .5s,-webkit-transform .5s;
    transition: opacity .5s,visibility .5s,background-color .5s,box-shadow .5s,-webkit-transform .5s;
    transition: opacity .5s,visibility .5s,transform .5s,background-color .5s,box-shadow .5s;
    transition: opacity .5s,visibility .5s,transform .5s,background-color .5s,box-shadow .5s,-webkit-transform .5s;
    padding: 10px;
    margin-left: 16px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); }
    .LoanRepayments .loan-filter-wrapper .pdf-download:hover {
      box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.08);
      background-color: #DCDCDC; }
    .LoanRepayments .loan-filter-wrapper .pdf-download .pdf-ico {
      width: 18px;
      height: 20px; }
    .LoanRepayments .loan-filter-wrapper .pdf-download p {
      width: -webkit-calc(100% - 28px);
      width: calc(100% - 28px);
      text-transform: uppercase;
      padding: 0 0 0 10px;
      line-height: 1; }
  .LoanRepayments .payment-filter {
    border-bottom: 1px solid #C7C7C7; }
    .LoanRepayments .payment-filter-ico {
      position: absolute;
      width: 8px;
      height: 14px;
      right: 8px !important;
      top: 0px;
      cursor: pointer; }
    .LoanRepayments .payment-filter-recipient {
      width: 67%;
      padding-left: 10px; }
      .LoanRepayments .payment-filter-recipient .filter-loan-wrapper {
        position: relative;
        width: 15%; }
    .LoanRepayments .payment-filter-box {
      position: relative; }
      .LoanRepayments .payment-filter-box.active .payment-ico-filter-down {
        opacity: 0; }
      .LoanRepayments .payment-filter-box:first-child {
        width: 16%;
        padding-left: 75px; }
        .LoanRepayments .payment-filter-box:first-child .filter-loan-wrapper {
          position: relative;
          width: 33%; }
      .LoanRepayments .payment-filter-box .page-text-2 {
        cursor: pointer;
        padding-right: 25px;
        display: inline-block;
        margin-bottom: 15px;
        font-weight: 600;
        line-height: 1;
        -webkit-transition: color .5s;
        transition: color .5s; }
      .LoanRepayments .payment-filter-box .payment-filter-amount {
        width: 10%; }
    .LoanRepayments .payment-filter-amount {
      right: 55px; }

.CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img {
  display: block !important;
  position: absolute;
  right: 15px;
  width: 18px;
  height: 18px; }

.CardInstallmentsV2 .gvCardInstallments .clientGrid thead {
  border-bottom: 1px solid #C7C7C7; }
  .CardInstallmentsV2 .gvCardInstallments .clientGrid thead tr th {
    text-align: left !important;
    padding-left: 12px; }

.CardInstallmentsV2 .gvCardInstallments .clientGrid tbody:before {
  content: "@";
  display: block;
  line-height: 20px;
  text-indent: -99999px; }

.CardInstallmentsV2 .gvCardInstallments .clientGrid tbody tr {
  height: 53px !important; }
  .CardInstallmentsV2 .gvCardInstallments .clientGrid tbody tr:first-child {
    border-top: none !important; }
  .CardInstallmentsV2 .gvCardInstallments .clientGrid tbody tr td:nth-child(2) {
    border-bottom-left-radius: 34px;
    border-top-left-radius: 34px; }
  .CardInstallmentsV2 .gvCardInstallments .clientGrid tbody tr td:last-child {
    text-align: right !important;
    border-bottom-right-radius: 34px;
    border-top-right-radius: 34px; }

.CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box,
.CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box {
  width: calc(20% - 17px); }

.CardInstallmentsV2 .focusin,
.CardTurnoverCorporateV2 .focusin {
  border: 2px solid #121212 !important; }

.CardInstallmentsV2 .gvCardTurnover .clientGridPager,
.CardTurnoverCorporateV2 .gvCardTurnover .clientGridPager {
  margin-bottom: 0px; }

.CardInstallmentsV2 .gvCardTurnover .clientGrid thead,
.CardTurnoverCorporateV2 .gvCardTurnover .clientGrid thead {
  border-bottom: 1px solid #e6e6e6; }
  .CardInstallmentsV2 .gvCardTurnover .clientGrid thead tr th:nth-child(3),
  .CardTurnoverCorporateV2 .gvCardTurnover .clientGrid thead tr th:nth-child(3) {
    text-align: left; }
  .CardInstallmentsV2 .gvCardTurnover .clientGrid thead tr th:nth-child(4),
  .CardTurnoverCorporateV2 .gvCardTurnover .clientGrid thead tr th:nth-child(4) {
    text-align: left; }
  .CardInstallmentsV2 .gvCardTurnover .clientGrid thead tr th:nth-child(5),
  .CardTurnoverCorporateV2 .gvCardTurnover .clientGrid thead tr th:nth-child(5) {
    text-align: right; }

.CardInstallmentsV2 .gvCardTurnover .clientGrid tbody,
.CardTurnoverCorporateV2 .gvCardTurnover .clientGrid tbody {
  /*&:before {
                        content: "@";
                        display: block;
                        line-height: 20px;
                        text-indent: -99999px;
                    }*/ }
  .CardInstallmentsV2 .gvCardTurnover .clientGrid tbody tr,
  .CardTurnoverCorporateV2 .gvCardTurnover .clientGrid tbody tr {
    border-bottom: 1px solid #e6e6e6 !important; }
    .CardInstallmentsV2 .gvCardTurnover .clientGrid tbody tr:first-child,
    .CardTurnoverCorporateV2 .gvCardTurnover .clientGrid tbody tr:first-child {
      border-top: none !important; }
    .CardInstallmentsV2 .gvCardTurnover .clientGrid tbody tr td,
    .CardTurnoverCorporateV2 .gvCardTurnover .clientGrid tbody tr td {
      border-radius: 0; }
      .CardInstallmentsV2 .gvCardTurnover .clientGrid tbody tr td:nth-child(3),
      .CardTurnoverCorporateV2 .gvCardTurnover .clientGrid tbody tr td:nth-child(3) {
        text-align: left;
        width: 20%; }
      .CardInstallmentsV2 .gvCardTurnover .clientGrid tbody tr td:nth-child(4),
      .CardTurnoverCorporateV2 .gvCardTurnover .clientGrid tbody tr td:nth-child(4) {
        text-align: left;
        width: 40%; }
      .CardInstallmentsV2 .gvCardTurnover .clientGrid tbody tr td:nth-child(5) .tablesaw-cell-content,
      .CardTurnoverCorporateV2 .gvCardTurnover .clientGrid tbody tr td:nth-child(5) .tablesaw-cell-content {
        justify-content: flex-end; }
      .CardInstallmentsV2 .gvCardTurnover .clientGrid tbody tr td:last-child,
      .CardTurnoverCorporateV2 .gvCardTurnover .clientGrid tbody tr td:last-child {
        padding-right: 16px; }
      .CardInstallmentsV2 .gvCardTurnover .clientGrid tbody tr td .tablesaw-cell-content,
      .CardTurnoverCorporateV2 .gvCardTurnover .clientGrid tbody tr td .tablesaw-cell-content {
        align-items: center;
        width: 10%; }
        .CardInstallmentsV2 .gvCardTurnover .clientGrid tbody tr td .tablesaw-cell-content small,
        .CardTurnoverCorporateV2 .gvCardTurnover .clientGrid tbody tr td .tablesaw-cell-content small {
          position: static;
          top: unset; }
    .CardInstallmentsV2 .gvCardTurnover .clientGrid tbody tr .color-debit,
    .CardInstallmentsV2 .gvCardTurnover .clientGrid tbody tr .currencyTurnover,
    .CardTurnoverCorporateV2 .gvCardTurnover .clientGrid tbody tr .color-debit,
    .CardTurnoverCorporateV2 .gvCardTurnover .clientGrid tbody tr .currencyTurnover {
      font-family: "Mark-Medium", sans-serif;
      color: #121212;
      font-size: 15px; }
    .CardInstallmentsV2 .gvCardTurnover .clientGrid tbody tr .color-credit,
    .CardTurnoverCorporateV2 .gvCardTurnover .clientGrid tbody tr .color-credit {
      color: #23c841; }

/*.AccountTurnoverV2 {*/
.gvAccountTurnoverPreview .clientGrid thead {
  padding-bottom: 20px;
  border-bottom: 1px solid #e6e6e6; }
  .gvAccountTurnoverPreview .clientGrid thead tr th:nth-child(3) {
    text-align: left;
    padding-left: 0px; }
  .gvAccountTurnoverPreview .clientGrid thead tr th:nth-child(4) {
    text-align: left;
    padding-left: 0px; }
  .gvAccountTurnoverPreview .clientGrid thead tr th:nth-child(5) {
    padding-left: 5px; }
  .gvAccountTurnoverPreview .clientGrid thead tr th:nth-child(6), .gvAccountTurnoverPreview .clientGrid thead tr th:nth-child(7), .gvAccountTurnoverPreview .clientGrid thead tr th:nth-child(8) {
    padding-left: 0px; }

.gvAccountTurnoverPreview .clientGrid tbody {
  /* &:before {
                    content: "@";
                    display: block;
                    line-height: 20px;
                    text-indent: -99999px;
                }*/ }
  .gvAccountTurnoverPreview .clientGrid tbody tr:first-child {
    border-top: none !important; }
  .gvAccountTurnoverPreview .clientGrid tbody tr td {
    border-radius: 0; }
    .gvAccountTurnoverPreview .clientGrid tbody tr td:nth-child(3) {
      text-align: left; }
    .gvAccountTurnoverPreview .clientGrid tbody tr td:nth-child(4) {
      width: 12%;
      text-align: left; }
    .gvAccountTurnoverPreview .clientGrid tbody tr td:nth-child(5) {
      width: 20%;
      padding-left: 5px; }
      .gvAccountTurnoverPreview .clientGrid tbody tr td:nth-child(5) .tablesaw-cell-content {
        justify-content: flex-start; }
    .gvAccountTurnoverPreview .clientGrid tbody tr td:nth-child(6) {
      width: 17%; }
    .gvAccountTurnoverPreview .clientGrid tbody tr td:last-child {
      padding-right: 16px; }
    .gvAccountTurnoverPreview .clientGrid tbody tr td .tablesaw-cell-content {
      align-items: center; }
      .gvAccountTurnoverPreview .clientGrid tbody tr td .tablesaw-cell-content small {
        position: static;
        top: unset; }
  .gvAccountTurnoverPreview .clientGrid tbody tr:hover {
    background-color: #faeede; }

.gvAccountTurnoverPreview .payments-ico {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background-color: #E8E9EC;
  position: relative; }
  .gvAccountTurnoverPreview .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 {
  position: relative;
  padding: 5px 8px 4px;
  border-radius: 12px;
  cursor: pointer;
  -webkit-transition: background-color .5s;
  transition: background-color .5s; }
  .gvAccountTurnoverPreview .loan-filter-wrapper .payment-filter-payment:hover {
    background-color: #F3F3F3; }
    .gvAccountTurnoverPreview .loan-filter-wrapper .payment-filter-payment:hover .pdf-download {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-transition-delay: .1s;
      transition-delay: .1s; }
  .gvAccountTurnoverPreview .loan-filter-wrapper .payment-filter-payment .page-text small {
    position: relative;
    top: -2px; }
    .gvAccountTurnoverPreview .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 {
    margin: 0 7px; }

.gvAccountTurnoverPreview .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 {
  width: 14%; }
  .gvAccountTurnoverPreview .loan-filter-wrapper .payment-info-date p {
    padding-left: 16px; }

.gvAccountTurnoverPreview .loan-filter-wrapper .payment-info-recipient {
  width: 29%; }

.gvAccountTurnoverPreview .loan-filter-wrapper .payment-info-description {
  width: 35%; }

.gvAccountTurnoverPreview .loan-filter-wrapper .pdf-download {
  position: absolute;
  top: 50%;
  right: 69px;
  -webkit-transform: translate(10px, -50%);
  transform: translate(10px, -50%);
  opacity: 0;
  visibility: hidden;
  margin-left: 0;
  margin-right: 10px;
  -webkit-transition: opacity .5s,visibility .5s,background-color .5s,box-shadow .5s,-webkit-transform .5s;
  transition: opacity .5s,visibility .5s,background-color .5s,box-shadow .5s,-webkit-transform .5s;
  transition: opacity .5s,visibility .5s,transform .5s,background-color .5s,box-shadow .5s;
  transition: opacity .5s,visibility .5s,transform .5s,background-color .5s,box-shadow .5s,-webkit-transform .5s;
  padding: 10px;
  margin-left: 16px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); }
  .gvAccountTurnoverPreview .loan-filter-wrapper .pdf-download:hover {
    box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.08);
    background-color: #DCDCDC; }
  .gvAccountTurnoverPreview .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 {
    width: 18px;
    height: 20px; }

.gvAccountTurnoverPreview .payment-filter {
  border-bottom: 1px solid #C7C7C7; }
  .gvAccountTurnoverPreview .payment-filter-ico {
    position: absolute;
    width: 8px;
    height: 14px;
    right: 0;
    top: 2px;
    cursor: pointer; }
  .gvAccountTurnoverPreview .payment-filter-recipient {
    width: 30%;
    padding-left: 14px; }
    .gvAccountTurnoverPreview .payment-filter-recipient .filter-loan-wrapper {
      position: relative;
      width: 23%; }
  .gvAccountTurnoverPreview .payment-filter-description {
    width: 44%; }
    .gvAccountTurnoverPreview .payment-filter-description .filter-loan-wrapper {
      position: relative;
      width: 20%; }
  .gvAccountTurnoverPreview .payment-filter-box {
    position: relative; }
    .gvAccountTurnoverPreview .payment-filter-box.active .page-text-2 {
      color: #121212; }
    .gvAccountTurnoverPreview .payment-filter-box.active .payment-ico-filter-down {
      opacity: 0; }
    .gvAccountTurnoverPreview .payment-filter-box.active .inactive-arrow {
      opacity: 1; }
    .gvAccountTurnoverPreview .payment-filter-box:first-child {
      width: 15.5%; }
      .gvAccountTurnoverPreview .payment-filter-box:first-child .filter-loan-wrapper {
        position: relative;
        width: 73%; }
      .gvAccountTurnoverPreview .payment-filter-box:first-child p {
        padding-left: 75px; }
    .gvAccountTurnoverPreview .payment-filter-box .page-text-2 {
      cursor: pointer;
      padding-right: 25px;
      display: inline-block;
      margin-bottom: 15px;
      font-weight: 600;
      line-height: 1;
      -webkit-transition: color .5s;
      transition: color .5s; }
    .gvAccountTurnoverPreview .payment-filter-box .payment-filter-amount {
      width: 10%; }

.reservedFunds .account-inter-inner-scroll,
.pendingOrders .account-inter-inner-scroll {
  padding: 0; }

.reservedFunds .pending-expenses-box,
.pendingOrders .pending-expenses-box {
  margin-right: 15px; }

.reservedFundsCards {
  z-index: 1005 !important; }

.installmentsList .all-account-popup-title,
.reservedFunds .all-account-popup-title,
.pendingOrders .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,
.pendingOrders .all-accounts-popup-wrapper p,
.reservedFundsCard .all-accounts-popup-wrapper p,
.reservedFundsSlider .all-accounts-popup-wrapper p {
  text-align: center;
  color: #d20000; }

.installmentsList .reservedFundsDate,
.installmentsList .pendingOrdersDate,
.reservedFunds .reservedFundsDate,
.reservedFunds .pendingOrdersDate,
.pendingOrders .reservedFundsDate,
.pendingOrders .pendingOrdersDate,
.reservedFundsCard .reservedFundsDate,
.reservedFundsCard .pendingOrdersDate,
.reservedFundsSlider .reservedFundsDate,
.reservedFundsSlider .pendingOrdersDate {
  font-size: 14px; }

.installmentsList .reservedFundsLeft,
.installmentsList .pendingOrdersLeft,
.reservedFunds .reservedFundsLeft,
.reservedFunds .pendingOrdersLeft,
.pendingOrders .reservedFundsLeft,
.pendingOrders .pendingOrdersLeft,
.reservedFundsCard .reservedFundsLeft,
.reservedFundsCard .pendingOrdersLeft,
.reservedFundsSlider .reservedFundsLeft,
.reservedFundsSlider .pendingOrdersLeft {
  display: inline-block; }

.installmentsList .reservedFundsCurrency,
.installmentsList .pendingOrdersCurrency,
.reservedFunds .reservedFundsCurrency,
.reservedFunds .pendingOrdersCurrency,
.pendingOrders .reservedFundsCurrency,
.pendingOrders .pendingOrdersCurrency,
.reservedFundsCard .reservedFundsCurrency,
.reservedFundsCard .pendingOrdersCurrency,
.reservedFundsSlider .reservedFundsCurrency,
.reservedFundsSlider .pendingOrdersCurrency {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #C7C7C7; }

.installmentsList .reservedFundsAmount,
.installmentsList .pendingOrdersAmount,
.reservedFunds .reservedFundsAmount,
.reservedFunds .pendingOrdersAmount,
.pendingOrders .reservedFundsAmount,
.pendingOrders .pendingOrdersAmount,
.reservedFundsCard .reservedFundsAmount,
.reservedFundsCard .pendingOrdersAmount,
.reservedFundsSlider .reservedFundsAmount,
.reservedFundsSlider .pendingOrdersAmount {
  position: absolute;
  display: inline-block;
  right: 8%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.installmentsList .reserved-funds-ico,
.reservedFunds .reserved-funds-ico,
.pendingOrders .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,
  .pendingOrders .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: #121212;
    position: absolute;
    margin-right: 15px; }

.LoanAnnuityPlan .turnover-icon {
  margin-right: 13px; }

.LoanAnnuityPlan .filter-wrapper-list-7-outher-wrapper .filter-wrapper-list-7 {
  padding: 16px;
  border-radius: 28px; }
  .LoanAnnuityPlan .filter-wrapper-list-7-outher-wrapper .filter-wrapper-list-7 .payment-filter-box {
    width: 15.3333%; }
    .LoanAnnuityPlan .filter-wrapper-list-7-outher-wrapper .filter-wrapper-list-7 .payment-filter-box p {
      width: 80%; }
  .LoanAnnuityPlan .filter-wrapper-list-7-outher-wrapper .filter-wrapper-list-7 .payment-filter-box-total {
    width: 8%; }
  .LoanAnnuityPlan .filter-wrapper-list-7-outher-wrapper .filter-wrapper-list-7 .payment-filter {
    padding-bottom: 10px; }
  .LoanAnnuityPlan .filter-wrapper-list-7-outher-wrapper .filter-wrapper-list-7 .payment-info-wrapper .payment-filter-payment .blank-column-ap-total {
    width: 3.8% !important; }
  .LoanAnnuityPlan .filter-wrapper-list-7-outher-wrapper .filter-wrapper-list-7 .payment-info-wrapper .payment-filter-payment .payment-filter-payment {
    width: 15.3333%;
    padding-bottom: 0px !important; }

.LoanAnnuityPlan .filter-wrapper-list-7-outher-wrapper .page-text {
  line-height: 1; }

.LoanAnnuityPlan .date {
  color: #C7C7C7; }

.LoanAnnuityPlan .row-arrow {
  display: inline;
  float: right; }
  .LoanAnnuityPlan .row-arrow svg {
    fill: #C7C7C7; }

.LoanAnnuityPlan .tablesaw thead tr:first-child th {
  text-align: left;
  vertical-align: middle; }

.LoanAnnuityPlan #gvLoanAnnuityPlan thead tr th:nth-child(2) div {
  /*right: -81px;*/ }

.LoanAnnuityPlan .payment-filter-payment {
  cursor: default !important; }
  .LoanAnnuityPlan .payment-filter-payment:hover {
    background-color: transparent !important; }

.LoanBalancePreviewV2 {
  margin-bottom: 0 !important; }
  .LoanBalancePreviewV2 .accounts-intro-title {
    width: 60%; }
    .LoanBalancePreviewV2 .accounts-intro-title .account-card-text {
      width: calc(100% - 75px); }
  .LoanBalancePreviewV2 .filter-error-ico {
    margin-top: 15px; }

.user-intro-section-name .title-1 {
  display: inline; }

.user-intro-section-name span.name {
  font-size: 24px; }

.user-intro-section-name p {
  margin-top: 10px; }

.MessageHubNotificationList .tableFilter {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }
  .MessageHubNotificationList .tableFilter .transaction-filter-wrapper {
    width: 100%; }
  .MessageHubNotificationList .tableFilter .transaction-filter-inner {
    width: calc(100% - 101px); }
    .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter {
      padding-top: 0;
      padding-bottom: 0;
      padding-right: 0; }
      .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box {
        width: -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: #C7C7C7;
      width: 18px;
      height: 18px;
      position: absolute;
      top: 50%;
      right: 16px;
      transform: translateY(-50%); }

.MessageHubNotificationList .btnNewMessage svg,
.MessageHubNotificationList .btnNewMessage p {
  display: inline; }

.MessageHubNotificationList .btnNewMessage p {
  width: -webkit-calc(100% - 18px);
  width: calc(100% - 18px);
  padding: 0 0 0 10px;
  line-height: 1; }

.MessageHubNotificationList .filterButton {
  position: relative;
  bottom: 12px; }
  .MessageHubNotificationList .filterButton button {
    padding: 10px 13px;
    background-color: #d20000;
    border-radius: 20px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08) !important;
    transition: box-shadow .5s;
    font-family: "Mark-Regular", sans-serif;
    color: #FFFFFF;
    width: 80px;
    height: 40px;
    font-size: 14px;
    cursor: pointer;
    margin-left: 45px; }
    .MessageHubNotificationList .filterButton button:hover {
      background-color: #b40000;
      transition: background-color .5s; }

.messageDetail .all-account-wrapper-outer {
  padding-top: 15px !important; }

.messageDetail .message-title {
  overflow-wrap: break-word; }
  .messageDetail .message-title-archive {
    margin-top: 30px; }
  .messageDetail .message-title-new {
    margin-top: 0px; }

.messageDetail .element-border {
  border-radius: 20px !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: #666666 !important; }

.messageDetail .conversation-box.white-box .attachment-card {
  background-color: #FFFFFF !important;
  border: 1px solid #E8E9EC;
  margin-right: 0px;
  margin-bottom: 20px !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.blue-box .attachment-card {
  background-color: #d20000 !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 .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 .validationMessage {
  margin-top: 3px;
  margin-left: -3px; }

.messageDetail .form-submit-btn-ico {
  width: 20px !important;
  height: 16px !important; }

.messageDetail .sendMessageBtn {
  padding: 15px 0px !important; }
  .messageDetail .sendMessageBtn svg {
    left: 38% !important;
    top: 45% !important;
    stroke: #FFFFFF; }

.messageDetail .active {
  border: 1px solid #d20000; }

.messageDetail .characters-counter {
  position: absolute;
  bottom: 27px;
  left: 360px;
  font-size: 14px;
  margin-bottom: 0px !important;
  color: #666666; }

.messageDetail .texarea-1 {
  width: 90%;
  margin-left: 14px;
  margin-top: 15px;
  font-size: 13px;
  font-family: "Source-Sans-Pro", sans-serif !important; }

.messageDetail .input-1 {
  font-size: 13px !important;
  font-family: "Source-Sans-Pro", sans-serif !important;
  width: 90% !important;
  border: none;
  background-color: transparent;
  margin-bottom: 6px;
  padding: 11px 17px !important; }

.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 #textEditor {
  height: 283px; }
  .messageDetail #textEditor .validationMessage {
    margin-top: 73px;
    margin-left: -3px; }

.messageDetail .dot-menu {
  position: absolute;
  bottom: 24px;
  left: 24px;
  border-radius: 50% !important;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.23); }
  .messageDetail .dot-menu .file-input-wrap svg {
    stroke: #d20000; }
  .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: 14px !important;
  padding-left: 0px !important;
  padding-top: 0px !important;
  margin-top: 15px;
  margin-bottom: 15px;
  font-family: "Source-Sans-Pro", 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: 25px;
  margin-bottom: 12px !important; }
  .messageDetail .attachment-card svg {
    margin-left: 25px !important;
    stroke: #d20000; }

.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;
  padding: 0 40px; }

.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: 18px;
    height: 20px;
    display: inline-block;
    margin-left: 10px; }
  .message-hub-dialog .newMessageDialog .attachment-card p {
    color: #121212;
    display: inline-block;
    font-family: "Mark-Bold", sans-serif; }

.message-hub-dialog .newMessageDialog .messageDetail .group-inner {
  width: 100%; }

.message-hub-dialog .newMessageDialog .texarea-1 {
  letter-spacing: 0;
  font-size: 16px;
  font-family: "Source-Sans-Pro", sans-serif; }

.message-hub-dialog .newMessageDialog .input-1 {
  font-size: 15px !important;
  font-family: "Source-Sans-Pro", sans-serif !important;
  padding: 0 17px !important;
  height: auto; }

.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;
    padding: 0 40px;
    overflow: auto; }
  .message-hub-dialog .read-messages-list .message-title-archive {
    margin-top: 0px !important; }

.message-hub-dialog .message-popup-text-wrapper {
  width: 100%; }

.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;
      height: 14px; }
    .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;
    background-color: #d20000 !important;
    color: #FFFFFF !important;
    font-size: 16px !important;
    font-weight: 700;
    position: relative;
    bottom: 25px;
    border: 2px solid transparent;
    border-radius: 8px;
    padding: 14px 16px;
    box-shadow: none;
    transition: background-color .3s;
    text-wrap: nowrap;
    cursor: pointer; }
    .read-message .btn-1.color-6:hover {
      background-color: #b40000 !important;
      box-shadow: none; }

.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: 10px;
        margin-left: 16px;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
        -webkit-transition: box-shadow .5s,background-color .5s;
        transition: box-shadow .5s,background-color .5s;
        color: #121212 !important; }
        .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 svg,
        .rateData .read-messages-list .all-account-popup-title h3 a svg,
        .transferData .read-messages-list .all-account-popup-title h3 a svg,
        .transferSuccess .read-messages-list .all-account-popup-title h3 a svg,
        .exchangeDetails .read-messages-list .all-account-popup-title h3 a svg,
        .intrabankData .read-messages-list .all-account-popup-title h3 a svg,
        .intrabankDataSuccess .read-messages-list .all-account-popup-title h3 a svg,
        .newTemplate .read-messages-list .all-account-popup-title h3 a svg {
          padding-right: 10px; }
  .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;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    overflow: hidden; }
    .message-hub-dialog .read-messages-list .account-inter-inner-scroll.hidden,
    .rateData .read-messages-list .account-inter-inner-scroll.hidden,
    .transferData .read-messages-list .account-inter-inner-scroll.hidden,
    .transferSuccess .read-messages-list .account-inter-inner-scroll.hidden,
    .exchangeDetails .read-messages-list .account-inter-inner-scroll.hidden,
    .intrabankData .read-messages-list .account-inter-inner-scroll.hidden,
    .intrabankDataSuccess .read-messages-list .account-inter-inner-scroll.hidden,
    .newTemplate .read-messages-list .account-inter-inner-scroll.hidden {
      overflow: hidden !important; }
  .message-hub-dialog .read-messages-list .account-item-inner.optiscroll,
  .rateData .read-messages-list .account-item-inner.optiscroll,
  .transferData .read-messages-list .account-item-inner.optiscroll,
  .transferSuccess .read-messages-list .account-item-inner.optiscroll,
  .exchangeDetails .read-messages-list .account-item-inner.optiscroll,
  .intrabankData .read-messages-list .account-item-inner.optiscroll,
  .intrabankDataSuccess .read-messages-list .account-item-inner.optiscroll,
  .newTemplate .read-messages-list .account-item-inner.optiscroll {
    height: 100%;
    position: relative; }
    .message-hub-dialog .read-messages-list .account-item-inner.optiscroll.template,
    .rateData .read-messages-list .account-item-inner.optiscroll.template,
    .transferData .read-messages-list .account-item-inner.optiscroll.template,
    .transferSuccess .read-messages-list .account-item-inner.optiscroll.template,
    .exchangeDetails .read-messages-list .account-item-inner.optiscroll.template,
    .intrabankData .read-messages-list .account-item-inner.optiscroll.template,
    .intrabankDataSuccess .read-messages-list .account-item-inner.optiscroll.template,
    .newTemplate .read-messages-list .account-item-inner.optiscroll.template {
      height: 660px !important; }
      @media (max-height: 852px) {
        .message-hub-dialog .read-messages-list .account-item-inner.optiscroll.template,
        .rateData .read-messages-list .account-item-inner.optiscroll.template,
        .transferData .read-messages-list .account-item-inner.optiscroll.template,
        .transferSuccess .read-messages-list .account-item-inner.optiscroll.template,
        .exchangeDetails .read-messages-list .account-item-inner.optiscroll.template,
        .intrabankData .read-messages-list .account-item-inner.optiscroll.template,
        .intrabankDataSuccess .read-messages-list .account-item-inner.optiscroll.template,
        .newTemplate .read-messages-list .account-item-inner.optiscroll.template {
          height: 570px !important; } }
      @media (min-height: 975px) {
        .message-hub-dialog .read-messages-list .account-item-inner.optiscroll.template,
        .rateData .read-messages-list .account-item-inner.optiscroll.template,
        .transferData .read-messages-list .account-item-inner.optiscroll.template,
        .transferSuccess .read-messages-list .account-item-inner.optiscroll.template,
        .exchangeDetails .read-messages-list .account-item-inner.optiscroll.template,
        .intrabankData .read-messages-list .account-item-inner.optiscroll.template,
        .intrabankDataSuccess .read-messages-list .account-item-inner.optiscroll.template,
        .newTemplate .read-messages-list .account-item-inner.optiscroll.template {
          height: 100% !important; } }
      @media (min-height: 975px) {
        .message-hub-dialog .read-messages-list .account-item-inner.optiscroll.template.payment,
        .rateData .read-messages-list .account-item-inner.optiscroll.template.payment,
        .transferData .read-messages-list .account-item-inner.optiscroll.template.payment,
        .transferSuccess .read-messages-list .account-item-inner.optiscroll.template.payment,
        .exchangeDetails .read-messages-list .account-item-inner.optiscroll.template.payment,
        .intrabankData .read-messages-list .account-item-inner.optiscroll.template.payment,
        .intrabankDataSuccess .read-messages-list .account-item-inner.optiscroll.template.payment,
        .newTemplate .read-messages-list .account-item-inner.optiscroll.template.payment {
          height: 74% !important; } }
  .message-hub-dialog .read-messages-list .text-dialog-reply,
  .rateData .read-messages-list .text-dialog-reply,
  .transferData .read-messages-list .text-dialog-reply,
  .transferSuccess .read-messages-list .text-dialog-reply,
  .exchangeDetails .read-messages-list .text-dialog-reply,
  .intrabankData .read-messages-list .text-dialog-reply,
  .intrabankDataSuccess .read-messages-list .text-dialog-reply,
  .newTemplate .read-messages-list .text-dialog-reply {
    position: relative;
    background-color: #EFEFEF;
    z-index: 10; }
    .message-hub-dialog .read-messages-list .text-dialog-reply .form-submit-btn-ico,
    .rateData .read-messages-list .text-dialog-reply .form-submit-btn-ico,
    .transferData .read-messages-list .text-dialog-reply .form-submit-btn-ico,
    .transferSuccess .read-messages-list .text-dialog-reply .form-submit-btn-ico,
    .exchangeDetails .read-messages-list .text-dialog-reply .form-submit-btn-ico,
    .intrabankData .read-messages-list .text-dialog-reply .form-submit-btn-ico,
    .intrabankDataSuccess .read-messages-list .text-dialog-reply .form-submit-btn-ico,
    .newTemplate .read-messages-list .text-dialog-reply .form-submit-btn-ico {
      z-index: 99 !important;
      position: absolute;
      width: 24px;
      height: 12px;
      left: 40%;
      top: 42%; }
  .message-hub-dialog .read-messages-list .file-input-wrap.attachment svg,
  .rateData .read-messages-list .file-input-wrap.attachment svg,
  .transferData .read-messages-list .file-input-wrap.attachment svg,
  .transferSuccess .read-messages-list .file-input-wrap.attachment svg,
  .exchangeDetails .read-messages-list .file-input-wrap.attachment svg,
  .intrabankData .read-messages-list .file-input-wrap.attachment svg,
  .intrabankDataSuccess .read-messages-list .file-input-wrap.attachment svg,
  .newTemplate .read-messages-list .file-input-wrap.attachment svg {
    width: 18px;
    height: 20px; }
  .message-hub-dialog .read-messages-list .modal-inner-content,
  .rateData .read-messages-list .modal-inner-content,
  .transferData .read-messages-list .modal-inner-content,
  .transferSuccess .read-messages-list .modal-inner-content,
  .exchangeDetails .read-messages-list .modal-inner-content,
  .intrabankData .read-messages-list .modal-inner-content,
  .intrabankDataSuccess .read-messages-list .modal-inner-content,
  .newTemplate .read-messages-list .modal-inner-content {
    background: white;
    padding: 20px 40px;
    padding-top: 40px;
    padding-bottom: 20px; }
  .message-hub-dialog .read-messages-list .dot-menu,
  .rateData .read-messages-list .dot-menu,
  .transferData .read-messages-list .dot-menu,
  .transferSuccess .read-messages-list .dot-menu,
  .exchangeDetails .read-messages-list .dot-menu,
  .intrabankData .read-messages-list .dot-menu,
  .intrabankDataSuccess .read-messages-list .dot-menu,
  .newTemplate .read-messages-list .dot-menu {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }

.notificationMsgListFilter {
  /*
    .active {
        border: 1px solid $color-2 !important;
    }*/ }
  .notificationMsgListFilter .transaction-filter-inner .dk-selected {
    transform: none; }
  .notificationMsgListFilter .dk-select.select.select-1.status:after, .notificationMsgListFilter .dk-select.select.select-1.categories:after {
    content: "";
    display: block;
    width: 9px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 18px;
    background: url(images/icons/arrows-2.png) 50% no-repeat;
    background-size: 9px;
    z-index: 3; }
  .notificationMsgListFilter .dk-select.select.select-1.status.active:after, .notificationMsgListFilter .dk-select.select.select-1.categories.active:after {
    z-index: 11; }

.accountTurnoverFilter .dk-select.select.select-1:after {
  content: '';
  margin-left: 10px;
  position: absolute;
  top: 40%;
  right: 15px;
  /* transform: translate(0, -50%); */
  width: 11px;
  height: 14px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  transition: .5s ease; }

.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: 15px 36px !important;
  font-family: "Mark-Regular", sans-serif !important;
  box-shadow: 0 8px 24px rgba(54, 60, 164, 0.4);
  transition: all .5s; }
  .commercial-wrapper .btn-2:hover {
    background: #2A7F00; }

.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 {
    background-color: #FFFFFF;
    color: #121212;
    padding: 8px 19px;
    border-radius: 20px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); }
    .notificationMsgList .dot-menu-text-wrapper .wh-button.archive:hover, .notificationMsgList .dot-menu-text-wrapper .wh-button.markRead:hover {
      box-shadow: none;
      background-color: #FFFFFF; }
    .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", sans-serif !important;
  color: #666666; }

.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; }
  .notificationMsgList .msgHubThreadList .payment-filter-box.name {
    left: 15.5%;
    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: 19px;
  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 !important;
    height: 14px;
    width: 14px;
    border: 2px solid #C7C7C7;
    border-radius: 2px;
    background: transparent;
    cursor: pointer; }
    .notificationMsgList .msgHubThreadList .part-checkbox .checkboxCustom .checkbox-save.checked .checkmark:after {
      content: "";
      width: 18px;
      height: 18px;
      left: -2px;
      top: -2px;
      position: absolute;
      background: url(images/icons/checkbox.png) 0 0 no-repeat;
      background-size: 100%;
      -webkit-transition: opacity .3s;
      transition: opacity .3s; }

.notificationMsgList .msgHubThreadList .archive-section .message {
  padding: 20px 70px 20px 20px; }
  .notificationMsgList .msgHubThreadList .archive-section .message .message-date {
    display: inline-block;
    color: #666666;
    font-size: 15px;
    width: 92px; }
  .notificationMsgList .msgHubThreadList .archive-section .message .title {
    font-size: 15px;
    margin: 0;
    color: #121212;
    line-height: 20px;
    display: inline-block;
    position: absolute;
    left: 190px; }

.notificationMsgList .clientGridPager .pagination {
  padding-right: 20px;
  font-family: "Mark-Bold", sans-serif;
  color: #C7C7C7;
  font-size: 13px; }

.notificationMsgList .clientGridPager .maxPage {
  padding-left: 10px; }

.notificationMsgList .clientGridPager .currentPage {
  width: 40px;
  height: 40px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
  -webkit-transition: box-shadow .5s;
  transition: box-shadow .5s;
  cursor: pointer;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #E8E9EC;
  margin: 0 13px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #FFFFFF;
  border-radius: 50%;
  margin: 0 13px;
  color: #121212;
  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 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: #121212; }
    .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 .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: 24px; }
    .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: #B8BAC4;
        font-weight: 600;
        font-size: 15px;
        letter-spacing: -.02em; }
      .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: #52ae30;
        width: 8px;
        height: 14px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .FXTrading .user-account-card-outer .user-account-card .account-detail-menu .account-card-btn,
      .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: 8px;
        border: 1px solid #DCDCDC;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-text-size-adjust: none;
        -webkit-tap-highlight-color: transparent;
        user-select: none;
        background-color: #efefef; }
        .FXTrading .user-account-card-outer .user-account-card .account-detail-menu .account-card-btn:hover,
        .PaymentTransferV2 .user-account-card-outer .user-account-card .account-detail-menu .account-card-btn:hover,
        .CardPayment .user-account-card-outer .user-account-card .account-detail-menu .account-card-btn:hover,
        .PaymentOrderV2 .user-account-card-outer .user-account-card .account-detail-menu .account-card-btn:hover,
        .PaymentOrderV4 .user-account-card-outer .user-account-card .account-detail-menu .account-card-btn:hover {
          border: 2px solid #E6E6E6;
          background-color: #e6e6e6; }
      .FXTrading .user-account-card-outer .user-account-card .account-detail-menu.active .dot-menu:after,
      .PaymentTransferV2 .user-account-card-outer .user-account-card .account-detail-menu.active .dot-menu:after,
      .CardPayment .user-account-card-outer .user-account-card .account-detail-menu.active .dot-menu:after,
      .PaymentOrderV2 .user-account-card-outer .user-account-card .account-detail-menu.active .dot-menu:after,
      .PaymentOrderV4 .user-account-card-outer .user-account-card .account-detail-menu.active .dot-menu:after {
        transform: rotate(180deg); }
  .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 .5s;
      transition: background-color .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: #F3F3F3 !important; }
      .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 .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s,-webkit-transform .5s;
        width: 20px;
        height: 20px;
        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: 33px; }
        .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: "Mark-Regular", 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: "Mark-Regular", 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: #B8BAC4;
        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: 24px; }
          .FXTrading .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .available,
          .FXTrading .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .currency,
          .PaymentTransferV2 .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .available,
          .PaymentTransferV2 .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .currency,
          .CardPayment .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .available,
          .CardPayment .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .currency,
          .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .available,
          .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .currency,
          .PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .available,
          .PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .currency {
            font-size: 20px; }
          .FXTrading .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .currency,
          .PaymentTransferV2 .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .currency,
          .CardPayment .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .currency,
          .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .currency,
          .PaymentOrderV4 .user-account-card-outer .wrapper.account-card-img .accounts-intro-balance.right .account-balance-amount-text .currency {
            color: #B8BAC4; }
        .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), transparent);
        margin-top: 0px; }

.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;
    padding: 0 40px; }
    .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;
      z-index: 1;
      top: 0px !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;
      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; }
    .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: #121212 !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 #C7C7C7;
    border-radius: 2px;
    background: transparent;
    cursor: pointer;
    left: 10px;
    z-index: 2; }
    .PaymentOrderV2 .checkbox-save .checkmark:after,
    .PaymentOrderV4 .checkbox-save .checkmark:after {
      content: "";
      width: 18px;
      height: 18px;
      left: -2px;
      top: -2px;
      position: absolute;
      background: url(images/icons/checkbox.png) 0 0 no-repeat;
      background-size: 100%;
      opacity: 0;
      -webkit-transition: opacity .3s;
      transition: opacity .3s; }
  .PaymentOrderV2 .checkbox-save.checked .checkmark:after,
  .PaymentOrderV4 .checkbox-save.checked .checkmark:after {
    opacity: 1; }
  .PaymentOrderV2 .checkbox-save.unchecked .checkmark:after,
  .PaymentOrderV4 .checkbox-save.unchecked .checkmark:after {
    opacity: 0; }

.PaymentOrderV2 .payment-form-checkbox-label,
.PaymentOrderV4 .payment-form-checkbox-label {
  padding-left: 40px !important;
  display: inline !important; }

.PaymentOrderV2 .templateName,
.PaymentOrderV4 .templateName {
  display: inline; }
  .PaymentOrderV2 .templateName input,
  .PaymentOrderV4 .templateName input {
    border: 1px solid #E8E9EC !important;
    padding: 8px !important;
    border-radius: 8px !important; }

.PaymentOrderV2 .dk-select.select-1,
.PaymentOrderV2 .btnExecute,
.PaymentOrderV4 .dk-select.select-1,
.PaymentOrderV4 .btnExecute {
  cursor: pointer;
  border-radius: 30px !important; }

.PaymentOrderV2 .transaction-calendar input,
.PaymentOrderV4 .transaction-calendar input {
  cursor: pointer !important; }

.PaymentOrderV2 .wrapper,
.PaymentOrderV4 .wrapper {
  width: -webkit-calc(100% - 160px);
  width: calc(100% - 0px);
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .PaymentOrderV2 .wrapper.account-card-img,
  .PaymentOrderV4 .wrapper.account-card-img {
    -webkit-transition: background-color .5s;
    transition: background-color .5s; }
    .PaymentOrderV2 .wrapper.account-card-img.selected,
    .PaymentOrderV4 .wrapper.account-card-img.selected {
      background-image: linear-gradient(to bottom, rgba(54, 57, 164, 0.1), transparent);
      margin-top: 40px; }
    .PaymentOrderV2 .wrapper.account-card-img:hover,
    .PaymentOrderV4 .wrapper.account-card-img:hover {
      background-color: #F3F3F3 !important; }
    .PaymentOrderV2 .wrapper.account-card-img .user-account-card-img,
    .PaymentOrderV4 .wrapper.account-card-img .user-account-card-img {
      display: none; }
      .PaymentOrderV2 .wrapper.account-card-img .user-account-card-img.background-5,
      .PaymentOrderV4 .wrapper.account-card-img .user-account-card-img.background-5 {
        display: block;
        background-image: none;
        width: 40px;
        height: 40px;
        border-radius: 50%; }
        .PaymentOrderV2 .wrapper.account-card-img .user-account-card-img.background-5 svg,
        .PaymentOrderV4 .wrapper.account-card-img .user-account-card-img.background-5 svg {
          width: 24px;
          height: 19px;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
    .PaymentOrderV2 .wrapper.account-card-img .profile-text-arrow,
    .PaymentOrderV4 .wrapper.account-card-img .profile-text-arrow {
      display: block;
      fill: #C7C7C7;
      -webkit-transition: -webkit-transform .5s;
      transition: -webkit-transform .5s;
      transition: transform .5s;
      transition: transform .5s,-webkit-transform .5s;
      width: 20px;
      height: 20px;
      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: 33px; }
      .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: "Mark-Regular", 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: "Mark-Regular", 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: #B8BAC4;
      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 .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,
.FXTrading .transaction-filter-inner .input-ref,
.CardPayment .transaction-filter-inner .input-amount,
.CardPayment .transaction-filter-inner .input-ref,
.PaymentTransferV2 .transaction-filter-inner .input-amount,
.PaymentTransferV2 .transaction-filter-inner .input-ref {
  padding: 23px 0px 5px 24px;
  font-size: 15px;
  font-family: "Mark-Regular", sans-serif;
  height: 22px;
  border: 1px solid #dcdcdc; }
  .FXTrading .transaction-filter-inner .input-amount.borderError,
  .FXTrading .transaction-filter-inner .input-ref.borderError,
  .CardPayment .transaction-filter-inner .input-amount.borderError,
  .CardPayment .transaction-filter-inner .input-ref.borderError,
  .PaymentTransferV2 .transaction-filter-inner .input-amount.borderError,
  .PaymentTransferV2 .transaction-filter-inner .input-ref.borderError {
    border: 1px solid red; }
  .FXTrading .transaction-filter-inner .input-amount.disabled,
  .FXTrading .transaction-filter-inner .input-ref.disabled,
  .CardPayment .transaction-filter-inner .input-amount.disabled,
  .CardPayment .transaction-filter-inner .input-ref.disabled,
  .PaymentTransferV2 .transaction-filter-inner .input-amount.disabled,
  .PaymentTransferV2 .transaction-filter-inner .input-ref.disabled {
    background: #efefef;
    pointer-events: none;
    color: gray;
    cursor: not-allowed; }
  .FXTrading .transaction-filter-inner .input-amount:focus,
  .FXTrading .transaction-filter-inner .input-ref:focus,
  .CardPayment .transaction-filter-inner .input-amount:focus,
  .CardPayment .transaction-filter-inner .input-ref:focus,
  .PaymentTransferV2 .transaction-filter-inner .input-amount:focus,
  .PaymentTransferV2 .transaction-filter-inner .input-ref:focus {
    border-color: #52ae30; }

.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: 6; }
  .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 .txt.amount label.txt,
.CardPayment .transaction-filter-inner .txt.amount label.txt,
.PaymentTransferV2 .transaction-filter-inner .txt.amount label.txt {
  z-index: 4; }

.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;
  width: 97%;
  border-radius: 30px; }
  .FXTrading .transaction-filter-inner .credit-type-select-wrapper.active,
  .CardPayment .transaction-filter-inner .credit-type-select-wrapper.active,
  .PaymentTransferV2 .transaction-filter-inner .credit-type-select-wrapper.active {
    padding-bottom: 0px; }
  .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: 5; }
  .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: #666666; }
  .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) !important;
    top: 100%;
    left: -24px;
    margin-top: -35px;
    position: relative;
    box-shadow: none;
    overflow: auto;
    padding: 0;
    margin-top: 5px;
    max-height: 165px;
    min-height: 100px;
    border-top: 2px solid #d20000 !important; }
    .FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options.active,
    .CardPayment .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options.active,
    .PaymentTransferV2 .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options.active {
      border: unset; }
  .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 #d20000 !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: 74vh !important; }
  #accountBalanceDomesticTemplate .transaction-popup-details-wrapper.templateWrapper.frn {
    height: 74vh !important; }

#accountBalanceDomesticTemplate .swift-ico {
  background-image: url("images/icons/ic_preuzmi_crna@2x.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 .pay-ico {
  background-image: url("images/menu-icons/ico_payments@2x.png");
  top: 52%;
  left: 46%;
  transform: translate(-50%, -50%);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  position: absolute;
  background-position: 50% 50%;
  transition: all 0.5s; }

#accountBalanceDomesticTemplate .transaction-popup-option.pay-icon:hover .pay-ico {
  background-image: url("images/menu-icons/ico_payments_active@2x.png"); }

#accountBalanceDomesticTemplate .transaction-popup-option.swift-icon:hover .swift-ico {
  background-image: url("images/icons/ic_preuzmi_bijela@2x.png"); }

#TravelInsuranceEndowmentTemplate .pay-insurance-debt {
  background-image: url(images/icons/plati-osiguranje-b.png);
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  position: absolute;
  background-position: 50% 50%;
  transition: all .5; }

#TravelInsuranceEndowmentTemplate .discount-popup-icon-wrapper:hover .pay-insurance-debt {
  background-image: url(images/icons/plati-osiguranje-w.png); }

#TravelInsuranceUniqaTemplate .read-messages-list,
#TravelInsuranceEndowmentTemplate .read-messages-list,
#TravelInsuranceTemplate .read-messages-list,
#accountBalanceDomesticTemplate .read-messages-list {
  box-shadow: none;
  height: 98vh !important; }
  #TravelInsuranceUniqaTemplate .read-messages-list .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: #d20000;
      stroke: #d20000; }
      #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: 0px; }
  #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: "Mark-Regular", sans-serif; }

#TravelInsuranceUniqaTemplate .element-border,
#TravelInsuranceEndowmentTemplate .element-border,
#TravelInsuranceTemplate .element-border,
#accountBalanceDomesticTemplate .element-border {
  border-radius: 38px; }

#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: 8px;
    background-color: #f3f3f3;
    color: #121212;
    border: 2px solid transparent;
    font-family: "Mark-Medium", sans-serif;
    font-size: 16px;
    line-height: 1;
    padding: 14px 16px;
    transition: background-color .3s; }
    #TravelInsuranceUniqaTemplate .popup-btn-wrapper .btn-2:hover,
    #TravelInsuranceEndowmentTemplate .popup-btn-wrapper .btn-2:hover,
    #TravelInsuranceTemplate .popup-btn-wrapper .btn-2:hover,
    #accountBalanceDomesticTemplate .popup-btn-wrapper .btn-2:hover {
      background: #e6e6e6; }
    #TravelInsuranceUniqaTemplate .popup-btn-wrapper .btn-2.background-5:hover,
    #TravelInsuranceEndowmentTemplate .popup-btn-wrapper .btn-2.background-5:hover,
    #TravelInsuranceTemplate .popup-btn-wrapper .btn-2.background-5:hover,
    #accountBalanceDomesticTemplate .popup-btn-wrapper .btn-2.background-5:hover {
      background: #e8e9ec !important;
      border-color: #e8e9ec !important; }
    #TravelInsuranceUniqaTemplate .popup-btn-wrapper .btn-2.color-3,
    #TravelInsuranceEndowmentTemplate .popup-btn-wrapper .btn-2.color-3,
    #TravelInsuranceTemplate .popup-btn-wrapper .btn-2.color-3,
    #accountBalanceDomesticTemplate .popup-btn-wrapper .btn-2.color-3 {
      background-color: #F3F3F3;
      color: #121212; }
    #TravelInsuranceUniqaTemplate .popup-btn-wrapper .btn-2.template,
    #TravelInsuranceEndowmentTemplate .popup-btn-wrapper .btn-2.template,
    #TravelInsuranceTemplate .popup-btn-wrapper .btn-2.template,
    #accountBalanceDomesticTemplate .popup-btn-wrapper .btn-2.template {
      width: 140px !important;
      font-family: 'Source-Sans-Pro-bold', 'sans-serif';
      font-size: 15px; }
    #TravelInsuranceUniqaTemplate .popup-btn-wrapper .btn-2.backToHome,
    #TravelInsuranceEndowmentTemplate .popup-btn-wrapper .btn-2.backToHome,
    #TravelInsuranceTemplate .popup-btn-wrapper .btn-2.backToHome,
    #accountBalanceDomesticTemplate .popup-btn-wrapper .btn-2.backToHome {
      background: #52AE30;
      box-shadow: 0 8px 24px rgba(54, 60, 164, 0.4);
      width: 100% !important; }
      #TravelInsuranceUniqaTemplate .popup-btn-wrapper .btn-2.backToHome:hover,
      #TravelInsuranceEndowmentTemplate .popup-btn-wrapper .btn-2.backToHome:hover,
      #TravelInsuranceTemplate .popup-btn-wrapper .btn-2.backToHome:hover,
      #accountBalanceDomesticTemplate .popup-btn-wrapper .btn-2.backToHome:hover {
        background: #2a7f00; }
    #TravelInsuranceUniqaTemplate .popup-btn-wrapper .btn-2.confirm,
    #TravelInsuranceEndowmentTemplate .popup-btn-wrapper .btn-2.confirm,
    #TravelInsuranceTemplate .popup-btn-wrapper .btn-2.confirm,
    #accountBalanceDomesticTemplate .popup-btn-wrapper .btn-2.confirm {
      background-color: #d20000;
      color: #FFFFFF;
      margin-left: 13px;
      display: flex; }
      #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: #b40000 !important; }
  #TravelInsuranceUniqaTemplate .popup-btn-wrapper .btn-shadow-1,
  #TravelInsuranceEndowmentTemplate .popup-btn-wrapper .btn-shadow-1,
  #TravelInsuranceTemplate .popup-btn-wrapper .btn-shadow-1,
  #accountBalanceDomesticTemplate .popup-btn-wrapper .btn-shadow-1 {
    transition: all .5s; }
    #TravelInsuranceUniqaTemplate .popup-btn-wrapper .btn-shadow-1:hover,
    #TravelInsuranceEndowmentTemplate .popup-btn-wrapper .btn-shadow-1:hover,
    #TravelInsuranceTemplate .popup-btn-wrapper .btn-shadow-1:hover,
    #accountBalanceDomesticTemplate .popup-btn-wrapper .btn-shadow-1:hover {
      background-color: #2A7F00;
      box-shadow: 0 0 14px rgba(54, 60, 164, 0.4); }
  #TravelInsuranceUniqaTemplate .popup-btn-wrapper.center,
  #TravelInsuranceEndowmentTemplate .popup-btn-wrapper.center,
  #TravelInsuranceTemplate .popup-btn-wrapper.center,
  #accountBalanceDomesticTemplate .popup-btn-wrapper.center {
    display: flex;
    align-items: center;
    justify-content: center; }
    #TravelInsuranceUniqaTemplate .popup-btn-wrapper.center a,
    #TravelInsuranceEndowmentTemplate .popup-btn-wrapper.center a,
    #TravelInsuranceTemplate .popup-btn-wrapper.center a,
    #accountBalanceDomesticTemplate .popup-btn-wrapper.center a {
      width: 100% !important; }

#TravelInsuranceTemplate .validation_message {
  left: 25px;
  top: 53px;
  height: 20px;
  opacity: 0;
  color: red;
  font-size: 15px;
  position: absolute; }

#TravelInsuranceTemplate .intrabank-wrapper.with-label-inside.margin-3.borderError input {
  border-color: red; }

#TravelInsuranceTemplate .intrabank-wrapper.with-label-inside.margin-3.borderError .validation_message {
  opacity: 1; }

.PaymentOrderV2 .otp-insurance-debt-payment .creditorName,
.PaymentOrderV2 .otp-insurance-debt-payment .creditorAddress,
.PaymentOrderV2 .otp-insurance-debt-payment .creditorModel,
.PaymentOrderV2 .otp-insurance-debt-payment .creditorCity,
.PaymentOrderV2 .otp-insurance-debt-payment .creditAccount,
.PaymentOrderV2 .otp-insurance-debt-payment .paymentCode,
.PaymentOrderV2 .otp-insurance-debt-payment .pbo,
.PaymentOrderV2 .otp-insurance-debt-payment .dateInput {
  border: 2px solid #DCDCDC;
  color: #989898;
  background-color: #F1F1F1;
  pointer-events: none !important;
  cursor: default !important; }

.PaymentOrderV2 .otp-insurance-debt-payment .inside-div-model-left,
.PaymentOrderV2 .otp-insurance-debt-payment .label-inside-custom-select,
.PaymentOrderV2 .otp-insurance-debt-payment .inside-div-model-right {
  cursor: default !important; }

.PaymentOrderV2 .otp-insurance-debt-payment .creditorName-wrapper svg,
.PaymentOrderV2 .otp-insurance-debt-payment .creditorName-wrapper a,
.PaymentOrderV2 .otp-insurance-debt-payment .paymentCode svg,
.PaymentOrderV2 .otp-insurance-debt-payment .paymentCode a {
  display: none !important; }

.CardPayment .input-select-1,
.CardPayment .btnExecute,
.PaymentTransferV2 .input-select-1,
.PaymentTransferV2 .btnExecute,
.FXTrading .input-select-1,
.FXTrading .btnExecute {
  cursor: pointer; }

.SMSDialog {
  border-radius: 16px !important;
  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: #121212 !important;
  border: none !important;
  background: #EFEFEF !important; }
  .SMSDialog .ui-dialog-titlebar {
    background: transparent;
    border: none;
    text-align: left;
    font-family: "Mark-Regular", sans-serif;
    color: #121212;
    font-weight: normal;
    font-size: 15px; }
    .SMSDialog .ui-dialog-titlebar:before {
      content: "";
      width: 40px;
      height: 6px;
      background: #d20000;
      border-radius: 6px;
      margin: auto;
      margin-bottom: 5px; }
    .SMSDialog .ui-dialog-titlebar span {
      font-family: "Mark-Regular", sans-serif;
      font-size: 24px;
      text-align: left !important;
      float: none !important;
      white-space: break-spaces; }
  .SMSDialog .ui-dialog-titlebar-close {
    display: none; }
  .SMSDialog .ui-dialog-buttonpane {
    border-top: none !important;
    padding: 0 !important; }
    .SMSDialog .ui-dialog-buttonpane .ui-dialog-buttonset {
      float: none !important; }
      .SMSDialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
        width: 44%;
        margin: 0;
        display: inline-block;
        font-size: 16px;
        padding: 14px 16px;
        border: 2px solid transparent !important;
        text-align: center;
        transition: background-color .5s;
        border-radius: 8px;
        font-family: "Mark-Medium", sans-serif;
        line-height: 1; }
        .SMSDialog .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(1) {
          background-color: #FFFFFF;
          color: #000000; }
          .SMSDialog .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(1):hover {
            background-color: #E8E9EC; }
        .SMSDialog .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(2) {
          background-color: #d20000;
          color: #FFFFFF; }
          .SMSDialog .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(2):hover {
            background-color: #2A7F00; }
  .SMSDialog input.smsCode {
    padding: 0;
    padding-left: 10px;
    width: 96%;
    transform: translateY(10px);
    margin-bottom: 25px; }
    .SMSDialog input.smsCode.borderError {
      border: 1px solid red; }
  .SMSDialog .active {
    border: 1px solid #d20000 !important; }
  .SMSDialog .SMSmessage {
    margin-bottom: 20px;
    display: block;
    margin-top: -25px;
    font-family: "Source-Sans-Pro", sans-serif !important; }

.SMSDialog.orderResults .ui-dialog-titlebar:before {
  display: none; }

.SMSDialog.orderResults.saveToServer .ui-dialog-titlebar:before,
.SMSDialog.orderResults.saveToDraft .ui-dialog-titlebar:before {
  display: block; }

.LoanRepayments,
.CreditorTemplateManaging,
.InflowsCorporate,
.ForeignPredefinedUsersCorporate,
.ForeignOrderReportCorporate,
.TokenList,
.CrontoTokenList,
.CardStatements,
.AccountStatementsCorporateV2,
.CardStatementsCorporateV2,
.SalariesServerOrderListCorporate {
  padding-bottom: 100px; }
  .LoanRepayments .show-per-page .page-text-2,
  .CreditorTemplateManaging .show-per-page .page-text-2,
  .InflowsCorporate .show-per-page .page-text-2,
  .ForeignPredefinedUsersCorporate .show-per-page .page-text-2,
  .ForeignOrderReportCorporate .show-per-page .page-text-2,
  .TokenList .show-per-page .page-text-2,
  .CrontoTokenList .show-per-page .page-text-2,
  .CardStatements .show-per-page .page-text-2,
  .AccountStatementsCorporateV2 .show-per-page .page-text-2,
  .CardStatementsCorporateV2 .show-per-page .page-text-2,
  .SalariesServerOrderListCorporate .show-per-page .page-text-2 {
    padding-right: 16px;
    font-family: 'Source-Sans-Pro-semibold'; }
  .LoanRepayments .payment-filter-box .inactive-sort-arrow,
  .CreditorTemplateManaging .payment-filter-box .inactive-sort-arrow,
  .InflowsCorporate .payment-filter-box .inactive-sort-arrow,
  .ForeignPredefinedUsersCorporate .payment-filter-box .inactive-sort-arrow,
  .ForeignOrderReportCorporate .payment-filter-box .inactive-sort-arrow,
  .TokenList .payment-filter-box .inactive-sort-arrow,
  .CrontoTokenList .payment-filter-box .inactive-sort-arrow,
  .CardStatements .payment-filter-box .inactive-sort-arrow,
  .AccountStatementsCorporateV2 .payment-filter-box .inactive-sort-arrow,
  .CardStatementsCorporateV2 .payment-filter-box .inactive-sort-arrow,
  .SalariesServerOrderListCorporate .payment-filter-box .inactive-sort-arrow {
    right: unset;
    display: inline;
    float: left;
    transition: opacity .5s;
    position: absolute;
    width: 8px;
    height: 14px;
    top: 2px;
    cursor: pointer;
    background-image: url("images/icons/arrows-2.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 1;
    z-index: 1; }
  .LoanRepayments .payment-filter-box .sort-indicator-name,
  .CreditorTemplateManaging .payment-filter-box .sort-indicator-name,
  .InflowsCorporate .payment-filter-box .sort-indicator-name,
  .ForeignPredefinedUsersCorporate .payment-filter-box .sort-indicator-name,
  .ForeignOrderReportCorporate .payment-filter-box .sort-indicator-name,
  .TokenList .payment-filter-box .sort-indicator-name,
  .CrontoTokenList .payment-filter-box .sort-indicator-name,
  .CardStatements .payment-filter-box .sort-indicator-name,
  .AccountStatementsCorporateV2 .payment-filter-box .sort-indicator-name,
  .CardStatementsCorporateV2 .payment-filter-box .sort-indicator-name,
  .SalariesServerOrderListCorporate .payment-filter-box .sort-indicator-name {
    right: unset;
    display: inline;
    float: left;
    transition: opacity .5s;
    position: absolute;
    width: 8px;
    height: 14px;
    top: 2px;
    cursor: pointer;
    background-image: url("images/icons/icon-sorter-down.png");
    background-repeat: no-repeat;
    opacity: 0; }
    .LoanRepayments .payment-filter-box .sort-indicator-name.active,
    .CreditorTemplateManaging .payment-filter-box .sort-indicator-name.active,
    .InflowsCorporate .payment-filter-box .sort-indicator-name.active,
    .ForeignPredefinedUsersCorporate .payment-filter-box .sort-indicator-name.active,
    .ForeignOrderReportCorporate .payment-filter-box .sort-indicator-name.active,
    .TokenList .payment-filter-box .sort-indicator-name.active,
    .CrontoTokenList .payment-filter-box .sort-indicator-name.active,
    .CardStatements .payment-filter-box .sort-indicator-name.active,
    .AccountStatementsCorporateV2 .payment-filter-box .sort-indicator-name.active,
    .CardStatementsCorporateV2 .payment-filter-box .sort-indicator-name.active,
    .SalariesServerOrderListCorporate .payment-filter-box .sort-indicator-name.active {
      opacity: 1;
      z-index: 2; }
  .LoanRepayments .payment-filter-box .sort-indicator-name-2,
  .CreditorTemplateManaging .payment-filter-box .sort-indicator-name-2,
  .InflowsCorporate .payment-filter-box .sort-indicator-name-2,
  .ForeignPredefinedUsersCorporate .payment-filter-box .sort-indicator-name-2,
  .ForeignOrderReportCorporate .payment-filter-box .sort-indicator-name-2,
  .TokenList .payment-filter-box .sort-indicator-name-2,
  .CrontoTokenList .payment-filter-box .sort-indicator-name-2,
  .CardStatements .payment-filter-box .sort-indicator-name-2,
  .AccountStatementsCorporateV2 .payment-filter-box .sort-indicator-name-2,
  .CardStatementsCorporateV2 .payment-filter-box .sort-indicator-name-2,
  .SalariesServerOrderListCorporate .payment-filter-box .sort-indicator-name-2 {
    right: unset;
    display: inline;
    float: left;
    transition: opacity .5s;
    position: absolute;
    width: 8px;
    height: 14px;
    top: 2px;
    cursor: pointer;
    background-image: url("images/icons/icon-sorter-up.png");
    background-repeat: no-repeat;
    opacity: 0; }
    .LoanRepayments .payment-filter-box .sort-indicator-name-2.active,
    .CreditorTemplateManaging .payment-filter-box .sort-indicator-name-2.active,
    .InflowsCorporate .payment-filter-box .sort-indicator-name-2.active,
    .ForeignPredefinedUsersCorporate .payment-filter-box .sort-indicator-name-2.active,
    .ForeignOrderReportCorporate .payment-filter-box .sort-indicator-name-2.active,
    .TokenList .payment-filter-box .sort-indicator-name-2.active,
    .CrontoTokenList .payment-filter-box .sort-indicator-name-2.active,
    .CardStatements .payment-filter-box .sort-indicator-name-2.active,
    .AccountStatementsCorporateV2 .payment-filter-box .sort-indicator-name-2.active,
    .CardStatementsCorporateV2 .payment-filter-box .sort-indicator-name-2.active,
    .SalariesServerOrderListCorporate .payment-filter-box .sort-indicator-name-2.active {
      opacity: 1;
      z-index: 2; }
  .LoanRepayments .credit-type-select-wrapper,
  .CreditorTemplateManaging .credit-type-select-wrapper,
  .InflowsCorporate .credit-type-select-wrapper,
  .ForeignPredefinedUsersCorporate .credit-type-select-wrapper,
  .ForeignOrderReportCorporate .credit-type-select-wrapper,
  .TokenList .credit-type-select-wrapper,
  .CrontoTokenList .credit-type-select-wrapper,
  .CardStatements .credit-type-select-wrapper,
  .AccountStatementsCorporateV2 .credit-type-select-wrapper,
  .CardStatementsCorporateV2 .credit-type-select-wrapper,
  .SalariesServerOrderListCorporate .credit-type-select-wrapper {
    height: 40px;
    background-color: transparent; }
    .LoanRepayments .credit-type-select-wrapper .dk-select,
    .CreditorTemplateManaging .credit-type-select-wrapper .dk-select,
    .InflowsCorporate .credit-type-select-wrapper .dk-select,
    .ForeignPredefinedUsersCorporate .credit-type-select-wrapper .dk-select,
    .ForeignOrderReportCorporate .credit-type-select-wrapper .dk-select,
    .TokenList .credit-type-select-wrapper .dk-select,
    .CrontoTokenList .credit-type-select-wrapper .dk-select,
    .CardStatements .credit-type-select-wrapper .dk-select,
    .AccountStatementsCorporateV2 .credit-type-select-wrapper .dk-select,
    .CardStatementsCorporateV2 .credit-type-select-wrapper .dk-select,
    .SalariesServerOrderListCorporate .credit-type-select-wrapper .dk-select {
      background-color: #ffffff;
      border-radius: 25px; }
      .LoanRepayments .credit-type-select-wrapper .dk-select .acc-number,
      .CreditorTemplateManaging .credit-type-select-wrapper .dk-select .acc-number,
      .InflowsCorporate .credit-type-select-wrapper .dk-select .acc-number,
      .ForeignPredefinedUsersCorporate .credit-type-select-wrapper .dk-select .acc-number,
      .ForeignOrderReportCorporate .credit-type-select-wrapper .dk-select .acc-number,
      .TokenList .credit-type-select-wrapper .dk-select .acc-number,
      .CrontoTokenList .credit-type-select-wrapper .dk-select .acc-number,
      .CardStatements .credit-type-select-wrapper .dk-select .acc-number,
      .AccountStatementsCorporateV2 .credit-type-select-wrapper .dk-select .acc-number,
      .CardStatementsCorporateV2 .credit-type-select-wrapper .dk-select .acc-number,
      .SalariesServerOrderListCorporate .credit-type-select-wrapper .dk-select .acc-number {
        color: #C7C7C7;
        font-size: 15px; }
      .LoanRepayments .credit-type-select-wrapper .dk-select .dk-selected,
      .CreditorTemplateManaging .credit-type-select-wrapper .dk-select .dk-selected,
      .InflowsCorporate .credit-type-select-wrapper .dk-select .dk-selected,
      .ForeignPredefinedUsersCorporate .credit-type-select-wrapper .dk-select .dk-selected,
      .ForeignOrderReportCorporate .credit-type-select-wrapper .dk-select .dk-selected,
      .TokenList .credit-type-select-wrapper .dk-select .dk-selected,
      .CrontoTokenList .credit-type-select-wrapper .dk-select .dk-selected,
      .CardStatements .credit-type-select-wrapper .dk-select .dk-selected,
      .AccountStatementsCorporateV2 .credit-type-select-wrapper .dk-select .dk-selected,
      .CardStatementsCorporateV2 .credit-type-select-wrapper .dk-select .dk-selected,
      .SalariesServerOrderListCorporate .credit-type-select-wrapper .dk-select .dk-selected {
        border: none;
        height: 36px;
        position: relative;
        min-width: 80px;
        padding: 8px 40px 8px 12px;
        max-height: 40px;
        max-width: 150px;
        background-color: #F3F3F3;
        border-radius: 8px;
        border: 2px solid transparent;
        transition: background-color .3s;
        font-size: 14px;
        min-height: 40px; }
        .LoanRepayments .credit-type-select-wrapper .dk-select .dk-selected:hover,
        .CreditorTemplateManaging .credit-type-select-wrapper .dk-select .dk-selected:hover,
        .InflowsCorporate .credit-type-select-wrapper .dk-select .dk-selected:hover,
        .ForeignPredefinedUsersCorporate .credit-type-select-wrapper .dk-select .dk-selected:hover,
        .ForeignOrderReportCorporate .credit-type-select-wrapper .dk-select .dk-selected:hover,
        .TokenList .credit-type-select-wrapper .dk-select .dk-selected:hover,
        .CrontoTokenList .credit-type-select-wrapper .dk-select .dk-selected:hover,
        .CardStatements .credit-type-select-wrapper .dk-select .dk-selected:hover,
        .AccountStatementsCorporateV2 .credit-type-select-wrapper .dk-select .dk-selected:hover,
        .CardStatementsCorporateV2 .credit-type-select-wrapper .dk-select .dk-selected:hover,
        .SalariesServerOrderListCorporate .credit-type-select-wrapper .dk-select .dk-selected:hover {
          background-color: #e6e6e6; }
        .LoanRepayments .credit-type-select-wrapper .dk-select .dk-selected:after,
        .CreditorTemplateManaging .credit-type-select-wrapper .dk-select .dk-selected:after,
        .InflowsCorporate .credit-type-select-wrapper .dk-select .dk-selected:after,
        .ForeignPredefinedUsersCorporate .credit-type-select-wrapper .dk-select .dk-selected:after,
        .ForeignOrderReportCorporate .credit-type-select-wrapper .dk-select .dk-selected:after,
        .TokenList .credit-type-select-wrapper .dk-select .dk-selected:after,
        .CrontoTokenList .credit-type-select-wrapper .dk-select .dk-selected:after,
        .CardStatements .credit-type-select-wrapper .dk-select .dk-selected:after,
        .AccountStatementsCorporateV2 .credit-type-select-wrapper .dk-select .dk-selected:after,
        .CardStatementsCorporateV2 .credit-type-select-wrapper .dk-select .dk-selected:after,
        .SalariesServerOrderListCorporate .credit-type-select-wrapper .dk-select .dk-selected:after {
          content: "";
          margin-left: 10px;
          position: absolute;
          top: 35%;
          right: 15px;
          width: 11px;
          height: 14px;
          background-image: url(images/icons/arrow-bottom-1.png);
          background-position: 50%;
          background-repeat: no-repeat;
          background-size: contain;
          transition: .5s ease; }
        .LoanRepayments .credit-type-select-wrapper .dk-select .dk-selected.active,
        .CreditorTemplateManaging .credit-type-select-wrapper .dk-select .dk-selected.active,
        .InflowsCorporate .credit-type-select-wrapper .dk-select .dk-selected.active,
        .ForeignPredefinedUsersCorporate .credit-type-select-wrapper .dk-select .dk-selected.active,
        .ForeignOrderReportCorporate .credit-type-select-wrapper .dk-select .dk-selected.active,
        .TokenList .credit-type-select-wrapper .dk-select .dk-selected.active,
        .CrontoTokenList .credit-type-select-wrapper .dk-select .dk-selected.active,
        .CardStatements .credit-type-select-wrapper .dk-select .dk-selected.active,
        .AccountStatementsCorporateV2 .credit-type-select-wrapper .dk-select .dk-selected.active,
        .CardStatementsCorporateV2 .credit-type-select-wrapper .dk-select .dk-selected.active,
        .SalariesServerOrderListCorporate .credit-type-select-wrapper .dk-select .dk-selected.active {
          border: 2px solid #121212; }
          .LoanRepayments .credit-type-select-wrapper .dk-select .dk-selected.active:after,
          .CreditorTemplateManaging .credit-type-select-wrapper .dk-select .dk-selected.active:after,
          .InflowsCorporate .credit-type-select-wrapper .dk-select .dk-selected.active:after,
          .ForeignPredefinedUsersCorporate .credit-type-select-wrapper .dk-select .dk-selected.active:after,
          .ForeignOrderReportCorporate .credit-type-select-wrapper .dk-select .dk-selected.active:after,
          .TokenList .credit-type-select-wrapper .dk-select .dk-selected.active:after,
          .CrontoTokenList .credit-type-select-wrapper .dk-select .dk-selected.active:after,
          .CardStatements .credit-type-select-wrapper .dk-select .dk-selected.active:after,
          .AccountStatementsCorporateV2 .credit-type-select-wrapper .dk-select .dk-selected.active:after,
          .CardStatementsCorporateV2 .credit-type-select-wrapper .dk-select .dk-selected.active:after,
          .SalariesServerOrderListCorporate .credit-type-select-wrapper .dk-select .dk-selected.active:after {
            transform: rotate(180deg); }
      .LoanRepayments .credit-type-select-wrapper .dk-select .dk-select-options,
      .CreditorTemplateManaging .credit-type-select-wrapper .dk-select .dk-select-options,
      .InflowsCorporate .credit-type-select-wrapper .dk-select .dk-select-options,
      .ForeignPredefinedUsersCorporate .credit-type-select-wrapper .dk-select .dk-select-options,
      .ForeignOrderReportCorporate .credit-type-select-wrapper .dk-select .dk-select-options,
      .TokenList .credit-type-select-wrapper .dk-select .dk-select-options,
      .CrontoTokenList .credit-type-select-wrapper .dk-select .dk-select-options,
      .CardStatements .credit-type-select-wrapper .dk-select .dk-select-options,
      .AccountStatementsCorporateV2 .credit-type-select-wrapper .dk-select .dk-select-options,
      .CardStatementsCorporateV2 .credit-type-select-wrapper .dk-select .dk-select-options,
      .SalariesServerOrderListCorporate .credit-type-select-wrapper .dk-select .dk-select-options {
        border-radius: 25px;
        position: relative;
        box-shadow: none;
        display: none;
        top: 0px; }
        .LoanRepayments .credit-type-select-wrapper .dk-select .dk-select-options li,
        .CreditorTemplateManaging .credit-type-select-wrapper .dk-select .dk-select-options li,
        .InflowsCorporate .credit-type-select-wrapper .dk-select .dk-select-options li,
        .ForeignPredefinedUsersCorporate .credit-type-select-wrapper .dk-select .dk-select-options li,
        .ForeignOrderReportCorporate .credit-type-select-wrapper .dk-select .dk-select-options li,
        .TokenList .credit-type-select-wrapper .dk-select .dk-select-options li,
        .CrontoTokenList .credit-type-select-wrapper .dk-select .dk-select-options li,
        .CardStatements .credit-type-select-wrapper .dk-select .dk-select-options li,
        .AccountStatementsCorporateV2 .credit-type-select-wrapper .dk-select .dk-select-options li,
        .CardStatementsCorporateV2 .credit-type-select-wrapper .dk-select .dk-select-options li,
        .SalariesServerOrderListCorporate .credit-type-select-wrapper .dk-select .dk-select-options li {
          padding: 10px 17px;
          cursor: pointer;
          font-family: "Mark-Medium", sans-serif;
          font-size: 14px;
          color: #121212;
          text-align: left;
          background: transparent;
          border-top: 1px solid transparent;
          -webkit-transition: background .3s;
          transition: background .3s; }
          .LoanRepayments .credit-type-select-wrapper .dk-select .dk-select-options li:last-child,
          .CreditorTemplateManaging .credit-type-select-wrapper .dk-select .dk-select-options li:last-child,
          .InflowsCorporate .credit-type-select-wrapper .dk-select .dk-select-options li:last-child,
          .ForeignPredefinedUsersCorporate .credit-type-select-wrapper .dk-select .dk-select-options li:last-child,
          .ForeignOrderReportCorporate .credit-type-select-wrapper .dk-select .dk-select-options li:last-child,
          .TokenList .credit-type-select-wrapper .dk-select .dk-select-options li:last-child,
          .CrontoTokenList .credit-type-select-wrapper .dk-select .dk-select-options li:last-child,
          .CardStatements .credit-type-select-wrapper .dk-select .dk-select-options li:last-child,
          .AccountStatementsCorporateV2 .credit-type-select-wrapper .dk-select .dk-select-options li:last-child,
          .CardStatementsCorporateV2 .credit-type-select-wrapper .dk-select .dk-select-options li:last-child,
          .SalariesServerOrderListCorporate .credit-type-select-wrapper .dk-select .dk-select-options li:last-child {
            padding-bottom: 6px; }
          .LoanRepayments .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected,
          .CreditorTemplateManaging .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected,
          .InflowsCorporate .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected,
          .ForeignPredefinedUsersCorporate .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected,
          .ForeignOrderReportCorporate .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected,
          .TokenList .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected,
          .CrontoTokenList .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected,
          .CardStatements .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected,
          .AccountStatementsCorporateV2 .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected,
          .CardStatementsCorporateV2 .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected,
          .SalariesServerOrderListCorporate .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected {
            background: transparent; }
        .LoanRepayments .credit-type-select-wrapper .dk-select .dk-select-options.perPage li,
        .CreditorTemplateManaging .credit-type-select-wrapper .dk-select .dk-select-options.perPage li,
        .InflowsCorporate .credit-type-select-wrapper .dk-select .dk-select-options.perPage li,
        .ForeignPredefinedUsersCorporate .credit-type-select-wrapper .dk-select .dk-select-options.perPage li,
        .ForeignOrderReportCorporate .credit-type-select-wrapper .dk-select .dk-select-options.perPage li,
        .TokenList .credit-type-select-wrapper .dk-select .dk-select-options.perPage li,
        .CrontoTokenList .credit-type-select-wrapper .dk-select .dk-select-options.perPage li,
        .CardStatements .credit-type-select-wrapper .dk-select .dk-select-options.perPage li,
        .AccountStatementsCorporateV2 .credit-type-select-wrapper .dk-select .dk-select-options.perPage li,
        .CardStatementsCorporateV2 .credit-type-select-wrapper .dk-select .dk-select-options.perPage li,
        .SalariesServerOrderListCorporate .credit-type-select-wrapper .dk-select .dk-select-options.perPage li {
          margin: 0;
          padding: 0;
          padding: 10px 35px 10px 16px;
          border-top: 1px solid transparent;
          border-bottom: 1px solid transparent; }
          .LoanRepayments .credit-type-select-wrapper .dk-select .dk-select-options.perPage li:hover,
          .CreditorTemplateManaging .credit-type-select-wrapper .dk-select .dk-select-options.perPage li:hover,
          .InflowsCorporate .credit-type-select-wrapper .dk-select .dk-select-options.perPage li:hover,
          .ForeignPredefinedUsersCorporate .credit-type-select-wrapper .dk-select .dk-select-options.perPage li:hover,
          .ForeignOrderReportCorporate .credit-type-select-wrapper .dk-select .dk-select-options.perPage li:hover,
          .TokenList .credit-type-select-wrapper .dk-select .dk-select-options.perPage li:hover,
          .CrontoTokenList .credit-type-select-wrapper .dk-select .dk-select-options.perPage li:hover,
          .CardStatements .credit-type-select-wrapper .dk-select .dk-select-options.perPage li:hover,
          .AccountStatementsCorporateV2 .credit-type-select-wrapper .dk-select .dk-select-options.perPage li:hover,
          .CardStatementsCorporateV2 .credit-type-select-wrapper .dk-select .dk-select-options.perPage li:hover,
          .SalariesServerOrderListCorporate .credit-type-select-wrapper .dk-select .dk-select-options.perPage li:hover {
            background-color: whitesmoke;
            border-color: #dcdcdc; }
          .LoanRepayments .credit-type-select-wrapper .dk-select .dk-select-options.perPage li.dk-option-selected,
          .CreditorTemplateManaging .credit-type-select-wrapper .dk-select .dk-select-options.perPage li.dk-option-selected,
          .InflowsCorporate .credit-type-select-wrapper .dk-select .dk-select-options.perPage li.dk-option-selected,
          .ForeignPredefinedUsersCorporate .credit-type-select-wrapper .dk-select .dk-select-options.perPage li.dk-option-selected,
          .ForeignOrderReportCorporate .credit-type-select-wrapper .dk-select .dk-select-options.perPage li.dk-option-selected,
          .TokenList .credit-type-select-wrapper .dk-select .dk-select-options.perPage li.dk-option-selected,
          .CrontoTokenList .credit-type-select-wrapper .dk-select .dk-select-options.perPage li.dk-option-selected,
          .CardStatements .credit-type-select-wrapper .dk-select .dk-select-options.perPage li.dk-option-selected,
          .AccountStatementsCorporateV2 .credit-type-select-wrapper .dk-select .dk-select-options.perPage li.dk-option-selected,
          .CardStatementsCorporateV2 .credit-type-select-wrapper .dk-select .dk-select-options.perPage li.dk-option-selected,
          .SalariesServerOrderListCorporate .credit-type-select-wrapper .dk-select .dk-select-options.perPage li.dk-option-selected {
            background: transparent; }
      .LoanRepayments .credit-type-select-wrapper .dk-select.perPage,
      .CreditorTemplateManaging .credit-type-select-wrapper .dk-select.perPage,
      .InflowsCorporate .credit-type-select-wrapper .dk-select.perPage,
      .ForeignPredefinedUsersCorporate .credit-type-select-wrapper .dk-select.perPage,
      .ForeignOrderReportCorporate .credit-type-select-wrapper .dk-select.perPage,
      .TokenList .credit-type-select-wrapper .dk-select.perPage,
      .CrontoTokenList .credit-type-select-wrapper .dk-select.perPage,
      .CardStatements .credit-type-select-wrapper .dk-select.perPage,
      .AccountStatementsCorporateV2 .credit-type-select-wrapper .dk-select.perPage,
      .CardStatementsCorporateV2 .credit-type-select-wrapper .dk-select.perPage,
      .SalariesServerOrderListCorporate .credit-type-select-wrapper .dk-select.perPage {
        padding: 0;
        overflow: hidden; }
        .LoanRepayments .credit-type-select-wrapper .dk-select.perPage .dk-selected,
        .CreditorTemplateManaging .credit-type-select-wrapper .dk-select.perPage .dk-selected,
        .InflowsCorporate .credit-type-select-wrapper .dk-select.perPage .dk-selected,
        .ForeignPredefinedUsersCorporate .credit-type-select-wrapper .dk-select.perPage .dk-selected,
        .ForeignOrderReportCorporate .credit-type-select-wrapper .dk-select.perPage .dk-selected,
        .TokenList .credit-type-select-wrapper .dk-select.perPage .dk-selected,
        .CrontoTokenList .credit-type-select-wrapper .dk-select.perPage .dk-selected,
        .CardStatements .credit-type-select-wrapper .dk-select.perPage .dk-selected,
        .AccountStatementsCorporateV2 .credit-type-select-wrapper .dk-select.perPage .dk-selected,
        .CardStatementsCorporateV2 .credit-type-select-wrapper .dk-select.perPage .dk-selected,
        .SalariesServerOrderListCorporate .credit-type-select-wrapper .dk-select.perPage .dk-selected {
          padding: 10px 35px 10px 16px; }
          .LoanRepayments .credit-type-select-wrapper .dk-select.perPage .dk-selected:after,
          .CreditorTemplateManaging .credit-type-select-wrapper .dk-select.perPage .dk-selected:after,
          .InflowsCorporate .credit-type-select-wrapper .dk-select.perPage .dk-selected:after,
          .ForeignPredefinedUsersCorporate .credit-type-select-wrapper .dk-select.perPage .dk-selected:after,
          .ForeignOrderReportCorporate .credit-type-select-wrapper .dk-select.perPage .dk-selected:after,
          .TokenList .credit-type-select-wrapper .dk-select.perPage .dk-selected:after,
          .CrontoTokenList .credit-type-select-wrapper .dk-select.perPage .dk-selected:after,
          .CardStatements .credit-type-select-wrapper .dk-select.perPage .dk-selected:after,
          .AccountStatementsCorporateV2 .credit-type-select-wrapper .dk-select.perPage .dk-selected:after,
          .CardStatementsCorporateV2 .credit-type-select-wrapper .dk-select.perPage .dk-selected:after,
          .SalariesServerOrderListCorporate .credit-type-select-wrapper .dk-select.perPage .dk-selected:after {
            right: 15px; }
  .LoanRepayments .payment-filter .payment-filter-box svg,
  .CreditorTemplateManaging .payment-filter .payment-filter-box svg,
  .InflowsCorporate .payment-filter .payment-filter-box svg,
  .ForeignPredefinedUsersCorporate .payment-filter .payment-filter-box svg,
  .ForeignOrderReportCorporate .payment-filter .payment-filter-box svg,
  .TokenList .payment-filter .payment-filter-box svg,
  .CrontoTokenList .payment-filter .payment-filter-box svg,
  .CardStatements .payment-filter .payment-filter-box svg,
  .AccountStatementsCorporateV2 .payment-filter .payment-filter-box svg,
  .CardStatementsCorporateV2 .payment-filter .payment-filter-box svg,
  .SalariesServerOrderListCorporate .payment-filter .payment-filter-box svg {
    right: unset;
    display: inline;
    float: left; }
  .LoanRepayments .account-statements-info .beneficiaries-fav svg,
  .CreditorTemplateManaging .account-statements-info .beneficiaries-fav svg,
  .InflowsCorporate .account-statements-info .beneficiaries-fav svg,
  .ForeignPredefinedUsersCorporate .account-statements-info .beneficiaries-fav svg,
  .ForeignOrderReportCorporate .account-statements-info .beneficiaries-fav svg,
  .TokenList .account-statements-info .beneficiaries-fav svg,
  .CrontoTokenList .account-statements-info .beneficiaries-fav svg,
  .CardStatements .account-statements-info .beneficiaries-fav svg,
  .AccountStatementsCorporateV2 .account-statements-info .beneficiaries-fav svg,
  .CardStatementsCorporateV2 .account-statements-info .beneficiaries-fav svg,
  .SalariesServerOrderListCorporate .account-statements-info .beneficiaries-fav svg {
    margin: 0 25px; }
  .LoanRepayments .account-statements-info .beneficiaries-fav .beneficiaries-star.empty,
  .CreditorTemplateManaging .account-statements-info .beneficiaries-fav .beneficiaries-star.empty,
  .InflowsCorporate .account-statements-info .beneficiaries-fav .beneficiaries-star.empty,
  .ForeignPredefinedUsersCorporate .account-statements-info .beneficiaries-fav .beneficiaries-star.empty,
  .ForeignOrderReportCorporate .account-statements-info .beneficiaries-fav .beneficiaries-star.empty,
  .TokenList .account-statements-info .beneficiaries-fav .beneficiaries-star.empty,
  .CrontoTokenList .account-statements-info .beneficiaries-fav .beneficiaries-star.empty,
  .CardStatements .account-statements-info .beneficiaries-fav .beneficiaries-star.empty,
  .AccountStatementsCorporateV2 .account-statements-info .beneficiaries-fav .beneficiaries-star.empty,
  .CardStatementsCorporateV2 .account-statements-info .beneficiaries-fav .beneficiaries-star.empty,
  .SalariesServerOrderListCorporate .account-statements-info .beneficiaries-fav .beneficiaries-star.empty {
    display: block; }
  .LoanRepayments .account-statements-info .beneficiaries-fav .beneficiaries-star.filled,
  .CreditorTemplateManaging .account-statements-info .beneficiaries-fav .beneficiaries-star.filled,
  .InflowsCorporate .account-statements-info .beneficiaries-fav .beneficiaries-star.filled,
  .ForeignPredefinedUsersCorporate .account-statements-info .beneficiaries-fav .beneficiaries-star.filled,
  .ForeignOrderReportCorporate .account-statements-info .beneficiaries-fav .beneficiaries-star.filled,
  .TokenList .account-statements-info .beneficiaries-fav .beneficiaries-star.filled,
  .CrontoTokenList .account-statements-info .beneficiaries-fav .beneficiaries-star.filled,
  .CardStatements .account-statements-info .beneficiaries-fav .beneficiaries-star.filled,
  .AccountStatementsCorporateV2 .account-statements-info .beneficiaries-fav .beneficiaries-star.filled,
  .CardStatementsCorporateV2 .account-statements-info .beneficiaries-fav .beneficiaries-star.filled,
  .SalariesServerOrderListCorporate .account-statements-info .beneficiaries-fav .beneficiaries-star.filled {
    display: none; }
  .LoanRepayments .account-statements-info .beneficiaries-fav.active,
  .CreditorTemplateManaging .account-statements-info .beneficiaries-fav.active,
  .InflowsCorporate .account-statements-info .beneficiaries-fav.active,
  .ForeignPredefinedUsersCorporate .account-statements-info .beneficiaries-fav.active,
  .ForeignOrderReportCorporate .account-statements-info .beneficiaries-fav.active,
  .TokenList .account-statements-info .beneficiaries-fav.active,
  .CrontoTokenList .account-statements-info .beneficiaries-fav.active,
  .CardStatements .account-statements-info .beneficiaries-fav.active,
  .AccountStatementsCorporateV2 .account-statements-info .beneficiaries-fav.active,
  .CardStatementsCorporateV2 .account-statements-info .beneficiaries-fav.active,
  .SalariesServerOrderListCorporate .account-statements-info .beneficiaries-fav.active {
    /*svg {
                    stroke: #f60;
                    fill: #f60;
                }*/ }
    .LoanRepayments .account-statements-info .beneficiaries-fav.active .beneficiaries-star.empty,
    .CreditorTemplateManaging .account-statements-info .beneficiaries-fav.active .beneficiaries-star.empty,
    .InflowsCorporate .account-statements-info .beneficiaries-fav.active .beneficiaries-star.empty,
    .ForeignPredefinedUsersCorporate .account-statements-info .beneficiaries-fav.active .beneficiaries-star.empty,
    .ForeignOrderReportCorporate .account-statements-info .beneficiaries-fav.active .beneficiaries-star.empty,
    .TokenList .account-statements-info .beneficiaries-fav.active .beneficiaries-star.empty,
    .CrontoTokenList .account-statements-info .beneficiaries-fav.active .beneficiaries-star.empty,
    .CardStatements .account-statements-info .beneficiaries-fav.active .beneficiaries-star.empty,
    .AccountStatementsCorporateV2 .account-statements-info .beneficiaries-fav.active .beneficiaries-star.empty,
    .CardStatementsCorporateV2 .account-statements-info .beneficiaries-fav.active .beneficiaries-star.empty,
    .SalariesServerOrderListCorporate .account-statements-info .beneficiaries-fav.active .beneficiaries-star.empty {
      display: none; }
    .LoanRepayments .account-statements-info .beneficiaries-fav.active .beneficiaries-star.filled,
    .CreditorTemplateManaging .account-statements-info .beneficiaries-fav.active .beneficiaries-star.filled,
    .InflowsCorporate .account-statements-info .beneficiaries-fav.active .beneficiaries-star.filled,
    .ForeignPredefinedUsersCorporate .account-statements-info .beneficiaries-fav.active .beneficiaries-star.filled,
    .ForeignOrderReportCorporate .account-statements-info .beneficiaries-fav.active .beneficiaries-star.filled,
    .TokenList .account-statements-info .beneficiaries-fav.active .beneficiaries-star.filled,
    .CrontoTokenList .account-statements-info .beneficiaries-fav.active .beneficiaries-star.filled,
    .CardStatements .account-statements-info .beneficiaries-fav.active .beneficiaries-star.filled,
    .AccountStatementsCorporateV2 .account-statements-info .beneficiaries-fav.active .beneficiaries-star.filled,
    .CardStatementsCorporateV2 .account-statements-info .beneficiaries-fav.active .beneficiaries-star.filled,
    .SalariesServerOrderListCorporate .account-statements-info .beneficiaries-fav.active .beneficiaries-star.filled {
      display: block; }
  .LoanRepayments .account-statements-info .payments-ico p,
  .CreditorTemplateManaging .account-statements-info .payments-ico p,
  .InflowsCorporate .account-statements-info .payments-ico p,
  .ForeignPredefinedUsersCorporate .account-statements-info .payments-ico p,
  .ForeignOrderReportCorporate .account-statements-info .payments-ico p,
  .TokenList .account-statements-info .payments-ico p,
  .CrontoTokenList .account-statements-info .payments-ico p,
  .CardStatements .account-statements-info .payments-ico p,
  .AccountStatementsCorporateV2 .account-statements-info .payments-ico p,
  .CardStatementsCorporateV2 .account-statements-info .payments-ico p,
  .SalariesServerOrderListCorporate .account-statements-info .payments-ico p {
    position: absolute;
    line-height: 0 !important;
    margin-bottom: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .LoanRepayments .account-statements-info .payments-ico img,
  .CreditorTemplateManaging .account-statements-info .payments-ico img,
  .InflowsCorporate .account-statements-info .payments-ico img,
  .ForeignPredefinedUsersCorporate .account-statements-info .payments-ico img,
  .ForeignOrderReportCorporate .account-statements-info .payments-ico img,
  .TokenList .account-statements-info .payments-ico img,
  .CrontoTokenList .account-statements-info .payments-ico img,
  .CardStatements .account-statements-info .payments-ico img,
  .AccountStatementsCorporateV2 .account-statements-info .payments-ico img,
  .CardStatementsCorporateV2 .account-statements-info .payments-ico img,
  .SalariesServerOrderListCorporate .account-statements-info .payments-ico img {
    border-radius: 50%; }
  .LoanRepayments .account-statements-info .account-statement-pdf-download,
  .CreditorTemplateManaging .account-statements-info .account-statement-pdf-download,
  .InflowsCorporate .account-statements-info .account-statement-pdf-download,
  .ForeignPredefinedUsersCorporate .account-statements-info .account-statement-pdf-download,
  .ForeignOrderReportCorporate .account-statements-info .account-statement-pdf-download,
  .TokenList .account-statements-info .account-statement-pdf-download,
  .CrontoTokenList .account-statements-info .account-statement-pdf-download,
  .CardStatements .account-statements-info .account-statement-pdf-download,
  .AccountStatementsCorporateV2 .account-statements-info .account-statement-pdf-download,
  .CardStatementsCorporateV2 .account-statements-info .account-statement-pdf-download,
  .SalariesServerOrderListCorporate .account-statements-info .account-statement-pdf-download {
    padding-right: 0; }
    .LoanRepayments .account-statements-info .account-statement-pdf-download p,
    .CreditorTemplateManaging .account-statements-info .account-statement-pdf-download p,
    .InflowsCorporate .account-statements-info .account-statement-pdf-download p,
    .ForeignPredefinedUsersCorporate .account-statements-info .account-statement-pdf-download p,
    .ForeignOrderReportCorporate .account-statements-info .account-statement-pdf-download p,
    .TokenList .account-statements-info .account-statement-pdf-download p,
    .CrontoTokenList .account-statements-info .account-statement-pdf-download p,
    .CardStatements .account-statements-info .account-statement-pdf-download p,
    .AccountStatementsCorporateV2 .account-statements-info .account-statement-pdf-download p,
    .CardStatementsCorporateV2 .account-statements-info .account-statement-pdf-download p,
    .SalariesServerOrderListCorporate .account-statements-info .account-statement-pdf-download p {
      padding-left: 16px; }
    .LoanRepayments .account-statements-info .account-statement-pdf-download .dot-menu-text-wrapper .pdf-download .page-text,
    .CreditorTemplateManaging .account-statements-info .account-statement-pdf-download .dot-menu-text-wrapper .pdf-download .page-text,
    .InflowsCorporate .account-statements-info .account-statement-pdf-download .dot-menu-text-wrapper .pdf-download .page-text,
    .ForeignPredefinedUsersCorporate .account-statements-info .account-statement-pdf-download .dot-menu-text-wrapper .pdf-download .page-text,
    .ForeignOrderReportCorporate .account-statements-info .account-statement-pdf-download .dot-menu-text-wrapper .pdf-download .page-text,
    .TokenList .account-statements-info .account-statement-pdf-download .dot-menu-text-wrapper .pdf-download .page-text,
    .CrontoTokenList .account-statements-info .account-statement-pdf-download .dot-menu-text-wrapper .pdf-download .page-text,
    .CardStatements .account-statements-info .account-statement-pdf-download .dot-menu-text-wrapper .pdf-download .page-text,
    .AccountStatementsCorporateV2 .account-statements-info .account-statement-pdf-download .dot-menu-text-wrapper .pdf-download .page-text,
    .CardStatementsCorporateV2 .account-statements-info .account-statement-pdf-download .dot-menu-text-wrapper .pdf-download .page-text,
    .SalariesServerOrderListCorporate .account-statements-info .account-statement-pdf-download .dot-menu-text-wrapper .pdf-download .page-text {
      padding-left: 10px;
      text-transform: inherit;
      white-space: nowrap; }
  .LoanRepayments .account-statements-info .account-detail-menu .dot-menu,
  .CreditorTemplateManaging .account-statements-info .account-detail-menu .dot-menu,
  .InflowsCorporate .account-statements-info .account-detail-menu .dot-menu,
  .ForeignPredefinedUsersCorporate .account-statements-info .account-detail-menu .dot-menu,
  .ForeignOrderReportCorporate .account-statements-info .account-detail-menu .dot-menu,
  .TokenList .account-statements-info .account-detail-menu .dot-menu,
  .CrontoTokenList .account-statements-info .account-detail-menu .dot-menu,
  .CardStatements .account-statements-info .account-detail-menu .dot-menu,
  .AccountStatementsCorporateV2 .account-statements-info .account-detail-menu .dot-menu,
  .CardStatementsCorporateV2 .account-statements-info .account-detail-menu .dot-menu,
  .SalariesServerOrderListCorporate .account-statements-info .account-detail-menu .dot-menu {
    box-shadow: none; }
    .LoanRepayments .account-statements-info .account-detail-menu .dot-menu:hover,
    .CreditorTemplateManaging .account-statements-info .account-detail-menu .dot-menu:hover,
    .InflowsCorporate .account-statements-info .account-detail-menu .dot-menu:hover,
    .ForeignPredefinedUsersCorporate .account-statements-info .account-detail-menu .dot-menu:hover,
    .ForeignOrderReportCorporate .account-statements-info .account-detail-menu .dot-menu:hover,
    .TokenList .account-statements-info .account-detail-menu .dot-menu:hover,
    .CrontoTokenList .account-statements-info .account-detail-menu .dot-menu:hover,
    .CardStatements .account-statements-info .account-detail-menu .dot-menu:hover,
    .AccountStatementsCorporateV2 .account-statements-info .account-detail-menu .dot-menu:hover,
    .CardStatementsCorporateV2 .account-statements-info .account-detail-menu .dot-menu:hover,
    .SalariesServerOrderListCorporate .account-statements-info .account-detail-menu .dot-menu:hover {
      box-shadow: none; }
  .LoanRepayments .dot-menu-text-wrapper,
  .CreditorTemplateManaging .dot-menu-text-wrapper,
  .InflowsCorporate .dot-menu-text-wrapper,
  .ForeignPredefinedUsersCorporate .dot-menu-text-wrapper,
  .ForeignOrderReportCorporate .dot-menu-text-wrapper,
  .TokenList .dot-menu-text-wrapper,
  .CrontoTokenList .dot-menu-text-wrapper,
  .CardStatements .dot-menu-text-wrapper,
  .AccountStatementsCorporateV2 .dot-menu-text-wrapper,
  .CardStatementsCorporateV2 .dot-menu-text-wrapper,
  .SalariesServerOrderListCorporate .dot-menu-text-wrapper {
    top: unset;
    position: relative; }
    .LoanRepayments .dot-menu-text-wrapper a.addNew,
    .CreditorTemplateManaging .dot-menu-text-wrapper a.addNew,
    .InflowsCorporate .dot-menu-text-wrapper a.addNew,
    .ForeignPredefinedUsersCorporate .dot-menu-text-wrapper a.addNew,
    .ForeignOrderReportCorporate .dot-menu-text-wrapper a.addNew,
    .TokenList .dot-menu-text-wrapper a.addNew,
    .CrontoTokenList .dot-menu-text-wrapper a.addNew,
    .CardStatements .dot-menu-text-wrapper a.addNew,
    .AccountStatementsCorporateV2 .dot-menu-text-wrapper a.addNew,
    .CardStatementsCorporateV2 .dot-menu-text-wrapper a.addNew,
    .SalariesServerOrderListCorporate .dot-menu-text-wrapper a.addNew {
      border-radius: 8px;
      cursor: pointer;
      height: 20px;
      padding: 10px 16px 10px 16px;
      border: 2px solid transparent; }
      .LoanRepayments .dot-menu-text-wrapper a.addNew > .plus-ico,
      .CreditorTemplateManaging .dot-menu-text-wrapper a.addNew > .plus-ico,
      .InflowsCorporate .dot-menu-text-wrapper a.addNew > .plus-ico,
      .ForeignPredefinedUsersCorporate .dot-menu-text-wrapper a.addNew > .plus-ico,
      .ForeignOrderReportCorporate .dot-menu-text-wrapper a.addNew > .plus-ico,
      .TokenList .dot-menu-text-wrapper a.addNew > .plus-ico,
      .CrontoTokenList .dot-menu-text-wrapper a.addNew > .plus-ico,
      .CardStatements .dot-menu-text-wrapper a.addNew > .plus-ico,
      .AccountStatementsCorporateV2 .dot-menu-text-wrapper a.addNew > .plus-ico,
      .CardStatementsCorporateV2 .dot-menu-text-wrapper a.addNew > .plus-ico,
      .SalariesServerOrderListCorporate .dot-menu-text-wrapper a.addNew > .plus-ico {
        width: 18px;
        height: 18px;
        stroke: currentColor;
        margin-right: 10px; }
      .LoanRepayments .dot-menu-text-wrapper a.addNew p,
      .CreditorTemplateManaging .dot-menu-text-wrapper a.addNew p,
      .InflowsCorporate .dot-menu-text-wrapper a.addNew p,
      .ForeignPredefinedUsersCorporate .dot-menu-text-wrapper a.addNew p,
      .ForeignOrderReportCorporate .dot-menu-text-wrapper a.addNew p,
      .TokenList .dot-menu-text-wrapper a.addNew p,
      .CrontoTokenList .dot-menu-text-wrapper a.addNew p,
      .CardStatements .dot-menu-text-wrapper a.addNew p,
      .AccountStatementsCorporateV2 .dot-menu-text-wrapper a.addNew p,
      .CardStatementsCorporateV2 .dot-menu-text-wrapper a.addNew p,
      .SalariesServerOrderListCorporate .dot-menu-text-wrapper a.addNew p {
        /*padding-left: 10px;*/
        font-size: 16px;
        font-family: "Mark-Medium", sans-serif; }
      .LoanRepayments .dot-menu-text-wrapper a.addNew:hover,
      .CreditorTemplateManaging .dot-menu-text-wrapper a.addNew:hover,
      .InflowsCorporate .dot-menu-text-wrapper a.addNew:hover,
      .ForeignPredefinedUsersCorporate .dot-menu-text-wrapper a.addNew:hover,
      .ForeignOrderReportCorporate .dot-menu-text-wrapper a.addNew:hover,
      .TokenList .dot-menu-text-wrapper a.addNew:hover,
      .CrontoTokenList .dot-menu-text-wrapper a.addNew:hover,
      .CardStatements .dot-menu-text-wrapper a.addNew:hover,
      .AccountStatementsCorporateV2 .dot-menu-text-wrapper a.addNew:hover,
      .CardStatementsCorporateV2 .dot-menu-text-wrapper a.addNew:hover,
      .SalariesServerOrderListCorporate .dot-menu-text-wrapper a.addNew:hover {
        background-color: #b40000; }
    .LoanRepayments .dot-menu-text-wrapper a.delete,
    .CreditorTemplateManaging .dot-menu-text-wrapper a.delete,
    .InflowsCorporate .dot-menu-text-wrapper a.delete,
    .ForeignPredefinedUsersCorporate .dot-menu-text-wrapper a.delete,
    .ForeignOrderReportCorporate .dot-menu-text-wrapper a.delete,
    .TokenList .dot-menu-text-wrapper a.delete,
    .CrontoTokenList .dot-menu-text-wrapper a.delete,
    .CardStatements .dot-menu-text-wrapper a.delete,
    .AccountStatementsCorporateV2 .dot-menu-text-wrapper a.delete,
    .CardStatementsCorporateV2 .dot-menu-text-wrapper a.delete,
    .SalariesServerOrderListCorporate .dot-menu-text-wrapper a.delete {
      border-radius: 8px;
      cursor: pointer;
      height: 20px;
      padding: 10px 16px 10px 16px;
      border: 2px solid transparent;
      background-color: #f3f3f3;
      color: #121212; }
      .LoanRepayments .dot-menu-text-wrapper a.delete > .plus-ico,
      .CreditorTemplateManaging .dot-menu-text-wrapper a.delete > .plus-ico,
      .InflowsCorporate .dot-menu-text-wrapper a.delete > .plus-ico,
      .ForeignPredefinedUsersCorporate .dot-menu-text-wrapper a.delete > .plus-ico,
      .ForeignOrderReportCorporate .dot-menu-text-wrapper a.delete > .plus-ico,
      .TokenList .dot-menu-text-wrapper a.delete > .plus-ico,
      .CrontoTokenList .dot-menu-text-wrapper a.delete > .plus-ico,
      .CardStatements .dot-menu-text-wrapper a.delete > .plus-ico,
      .AccountStatementsCorporateV2 .dot-menu-text-wrapper a.delete > .plus-ico,
      .CardStatementsCorporateV2 .dot-menu-text-wrapper a.delete > .plus-ico,
      .SalariesServerOrderListCorporate .dot-menu-text-wrapper a.delete > .plus-ico {
        width: 18px;
        height: 18px;
        margin-right: 10px; }
      .LoanRepayments .dot-menu-text-wrapper a.delete p,
      .CreditorTemplateManaging .dot-menu-text-wrapper a.delete p,
      .InflowsCorporate .dot-menu-text-wrapper a.delete p,
      .ForeignPredefinedUsersCorporate .dot-menu-text-wrapper a.delete p,
      .ForeignOrderReportCorporate .dot-menu-text-wrapper a.delete p,
      .TokenList .dot-menu-text-wrapper a.delete p,
      .CrontoTokenList .dot-menu-text-wrapper a.delete p,
      .CardStatements .dot-menu-text-wrapper a.delete p,
      .AccountStatementsCorporateV2 .dot-menu-text-wrapper a.delete p,
      .CardStatementsCorporateV2 .dot-menu-text-wrapper a.delete p,
      .SalariesServerOrderListCorporate .dot-menu-text-wrapper a.delete p {
        /*padding-left: 10px;*/
        font-size: 16px;
        font-family: "Mark-Medium", sans-serif; }
      .LoanRepayments .dot-menu-text-wrapper a.delete:hover,
      .CreditorTemplateManaging .dot-menu-text-wrapper a.delete:hover,
      .InflowsCorporate .dot-menu-text-wrapper a.delete:hover,
      .ForeignPredefinedUsersCorporate .dot-menu-text-wrapper a.delete:hover,
      .ForeignOrderReportCorporate .dot-menu-text-wrapper a.delete:hover,
      .TokenList .dot-menu-text-wrapper a.delete:hover,
      .CrontoTokenList .dot-menu-text-wrapper a.delete:hover,
      .CardStatements .dot-menu-text-wrapper a.delete:hover,
      .AccountStatementsCorporateV2 .dot-menu-text-wrapper a.delete:hover,
      .CardStatementsCorporateV2 .dot-menu-text-wrapper a.delete:hover,
      .SalariesServerOrderListCorporate .dot-menu-text-wrapper a.delete:hover {
        background-color: #e6e6e6; }
    .LoanRepayments .dot-menu-text-wrapper:hover,
    .CreditorTemplateManaging .dot-menu-text-wrapper:hover,
    .InflowsCorporate .dot-menu-text-wrapper:hover,
    .ForeignPredefinedUsersCorporate .dot-menu-text-wrapper:hover,
    .ForeignOrderReportCorporate .dot-menu-text-wrapper:hover,
    .TokenList .dot-menu-text-wrapper:hover,
    .CrontoTokenList .dot-menu-text-wrapper:hover,
    .CardStatements .dot-menu-text-wrapper:hover,
    .AccountStatementsCorporateV2 .dot-menu-text-wrapper:hover,
    .CardStatementsCorporateV2 .dot-menu-text-wrapper:hover,
    .SalariesServerOrderListCorporate .dot-menu-text-wrapper:hover {
      color: white; }
      .LoanRepayments .dot-menu-text-wrapper:hover a,
      .CreditorTemplateManaging .dot-menu-text-wrapper:hover a,
      .InflowsCorporate .dot-menu-text-wrapper:hover a,
      .ForeignPredefinedUsersCorporate .dot-menu-text-wrapper:hover a,
      .ForeignOrderReportCorporate .dot-menu-text-wrapper:hover a,
      .TokenList .dot-menu-text-wrapper:hover a,
      .CrontoTokenList .dot-menu-text-wrapper:hover a,
      .CardStatements .dot-menu-text-wrapper:hover a,
      .AccountStatementsCorporateV2 .dot-menu-text-wrapper:hover a,
      .CardStatementsCorporateV2 .dot-menu-text-wrapper:hover a,
      .SalariesServerOrderListCorporate .dot-menu-text-wrapper:hover a {
        box-shadow: none; }
  .LoanRepayments .popup-content,
  .CreditorTemplateManaging .popup-content,
  .InflowsCorporate .popup-content,
  .ForeignPredefinedUsersCorporate .popup-content,
  .ForeignOrderReportCorporate .popup-content,
  .TokenList .popup-content,
  .CrontoTokenList .popup-content,
  .CardStatements .popup-content,
  .AccountStatementsCorporateV2 .popup-content,
  .CardStatementsCorporateV2 .popup-content,
  .SalariesServerOrderListCorporate .popup-content {
    width: 184px; }
    .LoanRepayments .popup-content .dot-decoration,
    .CreditorTemplateManaging .popup-content .dot-decoration,
    .InflowsCorporate .popup-content .dot-decoration,
    .ForeignPredefinedUsersCorporate .popup-content .dot-decoration,
    .ForeignOrderReportCorporate .popup-content .dot-decoration,
    .TokenList .popup-content .dot-decoration,
    .CrontoTokenList .popup-content .dot-decoration,
    .CardStatements .popup-content .dot-decoration,
    .AccountStatementsCorporateV2 .popup-content .dot-decoration,
    .CardStatementsCorporateV2 .popup-content .dot-decoration,
    .SalariesServerOrderListCorporate .popup-content .dot-decoration {
      right: 55px; }
    .LoanRepayments .popup-content p.third-element,
    .CreditorTemplateManaging .popup-content p.third-element,
    .InflowsCorporate .popup-content p.third-element,
    .ForeignPredefinedUsersCorporate .popup-content p.third-element,
    .ForeignOrderReportCorporate .popup-content p.third-element,
    .TokenList .popup-content p.third-element,
    .CrontoTokenList .popup-content p.third-element,
    .CardStatements .popup-content p.third-element,
    .AccountStatementsCorporateV2 .popup-content p.third-element,
    .CardStatementsCorporateV2 .popup-content p.third-element,
    .SalariesServerOrderListCorporate .popup-content p.third-element {
      white-space: nowrap; }
  .LoanRepayments .widget-tabs,
  .CreditorTemplateManaging .widget-tabs,
  .InflowsCorporate .widget-tabs,
  .ForeignPredefinedUsersCorporate .widget-tabs,
  .ForeignOrderReportCorporate .widget-tabs,
  .TokenList .widget-tabs,
  .CrontoTokenList .widget-tabs,
  .CardStatements .widget-tabs,
  .AccountStatementsCorporateV2 .widget-tabs,
  .CardStatementsCorporateV2 .widget-tabs,
  .SalariesServerOrderListCorporate .widget-tabs {
    top: -160px;
    position: absolute;
    width: 380px;
    left: 0;
    right: 0; }
    .LoanRepayments .widget-tabs li a,
    .CreditorTemplateManaging .widget-tabs li a,
    .InflowsCorporate .widget-tabs li a,
    .ForeignPredefinedUsersCorporate .widget-tabs li a,
    .ForeignOrderReportCorporate .widget-tabs li a,
    .TokenList .widget-tabs li a,
    .CrontoTokenList .widget-tabs li a,
    .CardStatements .widget-tabs li a,
    .AccountStatementsCorporateV2 .widget-tabs li a,
    .CardStatementsCorporateV2 .widget-tabs li a,
    .SalariesServerOrderListCorporate .widget-tabs li a {
      /*padding: 6px 55px;*/
      padding: 4px 0;
      white-space: nowrap;
      display: inline-block;
      width: 100%; }

.CreditorTemplateManaging .dot-menu-text-wrapper {
  position: absolute; }

.Forms_ActiveWorkflowListSOG {
  padding-bottom: 100px; }
  .Forms_ActiveWorkflowListSOG .account-statements-info-wrapper {
    border-bottom: 1px solid #C7C7C7; }
  .Forms_ActiveWorkflowListSOG .show-per-page .page-text-2 {
    padding-right: 8px; }
  .Forms_ActiveWorkflowListSOG .payment-filter {
    width: 100%;
    padding-right: 20px; }
  .Forms_ActiveWorkflowListSOG .account-statement-text {
    width: -webkit-calc(100% - 348px);
    width: 40%; }
  .Forms_ActiveWorkflowListSOG .payment-filter-box .inactive-sort-arrow {
    right: unset;
    display: inline;
    float: left;
    transition: opacity .5s;
    position: absolute;
    width: 8px;
    height: 14px;
    top: 2px;
    cursor: pointer;
    background-image: url("images/icons/arrows-2.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 1;
    z-index: 1; }
  .Forms_ActiveWorkflowListSOG .payment-filter-box .sort-indicator-name {
    right: unset;
    display: inline;
    float: left;
    transition: opacity .5s;
    position: absolute;
    width: 8px;
    height: 14px;
    top: 2px;
    cursor: pointer;
    background-image: url("images/icons/icon-sorter-down.png");
    background-repeat: no-repeat;
    opacity: 0; }
    .Forms_ActiveWorkflowListSOG .payment-filter-box .sort-indicator-name.active {
      opacity: 1;
      z-index: 2; }
  .Forms_ActiveWorkflowListSOG .payment-filter-box .sort-indicator-name-2 {
    right: unset;
    display: inline;
    float: left;
    transition: opacity .5s;
    position: absolute;
    width: 8px;
    height: 14px;
    top: 2px;
    cursor: pointer;
    background-image: url("images/icons/icon-sorter-up.png");
    background-repeat: no-repeat;
    opacity: 0; }
    .Forms_ActiveWorkflowListSOG .payment-filter-box .sort-indicator-name-2.active {
      opacity: 1;
      z-index: 2; }
  .Forms_ActiveWorkflowListSOG .credit-type-select-wrapper {
    height: 40px;
    background-color: transparent; }
    .Forms_ActiveWorkflowListSOG .credit-type-select-wrapper .dk-select {
      padding: 10px 35px 10px 16px;
      background-color: #ffffff;
      border: 1px solid #dcdcdc;
      border-radius: 25px; }
      .Forms_ActiveWorkflowListSOG .credit-type-select-wrapper .dk-select .acc-number {
        color: #C7C7C7;
        font-size: 15px; }
      .Forms_ActiveWorkflowListSOG .credit-type-select-wrapper .dk-select .dk-selected {
        border: none;
        border-radius: 0;
        padding: 0;
        position: relative; }
        .Forms_ActiveWorkflowListSOG .credit-type-select-wrapper .dk-select .dk-selected:after {
          content: "";
          display: block;
          width: 9px;
          height: 100%;
          position: absolute;
          top: 0;
          right: -20px;
          background-size: 9px; }
      .Forms_ActiveWorkflowListSOG .credit-type-select-wrapper .dk-select .dk-select-options {
        border-radius: 0;
        position: relative;
        box-shadow: none;
        display: none; }
        .Forms_ActiveWorkflowListSOG .credit-type-select-wrapper .dk-select .dk-select-options li {
          padding: 16px 0; }
          .Forms_ActiveWorkflowListSOG .credit-type-select-wrapper .dk-select .dk-select-options li:last-child {
            padding-top: 0;
            padding-bottom: 6px; }
          .Forms_ActiveWorkflowListSOG .credit-type-select-wrapper .dk-select .dk-select-options li.dk-option-selected {
            background: transparent; }
        .Forms_ActiveWorkflowListSOG .credit-type-select-wrapper .dk-select .dk-select-options.perPage {
          border-top: 2px solid #52ae30; }
          .Forms_ActiveWorkflowListSOG .credit-type-select-wrapper .dk-select .dk-select-options.perPage li {
            margin: 0;
            padding: 0;
            padding: 10px 35px 10px 16px;
            border-top: 1px solid transparent;
            border-bottom: 1px solid transparent; }
            .Forms_ActiveWorkflowListSOG .credit-type-select-wrapper .dk-select .dk-select-options.perPage li:hover {
              background-color: whitesmoke;
              border-color: #dcdcdc; }
            .Forms_ActiveWorkflowListSOG .credit-type-select-wrapper .dk-select .dk-select-options.perPage li.dk-option-selected {
              background: transparent; }
      .Forms_ActiveWorkflowListSOG .credit-type-select-wrapper .dk-select.perPage {
        padding: 0;
        overflow: hidden; }
        .Forms_ActiveWorkflowListSOG .credit-type-select-wrapper .dk-select.perPage .dk-selected {
          padding: 10px 35px 10px 16px; }
          .Forms_ActiveWorkflowListSOG .credit-type-select-wrapper .dk-select.perPage .dk-selected:after {
            right: 15px; }
  .Forms_ActiveWorkflowListSOG .payment-filter .payment-filter-box svg {
    right: unset;
    display: inline;
    float: left; }
  .Forms_ActiveWorkflowListSOG .account-statements-info .beneficiaries-fav svg {
    margin: 0 25px; }
  .Forms_ActiveWorkflowListSOG .account-statements-info .beneficiaries-fav.active svg {
    stroke: #f60;
    fill: #f60; }
  .Forms_ActiveWorkflowListSOG .account-statements-info .payments-ico p {
    position: absolute;
    line-height: 0 !important;
    margin-bottom: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .Forms_ActiveWorkflowListSOG .account-statements-info .payments-ico img {
    border-radius: 50%; }
  .Forms_ActiveWorkflowListSOG .account-statements-info .account-statement-pdf-download {
    padding-right: 0; }
    .Forms_ActiveWorkflowListSOG .account-statements-info .account-statement-pdf-download p {
      padding-left: 16px; }
    .Forms_ActiveWorkflowListSOG .account-statements-info .account-statement-pdf-download .dot-menu-text-wrapper .pdf-download .page-text {
      padding-left: 10px;
      text-transform: inherit;
      white-space: nowrap; }
  .Forms_ActiveWorkflowListSOG .account-statements-info .account-detail-menu .dot-menu {
    box-shadow: none; }
    .Forms_ActiveWorkflowListSOG .account-statements-info .account-detail-menu .dot-menu:hover {
      box-shadow: none; }
  .Forms_ActiveWorkflowListSOG .addNew {
    top: unset;
    position: absolute; }
    .Forms_ActiveWorkflowListSOG .addNew a {
      border-radius: 25px;
      cursor: pointer;
      height: 20px; }
      .Forms_ActiveWorkflowListSOG .addNew a > .plus-ico {
        width: 18px;
        height: 18px;
        stroke: currentColor;
        margin-right: 7px; }
      .Forms_ActiveWorkflowListSOG .addNew a p {
        /*padding-left: 10px;*/
        font-size: 14px; }
    .Forms_ActiveWorkflowListSOG .addNew:hover {
      color: white; }
      .Forms_ActiveWorkflowListSOG .addNew:hover a {
        box-shadow: none; }
  .Forms_ActiveWorkflowListSOG .popup-content {
    width: 184px; }
    .Forms_ActiveWorkflowListSOG .popup-content .dot-decoration {
      right: 55px; }
    .Forms_ActiveWorkflowListSOG .popup-content p.third-element {
      white-space: nowrap; }
  .Forms_ActiveWorkflowListSOG .widget-tabs {
    top: -160px;
    position: absolute;
    width: 380px;
    left: 0;
    right: 0; }
    .Forms_ActiveWorkflowListSOG .widget-tabs li a {
      /*padding: 6px 55px;*/
      padding: 4px 0;
      white-space: nowrap;
      display: inline-block;
      width: 100%; }

.MessageHubNotificationList {
  padding-bottom: 100px; }
  .MessageHubNotificationList .account-statements-info-wrapper {
    border-bottom: 1px solid #C7C7C7; }
  .MessageHubNotificationList .show-per-page .page-text-2 {
    padding-right: 16px; }
  .MessageHubNotificationList .credit-type-select-wrapper {
    height: 40px;
    background-color: transparent; }
    .MessageHubNotificationList .credit-type-select-wrapper .dk-select {
      padding: 10px 35px 10px 16px;
      background-color: #ffffff;
      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 .input-select-1 .frnPaymentCoddeInputInvisible ~ .validationMessage {
  margin-top: 24px;
  font-size: 13px;
  top: 0 !important;
  left: 0 !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: #121212; }
  .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 {
    top: 75%;
    z-index: 2;
    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: 0 auto; }
  .newTemplate .my-account-detail-img-wrapper .my-account-detail-img {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    overflow: hidden; }
    .newTemplate .my-account-detail-img-wrapper .my-account-detail-img .beneficiary-default-ico {
      position: absolute;
      width: 24px;
      height: 24px;
      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: 80px;
    height: 80px;
    right: 0px;
    bottom: 0px;
    display: block;
    border-radius: 16px;
    transition: all .5s; }
    .newTemplate .my-account-detail-img-wrapper .my-account-detail-change-img:hover .profileForm .file-input-overlay, .newTemplate .my-account-detail-img-wrapper .my-account-detail-change-img:hover .profileForm:after {
      opacity: 1; }
    .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: 16 !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 .my-account-detail-img-wrapper .my-account-detail-change-img .profileForm:after {
      position: absolute;
      content: '';
      inset: 0;
      opacity: 0;
      border-radius: 16px;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.6);
      transition: opacity .3s;
      z-index: 14; }
    .newTemplate .my-account-detail-img-wrapper .my-account-detail-change-img .profileForm .file-input-overlay {
      position: absolute;
      width: 80px;
      height: 80px;
      top: 50%;
      left: 50%;
      color: #d20000;
      transform: translate(-50%, -50%);
      z-index: 15;
      transition: opacity .3s;
      opacity: 0; }
      .newTemplate .my-account-detail-img-wrapper .my-account-detail-change-img .profileForm .file-input-overlay .beneficiary-default-ico {
        position: absolute;
        width: 24px;
        height: 24px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    .newTemplate .my-account-detail-img-wrapper .my-account-detail-change-img .profileForm.profile-image-wrapper-background {
      background-image: url(images/demo/profile-img-template.png);
      width: 80px;
      height: 80px; }
      .newTemplate .my-account-detail-img-wrapper .my-account-detail-change-img .profileForm.profile-image-wrapper-background:after {
        display: none; }

.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 #C7C7C7;
    border-radius: 2px;
    background: transparent;
    cursor: pointer;
    left: 10px;
    z-index: 2; }
    .newTemplate .checkbox-save .checkmark:after {
      content: "";
      width: 18px;
      height: 18px;
      left: -2px;
      top: -2px;
      position: absolute;
      background: url(images/icons/checkbox.png) 0 0 no-repeat;
      background-size: 100%;
      opacity: 0;
      -webkit-transition: opacity .3s;
      transition: opacity .3s; }
  .newTemplate .checkbox-save.checked .checkmark:after {
    opacity: 1; }
  .newTemplate .checkbox-save.unchecked .checkmark:after {
    opacity: 0; }

.newTemplate .popup-btn-wrapper .cancle-beneficiary:hover {
  background: #E8E9EC !important;
  border-color: #E8E9EC !important; }

.newTemplate .payment-form-checkbox-wrapper label {
  padding-left: 40px; }

.newTemplate .accountDetailsPopup {
  padding-bottom: 20px;
  height: 83vh !important; }
  .newTemplate .accountDetailsPopup .read-messages-list .all-account-popup-title {
    margin: 0px;
    margin-bottom: 32px;
    padding-left: 32px !important;
    padding-top: 32px !important;
    padding-right: 32px !important; }
    .newTemplate .accountDetailsPopup .read-messages-list .all-account-popup-title h3 {
      margin: 0px !important; }
  .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .account-inter-inner-scroll {
    padding-left: 32px;
    padding-right: 32px; }
  .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .popup-account-img .my-account-detail-img-wrapper .my-account-detail-img .profile-image-wrapper {
    position: relative;
    width: 100%;
    height: 80px;
    margin-bottom: 23px;
    border-radius: 12px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer; }
    .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .popup-account-img .my-account-detail-img-wrapper .my-account-detail-img .profile-image-wrapper:after {
      position: absolute;
      content: '';
      inset: 0;
      opacity: 0;
      border-radius: 16px;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.6);
      transition: opacity .3s;
      z-index: 14; }
    .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .popup-account-img .my-account-detail-img-wrapper .my-account-detail-img .profile-image-wrapper .file-input-overlay {
      position: absolute;
      width: 80px;
      height: 80px;
      top: 50%;
      left: 50%;
      color: #d20000;
      transform: translate(-50%, -50%);
      z-index: 15;
      transition: opacity .3s;
      opacity: 0; }
    .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .popup-account-img .my-account-detail-img-wrapper .my-account-detail-img .profile-image-wrapper:hover:after,
    .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .popup-account-img .my-account-detail-img-wrapper .my-account-detail-img .profile-image-wrapper:hover .file-input-overlay {
      opacity: 1; }
  .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .popup-account-img .my-account-detail-img-wrapper .my-account-detail-img .profile-image-wrapper-background {
    background-image: url(images/demo/profile-img-template.png); }
    .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .popup-account-img .my-account-detail-img-wrapper .my-account-detail-img .profile-image-wrapper-background:after {
      display: none; }
  .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .intrabank-wrapper {
    width: 100% !important; }
    .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .intrabank-wrapper.recDialog {
      width: 470px; }
    .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .intrabank-wrapper .input-1:focus {
      border: 2px solid #121212; }
  .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperIntraCode {
    width: 470px !important; }
    .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperIntraCode .wraperOptionsTemplate {
      width: 470px; }
      .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper {
        margin-bottom: 48px; }
        .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper {
          border: 2px solid transparent;
          background-color: #f3f3f3;
          color: #121212;
          font-size: 16px;
          line-height: 1.5;
          font-family: "Mark-Regular", sans-serif;
          padding: 11px 0 15px 0;
          transition: background-color .3s; }
          .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .dk-select .dk-selected p {
            line-height: 12px; }
          .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .dk-select .dk-selected:after {
            content: '';
            margin-left: 10px;
            position: absolute;
            top: 0;
            right: 20px !important;
            width: 11px;
            height: 14px;
            background-image: url(images/icons/arrow-bottom-1.png);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: contain;
            transition: .5s ease; }
          .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .dk-select .dk-select-options {
            left: 0;
            right: 0;
            top: calc(100% + 8px);
            margin-top: -5px;
            position: absolute;
            background-color: #FFFFFF;
            border-radius: 8px;
            list-style: none;
            margin: 0;
            max-height: 230px;
            overflow-x: hidden;
            overflow-y: auto;
            width: auto;
            z-index: 20;
            font-family: "Mark-Medium", sans-serif;
            color: #121212;
            padding-right: 25px;
            font-size: 14px;
            box-shadow: 0 2px rgba(18, 18, 18, 0.16);
            margin-top: 4%;
            line-height: 1.71; }
            .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .dk-select .dk-select-options .dk-option {
              position: relative;
              font-size: 14px;
              line-height: 1.71;
              font-family: "Mark-Medium", sans-serif;
              color: #121212;
              padding-right: 25px;
              transition: color .3s;
              padding: 0 !important;
              font-weight: normal; }
              .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .dk-select .dk-select-options .dk-option .dropdown-checkmark-icon {
                right: 0; }
              .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .dk-select .dk-select-options .dk-option:hover, .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .dk-select .dk-select-options .dk-option.dk-option-selected {
                color: #d20000; }
              .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .dk-select .dk-select-options .dk-option:not(:last-child) {
                margin-bottom: 10px !important; }
            .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .dk-select .dk-select-options.active {
              transition: visibility .3s, opacity .3s; }
          .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper .credit-type-select-wrapper .dk-select.active .dk-selected:after {
            transform: rotate(180deg); }
    .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperIntraCode.active .credit-type-select-wrapper {
      border: 2px solid #121212 !important; }
  .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperIntra .intrabank-wrapper.model {
    width: 30% !important;
    margin-right: 15px !important; }
    .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperIntra .intrabank-wrapper.model .input-1 {
      width: 95%; }
  .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperIntra .intrabank-wrapper.refNum {
    width: 70% !important; }
    .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperIntra .intrabank-wrapper.refNum .input-1 {
      width: 87% !important; }
  .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperTemplateDialog {
    margin-top: 24px !important;
    margin-bottom: 0; }
    .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperTemplateDialog .intrabank-wrapper {
      width: 96% !important; }
    .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperTemplateDialog .custom-checkbox-toggle {
      justify-content: space-between; }
      .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperTemplateDialog .custom-checkbox-toggle .custom-label {
        line-height: 1.25;
        display: flex;
        padding-left: 0px !important;
        padding-right: 15px !important; }
        .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperTemplateDialog .custom-checkbox-toggle .custom-label h3 {
          font-size: 16px !important;
          font-family: "Mark-Bold", sans-serif;
          line-height: 1.25;
          font-weight: 400;
          margin-bottom: 0; }
        .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperTemplateDialog .custom-checkbox-toggle .custom-label p {
          font-family: "Mark-Regular", sans-serif;
          font-size: 15px !important; }
        .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperTemplateDialog .custom-checkbox-toggle .custom-label svg {
          top: 12px;
          right: 12px;
          width: 24px;
          height: 24px;
          padding-right: 16px;
          justify-content: center;
          margin-top: 12px; }
      .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperTemplateDialog .custom-checkbox-toggle .custom-switch.favorite {
        display: flex;
        font-family: "Mark-Regular", sans-serif;
        font-size: 16px;
        color: #121212;
        background: #f3f3f3;
        border-radius: 18px;
        padding: 7px;
        position: relative;
        width: 114px;
        max-width: 114px; }
        .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperTemplateDialog .custom-checkbox-toggle .custom-switch.favorite:before {
          content: '';
          width: calc(50% - 7px);
          height: calc(100% - 13px);
          position: absolute;
          top: 7px;
          left: 7px;
          background: #d20000;
          border-radius: 12px;
          transform: translateX(0);
          transition: transform 0.4s; }
        .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperTemplateDialog .custom-checkbox-toggle .custom-switch.favorite.active {
          color: #121212; }
          .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperTemplateDialog .custom-checkbox-toggle .custom-switch.favorite.active-1:before {
            transform: translateX(0); }
          .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperTemplateDialog .custom-checkbox-toggle .custom-switch.favorite.active-1 .no {
            color: #fff; }
          .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperTemplateDialog .custom-checkbox-toggle .custom-switch.favorite.active-2:before {
            transform: translateX(100%); }
          .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperTemplateDialog .custom-checkbox-toggle .custom-switch.favorite.active-2 .yes {
            color: #fff; }
        .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperTemplateDialog .custom-checkbox-toggle .custom-switch.favorite span {
          display: block;
          width: 50%;
          float: left;
          font-size: 15px;
          text-align: center;
          color: #666;
          padding: 4px 5px 4px 5px;
          transition: color 0.3s;
          cursor: pointer;
          position: relative;
          font-size: 16px;
          font-family: "Mark-Medium", sans-serif;
          color: #121212; }
          .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperTemplateDialog .custom-checkbox-toggle .custom-switch.favorite span.active {
            color: #FFFFFF; }
  .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog p.transactionAccount {
    font-size: 16px;
    font-family: "Mark-Bold", sans-serif;
    line-height: 1.25;
    font-weight: 400;
    margin-bottom: 32px; }
  .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog label {
    display: block;
    margin-bottom: 8px;
    line-height: 1.42; }
  .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .input-1 {
    max-width: 445px; }
  .newTemplate .accountDetailsPopup .read-messages-list .wrapper-btns {
    padding-right: 32px;
    padding-left: 32px;
    padding-bottom: 32px;
    margin-top: 15px;
    box-shadow: 0 -4px 24px -5px rgba(0, 0, 0, 0.15);
    z-index: 1; }
    .newTemplate .accountDetailsPopup .read-messages-list .wrapper-btns .popup-btn-wrapper {
      padding: 20px 0px;
      padding-bottom: 0px; }
      .newTemplate .accountDetailsPopup .read-messages-list .wrapper-btns .popup-btn-wrapper button .confirm-ico {
        top: 12px;
        left: 12px;
        width: 20px;
        height: 22px;
        background-size: cover;
        cursor: pointer;
        padding-right: 5px; }

.reportDialog .signatures .transaction-popup-detail .name {
  display: inline; }
  .reportDialog .signatures .transaction-popup-detail .name ~ span {
    float: right;
    margin-right: 0; }

.reportDialog .transaction-popup-detail .model {
  display: inline; }
  .reportDialog .transaction-popup-detail .model ~ span {
    margin-left: 8%; }

.reportDialog .ok {
  color: #52ae30;
  font-family: "Mark-Regular", sans-serif;
  margin-bottom: 0; }

.reportDialog .nok {
  color: #ff435a;
  font-family: "Mark-Regular", sans-serif;
  margin-bottom: 0; }

.reportDialog .print .print-ico {
  background-image: url(images/icons/ic_stampa@2x.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; }

.reportDialog .print:hover .print-ico {
  background-image: url(images/icons/ic_stampa_hover@2x.png); }

.reportDialog .storno .storno-ico {
  background-image: url(images/icons/ic_storniraj_nalog@2x.png);
  background-size: 20px;
  top: 52%;
  left: 52%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  position: absolute;
  background-position: 50% 50%;
  transition: all 0.5s; }

.reportDialog .storno:hover .storno-ico {
  background-image: url(images/icons/ic_storniraj_nalog_bijela@2x.png); }

.reportDialog .transaction-popup-details-wrapper {
  height: 28vh !important;
  margin-bottom: 0;
  overflow: hidden; }
  .reportDialog .transaction-popup-details-wrapper.open {
    height: auto !important; }

.DomesticOrderReportCorporate .s-widget-title,
.ForeignOrderReportCorporate .s-widget-title,
.OrderPackageReportCorporate .s-widget-title,
.OrdersFromOrderPackagesListCorporate .s-widget-title {
  margin-top: -32px;
  margin-bottom: 32px; }

.DomesticOrderReportCorporate .ok,
.ForeignOrderReportCorporate .ok,
.OrderPackageReportCorporate .ok,
.OrdersFromOrderPackagesListCorporate .ok {
  color: #52ae30;
  font-family: "Mark-Medium", sans-serif;
  font-size: 15px;
  margin-bottom: 0;
  background-color: rgba(83, 221, 108, 0.1);
  border-radius: 40px;
  max-width: fit-content;
  padding: 2px 8px; }

.DomesticOrderReportCorporate .nok,
.ForeignOrderReportCorporate .nok,
.OrderPackageReportCorporate .nok,
.OrdersFromOrderPackagesListCorporate .nok {
  color: #d20000;
  font-family: "Mark-Medium", sans-serif;
  font-size: 15px;
  margin-bottom: 0;
  background-color: rgba(210, 0, 0, 0.1);
  border-radius: 40px;
  max-width: fit-content;
  padding: 2px 8px; }

.DomesticOrderReportCorporate table thead tr,
.ForeignOrderReportCorporate table thead tr,
.OrderPackageReportCorporate table thead tr,
.OrdersFromOrderPackagesListCorporate table thead tr {
  border-bottom: 1px solid #E6E6E6; }

.DomesticOrderReportCorporate table thead th,
.ForeignOrderReportCorporate table thead th,
.OrderPackageReportCorporate table thead th,
.OrdersFromOrderPackagesListCorporate table thead th {
  text-align: left !important;
  padding-left: 12px; }
  .DomesticOrderReportCorporate table thead th:nth-child(2),
  .ForeignOrderReportCorporate table thead th:nth-child(2),
  .OrderPackageReportCorporate table thead th:nth-child(2),
  .OrdersFromOrderPackagesListCorporate table thead th:nth-child(2) {
    text-align: center !important;
    padding-left: 0px; }
  .DomesticOrderReportCorporate table thead th:nth-child(7),
  .ForeignOrderReportCorporate table thead th:nth-child(7),
  .OrderPackageReportCorporate table thead th:nth-child(7),
  .OrdersFromOrderPackagesListCorporate table thead th:nth-child(7) {
    text-align: center !important; }
  .DomesticOrderReportCorporate table thead th:last-child,
  .ForeignOrderReportCorporate table thead th:last-child,
  .OrderPackageReportCorporate table thead th:last-child,
  .OrdersFromOrderPackagesListCorporate table thead th:last-child {
    text-align: left !important;
    padding-right: 28px;
    padding-left: 0px; }

.DomesticOrderReportCorporate table tbody,
.ForeignOrderReportCorporate table tbody,
.OrderPackageReportCorporate table tbody,
.OrdersFromOrderPackagesListCorporate table tbody {
  /* &:before {
                    content: "@";
                    display: block;
                    line-height: 20px;
                    text-indent: -99999px;
                }*/ }
  .DomesticOrderReportCorporate table tbody tr .ok p,
  .ForeignOrderReportCorporate table tbody tr .ok p,
  .OrderPackageReportCorporate table tbody tr .ok p,
  .OrdersFromOrderPackagesListCorporate table tbody tr .ok p {
    color: #52ae30;
    font-family: "Mark-Regular", sans-serif;
    margin-bottom: 0; }
  .DomesticOrderReportCorporate table tbody tr .nok p,
  .ForeignOrderReportCorporate table tbody tr .nok p,
  .OrderPackageReportCorporate table tbody tr .nok p,
  .OrdersFromOrderPackagesListCorporate table tbody tr .nok p {
    color: #ff435a;
    font-family: "Mark-Regular", sans-serif;
    margin-bottom: 0; }
  .DomesticOrderReportCorporate table tbody tr:first-child,
  .ForeignOrderReportCorporate table tbody tr:first-child,
  .OrderPackageReportCorporate table tbody tr:first-child,
  .OrdersFromOrderPackagesListCorporate table tbody tr:first-child {
    border-top: none !important; }
  .DomesticOrderReportCorporate table tbody tr td,
  .ForeignOrderReportCorporate table tbody tr td,
  .OrderPackageReportCorporate table tbody tr td,
  .OrdersFromOrderPackagesListCorporate table tbody tr td {
    text-align: left; }
    .DomesticOrderReportCorporate table tbody tr td.Multiselect,
    .ForeignOrderReportCorporate table tbody tr td.Multiselect,
    .OrderPackageReportCorporate table tbody tr td.Multiselect,
    .OrdersFromOrderPackagesListCorporate table tbody tr td.Multiselect {
      vertical-align: middle; }
    .DomesticOrderReportCorporate table tbody tr td:nth-child(2),
    .ForeignOrderReportCorporate table tbody tr td:nth-child(2),
    .OrderPackageReportCorporate table tbody tr td:nth-child(2),
    .OrdersFromOrderPackagesListCorporate table tbody tr td:nth-child(2) {
      width: 21%; }
    .DomesticOrderReportCorporate table tbody tr td:nth-child(3),
    .ForeignOrderReportCorporate table tbody tr td:nth-child(3),
    .OrderPackageReportCorporate table tbody tr td:nth-child(3),
    .OrdersFromOrderPackagesListCorporate table tbody tr td:nth-child(3) {
      width: 12%; }
      .DomesticOrderReportCorporate table tbody tr td:nth-child(3) span,
      .ForeignOrderReportCorporate table tbody tr td:nth-child(3) span,
      .OrderPackageReportCorporate table tbody tr td:nth-child(3) span,
      .OrdersFromOrderPackagesListCorporate table tbody tr td:nth-child(3) span {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: block;
        max-width: 355px; }
    .DomesticOrderReportCorporate table tbody tr td:nth-child(4),
    .ForeignOrderReportCorporate table tbody tr td:nth-child(4),
    .OrderPackageReportCorporate table tbody tr td:nth-child(4),
    .OrdersFromOrderPackagesListCorporate table tbody tr td:nth-child(4) {
      width: 15%; }
      .DomesticOrderReportCorporate table tbody tr td:nth-child(4) span,
      .ForeignOrderReportCorporate table tbody tr td:nth-child(4) span,
      .OrderPackageReportCorporate table tbody tr td:nth-child(4) span,
      .OrdersFromOrderPackagesListCorporate table tbody tr td:nth-child(4) span {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: block;
        max-width: 375px; }
    .DomesticOrderReportCorporate table tbody tr td:nth-child(5),
    .ForeignOrderReportCorporate table tbody tr td:nth-child(5),
    .OrderPackageReportCorporate table tbody tr td:nth-child(5),
    .OrdersFromOrderPackagesListCorporate table tbody tr td:nth-child(5) {
      width: 16%; }
    .DomesticOrderReportCorporate table tbody tr td:nth-child(6),
    .ForeignOrderReportCorporate table tbody tr td:nth-child(6),
    .OrderPackageReportCorporate table tbody tr td:nth-child(6),
    .OrdersFromOrderPackagesListCorporate table tbody tr td:nth-child(6) {
      width: 16%; }
    .DomesticOrderReportCorporate table tbody tr td:nth-child(7),
    .ForeignOrderReportCorporate table tbody tr td:nth-child(7),
    .OrderPackageReportCorporate table tbody tr td:nth-child(7),
    .OrdersFromOrderPackagesListCorporate table tbody tr td:nth-child(7) {
      width: 8%;
      text-align: center; }
    .DomesticOrderReportCorporate table tbody tr td:nth-child(8),
    .ForeignOrderReportCorporate table tbody tr td:nth-child(8),
    .OrderPackageReportCorporate table tbody tr td:nth-child(8),
    .OrdersFromOrderPackagesListCorporate table tbody tr td:nth-child(8) {
      width: 13%; }
    .DomesticOrderReportCorporate table tbody tr td:nth-child(9) span,
    .ForeignOrderReportCorporate table tbody tr td:nth-child(9) span,
    .OrderPackageReportCorporate table tbody tr td:nth-child(9) span,
    .OrdersFromOrderPackagesListCorporate table tbody tr td:nth-child(9) span {
      font-family: "Source-Sans-Pro-bold", sans-serif;
      color: rgba(0, 0, 0, 0.54); }
    .DomesticOrderReportCorporate table tbody tr td .amount-overview,
    .ForeignOrderReportCorporate table tbody tr td .amount-overview,
    .OrderPackageReportCorporate table tbody tr td .amount-overview,
    .OrdersFromOrderPackagesListCorporate table tbody tr td .amount-overview {
      display: inline;
      color: rgba(0, 0, 0, 0.87) !important;
      font-family: "Mark-Regular", sans-serif !important; }
    .DomesticOrderReportCorporate table tbody tr td .currencyTurnover,
    .ForeignOrderReportCorporate table tbody tr td .currencyTurnover,
    .OrderPackageReportCorporate table tbody tr td .currencyTurnover,
    .OrdersFromOrderPackagesListCorporate table tbody tr td .currencyTurnover {
      color: #666666 !important;
      font-family: "Mark-Regular", sans-serif !important; }
    .DomesticOrderReportCorporate table tbody tr td .status-completed,
    .ForeignOrderReportCorporate table tbody tr td .status-completed,
    .OrderPackageReportCorporate table tbody tr td .status-completed,
    .OrdersFromOrderPackagesListCorporate table tbody tr td .status-completed {
      color: #d20000; }
    .DomesticOrderReportCorporate table tbody tr td .status-rejected,
    .ForeignOrderReportCorporate table tbody tr td .status-rejected,
    .OrderPackageReportCorporate table tbody tr td .status-rejected,
    .OrdersFromOrderPackagesListCorporate table tbody tr td .status-rejected {
      color: #ff435a; }
    .DomesticOrderReportCorporate table tbody tr td .status-pending,
    .ForeignOrderReportCorporate table tbody tr td .status-pending,
    .OrderPackageReportCorporate table tbody tr td .status-pending,
    .OrdersFromOrderPackagesListCorporate table tbody tr td .status-pending {
      color: #666666; }

.DomesticOrderReportCorporate .account-input,
.ForeignOrderReportCorporate .account-input,
.OrderPackageReportCorporate .account-input,
.OrdersFromOrderPackagesListCorporate .account-input {
  width: 19% !important; }
  .DomesticOrderReportCorporate .account-input .dk-select:after,
  .ForeignOrderReportCorporate .account-input .dk-select:after,
  .OrderPackageReportCorporate .account-input .dk-select:after,
  .OrdersFromOrderPackagesListCorporate .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: 3; }

.DomesticOrderReportCorporate .clientGridPager,
.ForeignOrderReportCorporate .clientGridPager,
.OrderPackageReportCorporate .clientGridPager,
.OrdersFromOrderPackagesListCorporate .clientGridPager {
  display: flex !important; }

.DomesticOrderReportCorporate .focusin,
.ForeignOrderReportCorporate .focusin,
.OrderPackageReportCorporate .focusin,
.OrdersFromOrderPackagesListCorporate .focusin {
  border: 1px solid #d20000; }

.DomesticOrderReportCorporate .transaction-filter-inner .dk-selected,
.ForeignOrderReportCorporate .transaction-filter-inner .dk-selected,
.OrderPackageReportCorporate .transaction-filter-inner .dk-selected,
.OrdersFromOrderPackagesListCorporate .transaction-filter-inner .dk-selected {
  transform: none !important; }

.DomesticOrderReportCorporate .transaction-filter-inner .filterButton,
.ForeignOrderReportCorporate .transaction-filter-inner .filterButton,
.OrderPackageReportCorporate .transaction-filter-inner .filterButton,
.OrdersFromOrderPackagesListCorporate .transaction-filter-inner .filterButton {
  box-shadow: none !important;
  right: -35px; }
  .DomesticOrderReportCorporate .transaction-filter-inner .filterButton button,
  .ForeignOrderReportCorporate .transaction-filter-inner .filterButton button,
  .OrderPackageReportCorporate .transaction-filter-inner .filterButton button,
  .OrdersFromOrderPackagesListCorporate .transaction-filter-inner .filterButton button {
    font-size: 15px !important;
    box-shadow: none; }

.DomesticOrderReportCorporate .transaction-filter-inner .transaction-filter-box .transaction-filter input,
.ForeignOrderReportCorporate .transaction-filter-inner .transaction-filter-box .transaction-filter input,
.OrderPackageReportCorporate .transaction-filter-inner .transaction-filter-box .transaction-filter input,
.OrdersFromOrderPackagesListCorporate .transaction-filter-inner .transaction-filter-box .transaction-filter input {
  padding-left: 15px !important;
  background-color: transparent; }

.DomesticOrderReportCorporate .transaction-filter-inner .description .search,
.ForeignOrderReportCorporate .transaction-filter-inner .description .search,
.OrderPackageReportCorporate .transaction-filter-inner .description .search,
.OrdersFromOrderPackagesListCorporate .transaction-filter-inner .description .search {
  fill: #C7C7C7;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%); }

.DomesticOrderReportCorporate .transaction-filter-inner .description .input-1,
.ForeignOrderReportCorporate .transaction-filter-inner .description .input-1,
.OrderPackageReportCorporate .transaction-filter-inner .description .input-1,
.OrdersFromOrderPackagesListCorporate .transaction-filter-inner .description .input-1 {
  width: 67% !important; }

.DomesticOrderReportCorporate table tbody tr td:nth-child(2) {
  width: 10%; }

.DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter svg {
  position: absolute;
  right: 15px; }

.AccountTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .ForeignOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .OrderPackageReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .OrdersFromOrderPackagesListCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img, .LoanAnnuityPlanCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img {
  display: none !important;
  position: absolute;
  right: 15px;
  width: 18px;
  height: 18px;
  z-index: 2; }

.DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar,
.ForeignOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar,
.OrderPackageReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar,
.OrdersFromOrderPackagesListCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar,
.LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar {
  padding: 11px 16px; }

@media only screen and (max-width: 600px) {
  .DigitalBank .wrapper-container .childrens-wrapper {
    flex-direction: column;
    align-items: center; }
    .DigitalBank .wrapper-container .childrens-wrapper .childrenList {
      flex-direction: column; }
    .DigitalBank .wrapper-container .childrens-wrapper .child {
      width: 100% !important;
      text-align: center;
      max-width: 290px; } }

.DigitalBank {
  max-width: 1210px;
  padding: 0 20px;
  margin: 0 auto;
  padding-bottom: 1px;
  margin-top: 10px; }
  .DigitalBank .title {
    font-family: 'Source-Sans-Pro-bold', 'sans-serif';
    color: rgba(0, 0, 0, 0.87);
    font-size: 24px;
    text-align: center;
    letter-spacing: -.02em;
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
    border: 0; }
  .DigitalBank .wrapper-container {
    display: grid;
    place-items: center; }
    .DigitalBank .wrapper-container .childrens-wrapper {
      display: flex; }
      .DigitalBank .wrapper-container .childrens-wrapper .childrenList {
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        justify-content: center; }
      .DigitalBank .wrapper-container .childrens-wrapper .child {
        display: inline-block;
        padding: 12px 18px 11px;
        margin: 0 8px 16px;
        border: 1px solid rgba(0, 0, 0, 0.54);
        border-radius: 20px;
        color: rgba(0, 0, 0, 0.54);
        font-family: 'Source-Sans-Pro-bold', 'sans-serif';
        font-size: 15px;
        line-height: 1;
        letter-spacing: -.02em;
        cursor: pointer;
        height: fit-content;
        transition: color .3s,background-color .3s,border .3s;
        width: fit-content; }
        .DigitalBank .wrapper-container .childrens-wrapper .child:hover {
          border-color: #52ae30;
          color: #52ae30; }
        .DigitalBank .wrapper-container .childrens-wrapper .child.active {
          color: #ffffff;
          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: #ffffff;
      box-shadow: 0 3px 16px rgba(0, 0, 0, 0.12);
      -webkit-transition: box-shadow .3s;
      transition: box-shadow .3s;
      cursor: pointer; }
      .DigitalBank .items-wrapper .item-model .promo-card-img-wrapper {
        width: 100%;
        height: 50%;
        position: relative;
        max-height: 200px;
        overflow: hidden;
        background-color: rgba(0, 0, 0, 0.54); }
        .DigitalBank .items-wrapper .item-model .promo-card-img-wrapper .img-wrapper {
          transition: transform 0.5s ease;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
          background-repeat: no-repeat;
          background-size: cover;
          background-position: 50%; }
          .DigitalBank .items-wrapper .item-model .promo-card-img-wrapper .img-wrapper.img-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: #ffffff;
        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: #d20000; }
  #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: #d20000; }
      #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: #d20000;
    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 #666666;
    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: #666666; }
    #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: #d20000;
      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: #d20000 !important;
      transform: scale3d(0.9, 0.9, 1);
      left: 12px !important;
      font-family: "Source-Sans-Pro", 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 #d20000 !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: #e6e6e6;
            border-radius: 5px;
            width: 8px; }
          .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 #d20000; }
  .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: #d20000; }
        .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: #d20000 !important; }
          .TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu:hover svg,
          .TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu:hover svg,
          .TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu:hover svg,
          .TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu:hover svg,
          .TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu:hover svg,
          .TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu:hover svg,
          .TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu:hover svg,
          .TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu:hover svg,
          .TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .margin-11 .transaction-popup-detail:hover .dot-menu:hover svg {
            stroke: #FFFFFF !important; }
      .TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper.last-popup,
      .TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper.last-popup,
      .TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper.last-popup,
      .TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper.last-popup,
      .TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper.last-popup,
      .TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper.last-popup,
      .TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper.last-popup,
      .TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper.last-popup,
      .TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper.last-popup {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center; }
      .TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li,
      .TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li,
      .TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li,
      .TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li,
      .TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li,
      .TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li,
      .TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li,
      .TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li,
      .TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li {
        margin-left: 5px;
        padding-left: 15px; }
        .TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li::marker,
        .TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li::marker,
        .TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li::marker,
        .TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li::marker,
        .TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li::marker,
        .TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li::marker,
        .TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li::marker,
        .TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li::marker,
        .TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper ul li::marker {
          content: "\2022";
          color: #d20000;
          display: block;
          line-height: 20px; }
      .TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper,
      .TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper,
      .TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper,
      .TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper,
      .TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper,
      .TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper,
      .TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper,
      .TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper,
      .TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper {
        width: calc(100% + 40px) !important;
        height: 330px;
        max-height: 330px;
        margin: 0 -40px 20px 0;
        border-radius: 30px 0 0 30px;
        overflow: hidden; }
        .TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img,
        .TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img,
        .TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img,
        .TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img,
        .TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img,
        .TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img,
        .TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img,
        .TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img,
        .TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img {
          background-image: url("images/pictures/promo-card-18.jpg"); }
        .TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img-uniqa,
        .TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img-uniqa,
        .TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img-uniqa,
        .TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img-uniqa,
        .TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img-uniqa,
        .TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img-uniqa,
        .TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img-uniqa,
        .TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img-uniqa,
        .TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img-uniqa {
          background-image: url("images/pictures/promo-card-19.jpg"); }
        .TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img-endowment,
        .TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img-endowment,
        .TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img-endowment,
        .TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img-endowment,
        .TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img-endowment,
        .TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img-endowment,
        .TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img-endowment,
        .TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img-endowment,
        .TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .transaction-popup-details-wrapper .discount-popup-img-wrapper .promo-card-img-endowment {
          background-image: url("images/pictures/promo-card-20.jpg"); }
    .TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper,
    .TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper,
    .TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper,
    .TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper,
    .TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper,
    .TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper,
    .TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper,
    .TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper,
    .TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper {
      padding-right: 40px; }
      .TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper.final-popup,
      .TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper.final-popup,
      .TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper.final-popup,
      .TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper.final-popup,
      .TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper.final-popup,
      .TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper.final-popup,
      .TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper.final-popup,
      .TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper.final-popup,
      .TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper.final-popup {
        padding-right: 0px !important;
        margin-right: 0% !important; }
      .TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .insurance-popup-ico-wrapper,
      .TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .insurance-popup-ico-wrapper,
      .TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .insurance-popup-ico-wrapper,
      .TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .insurance-popup-ico-wrapper,
      .TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .insurance-popup-ico-wrapper,
      .TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .insurance-popup-ico-wrapper,
      .TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .insurance-popup-ico-wrapper,
      .TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .insurance-popup-ico-wrapper,
      .TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .insurance-popup-ico-wrapper {
        width: 65px;
        height: 80px;
        margin-top: 120px;
        margin-left: auto;
        margin-right: auto; }
        .TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .insurance-popup-ico-wrapper .insurance-popup-ico,
        .TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .insurance-popup-ico-wrapper .insurance-popup-ico,
        .TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .insurance-popup-ico-wrapper .insurance-popup-ico,
        .TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .insurance-popup-ico-wrapper .insurance-popup-ico,
        .TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .insurance-popup-ico-wrapper .insurance-popup-ico,
        .TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .insurance-popup-ico-wrapper .insurance-popup-ico,
        .TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .insurance-popup-ico-wrapper .insurance-popup-ico,
        .TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .insurance-popup-ico-wrapper .insurance-popup-ico,
        .TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .insurance-popup-ico-wrapper .insurance-popup-ico {
          width: 100%;
          height: 100%;
          stroke: currentColor; }
      .TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .transfer-popup-ico-wrapper,
      .TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .transfer-popup-ico-wrapper,
      .TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .transfer-popup-ico-wrapper,
      .TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .transfer-popup-ico-wrapper,
      .TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .transfer-popup-ico-wrapper,
      .TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .transfer-popup-ico-wrapper,
      .TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .transfer-popup-ico-wrapper,
      .TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .transfer-popup-ico-wrapper,
      .TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .transfer-popup-ico-wrapper {
        width: 80px;
        height: 63px;
        margin: 0 auto 24px; }
        .TravelInsuranceUniqaDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .transfer-popup-ico-wrapper .transfer-popup-ico,
        .TravelInsuranceUniqaDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .transfer-popup-ico-wrapper .transfer-popup-ico,
        .TravelInsuranceUniqaDiv .generali-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .transfer-popup-ico-wrapper .transfer-popup-ico,
        .TravelInsuranceEndowmentDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .transfer-popup-ico-wrapper .transfer-popup-ico,
        .TravelInsuranceEndowmentDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .transfer-popup-ico-wrapper .transfer-popup-ico,
        .TravelInsuranceEndowmentDiv .generali-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .transfer-popup-ico-wrapper .transfer-popup-ico,
        .TravelInsuranceDiv .uniqa-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .transfer-popup-ico-wrapper .transfer-popup-ico,
        .TravelInsuranceDiv .endowment-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .transfer-popup-ico-wrapper .transfer-popup-ico,
        .TravelInsuranceDiv .generali-detail .account-item-inner .account-inter-inner-scroll .popup-ammount-wrapper .transfer-popup-ico-wrapper .transfer-popup-ico {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          fill: #52ae30;
          stroke: #52ae30; }
  .TravelInsuranceUniqaDiv .uniqa-detail .insurance-with-tag-endowment,
  .TravelInsuranceUniqaDiv .uniqa-detail .insurance-with-tag-uniqa,
  .TravelInsuranceUniqaDiv .endowment-detail .insurance-with-tag-endowment,
  .TravelInsuranceUniqaDiv .endowment-detail .insurance-with-tag-uniqa,
  .TravelInsuranceUniqaDiv .generali-detail .insurance-with-tag-endowment,
  .TravelInsuranceUniqaDiv .generali-detail .insurance-with-tag-uniqa,
  .TravelInsuranceEndowmentDiv .uniqa-detail .insurance-with-tag-endowment,
  .TravelInsuranceEndowmentDiv .uniqa-detail .insurance-with-tag-uniqa,
  .TravelInsuranceEndowmentDiv .endowment-detail .insurance-with-tag-endowment,
  .TravelInsuranceEndowmentDiv .endowment-detail .insurance-with-tag-uniqa,
  .TravelInsuranceEndowmentDiv .generali-detail .insurance-with-tag-endowment,
  .TravelInsuranceEndowmentDiv .generali-detail .insurance-with-tag-uniqa,
  .TravelInsuranceDiv .uniqa-detail .insurance-with-tag-endowment,
  .TravelInsuranceDiv .uniqa-detail .insurance-with-tag-uniqa,
  .TravelInsuranceDiv .endowment-detail .insurance-with-tag-endowment,
  .TravelInsuranceDiv .endowment-detail .insurance-with-tag-uniqa,
  .TravelInsuranceDiv .generali-detail .insurance-with-tag-endowment,
  .TravelInsuranceDiv .generali-detail .insurance-with-tag-uniqa {
    display: flex;
    flex-direction: row;
    align-content: center;
    flex-wrap: nowrap;
    align-items: center;
    border: 2px dotted #C7C7C7;
    padding: 20px;
    border-radius: 20px;
    cursor: pointer; }
    .TravelInsuranceUniqaDiv .uniqa-detail .insurance-with-tag-endowment .tag-ico,
    .TravelInsuranceUniqaDiv .uniqa-detail .insurance-with-tag-uniqa .tag-ico,
    .TravelInsuranceUniqaDiv .endowment-detail .insurance-with-tag-endowment .tag-ico,
    .TravelInsuranceUniqaDiv .endowment-detail .insurance-with-tag-uniqa .tag-ico,
    .TravelInsuranceUniqaDiv .generali-detail .insurance-with-tag-endowment .tag-ico,
    .TravelInsuranceUniqaDiv .generali-detail .insurance-with-tag-uniqa .tag-ico,
    .TravelInsuranceEndowmentDiv .uniqa-detail .insurance-with-tag-endowment .tag-ico,
    .TravelInsuranceEndowmentDiv .uniqa-detail .insurance-with-tag-uniqa .tag-ico,
    .TravelInsuranceEndowmentDiv .endowment-detail .insurance-with-tag-endowment .tag-ico,
    .TravelInsuranceEndowmentDiv .endowment-detail .insurance-with-tag-uniqa .tag-ico,
    .TravelInsuranceEndowmentDiv .generali-detail .insurance-with-tag-endowment .tag-ico,
    .TravelInsuranceEndowmentDiv .generali-detail .insurance-with-tag-uniqa .tag-ico,
    .TravelInsuranceDiv .uniqa-detail .insurance-with-tag-endowment .tag-ico,
    .TravelInsuranceDiv .uniqa-detail .insurance-with-tag-uniqa .tag-ico,
    .TravelInsuranceDiv .endowment-detail .insurance-with-tag-endowment .tag-ico,
    .TravelInsuranceDiv .endowment-detail .insurance-with-tag-uniqa .tag-ico,
    .TravelInsuranceDiv .generali-detail .insurance-with-tag-endowment .tag-ico,
    .TravelInsuranceDiv .generali-detail .insurance-with-tag-uniqa .tag-ico {
      width: 40px;
      height: 40px;
      padding-right: 10px;
      border-right: 2px dotted #C7C7C7;
      stroke: #d20000; }
      .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: #d20000 !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 #666666;
      border-radius: 50%; }
      .TravelInsuranceUniqaDiv .step-wrapper .step-circle.active,
      .TravelInsuranceEndowmentDiv .step-wrapper .step-circle.active,
      .TravelInsuranceDiv .step-wrapper .step-circle.active {
        background-color: #d20000;
        border-color: #d20000; }
        .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: #666666;
        -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: "Mark-Regular", sans-serif;
      font-size: 14px;
      line-height: 1;
      color: #666666; }
  .TravelInsuranceUniqaDiv .bottom-line-default,
  .TravelInsuranceEndowmentDiv .bottom-line-default,
  .TravelInsuranceDiv .bottom-line-default {
    border-bottom: 1px dotted #666666;
    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: #d20000;
    color: #FFFFFF;
    z-index: 2 !important; }
  .TravelInsuranceUniqaDiv .padding-right-input,
  .TravelInsuranceEndowmentDiv .padding-right-input,
  .TravelInsuranceDiv .padding-right-input {
    padding-right: 40px !important; }
    .TravelInsuranceUniqaDiv .padding-right-input .input-1,
    .TravelInsuranceEndowmentDiv .padding-right-input .input-1,
    .TravelInsuranceDiv .padding-right-input .input-1 {
      height: 25px !important; }
  .TravelInsuranceUniqaDiv .green-note,
  .TravelInsuranceEndowmentDiv .green-note,
  .TravelInsuranceDiv .green-note {
    max-width: 335px !important; }
  .TravelInsuranceUniqaDiv .checkbox-wrap,
  .TravelInsuranceEndowmentDiv .checkbox-wrap,
  .TravelInsuranceDiv .checkbox-wrap {
    display: block;
    position: relative;
    padding-left: 46px;
    font-size: 15px;
    text-align: left;
    color: #c7c7c7;
    user-select: none; }
    .TravelInsuranceUniqaDiv .checkbox-wrap.first-checkbox,
    .TravelInsuranceEndowmentDiv .checkbox-wrap.first-checkbox,
    .TravelInsuranceDiv .checkbox-wrap.first-checkbox {
      margin-bottom: 20px; }
    .TravelInsuranceUniqaDiv .checkbox-wrap.centered-checkbox,
    .TravelInsuranceEndowmentDiv .checkbox-wrap.centered-checkbox,
    .TravelInsuranceDiv .checkbox-wrap.centered-checkbox {
      padding-left: 38px; }
      .TravelInsuranceUniqaDiv .checkbox-wrap.centered-checkbox input,
      .TravelInsuranceEndowmentDiv .checkbox-wrap.centered-checkbox input,
      .TravelInsuranceDiv .checkbox-wrap.centered-checkbox input {
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: 0; }
      .TravelInsuranceUniqaDiv .checkbox-wrap.centered-checkbox .checkmark,
      .TravelInsuranceEndowmentDiv .checkbox-wrap.centered-checkbox .checkmark,
      .TravelInsuranceDiv .checkbox-wrap.centered-checkbox .checkmark {
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: 0; }
    .TravelInsuranceUniqaDiv .checkbox-wrap input,
    .TravelInsuranceEndowmentDiv .checkbox-wrap input,
    .TravelInsuranceDiv .checkbox-wrap input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 17px;
      width: 17px;
      z-index: 10 !important; }
      .TravelInsuranceUniqaDiv .checkbox-wrap input:checked ~ .checkmark:after,
      .TravelInsuranceEndowmentDiv .checkbox-wrap input:checked ~ .checkmark:after,
      .TravelInsuranceDiv .checkbox-wrap input:checked ~ .checkmark:after {
        opacity: 1; }
    .TravelInsuranceUniqaDiv .checkbox-wrap .checkmark,
    .TravelInsuranceEndowmentDiv .checkbox-wrap .checkmark,
    .TravelInsuranceDiv .checkbox-wrap .checkmark {
      position: absolute;
      height: 17px;
      width: 17px;
      border: 2px solid #C7C7C7;
      border-radius: 2px;
      background: transparent; }
      .TravelInsuranceUniqaDiv .checkbox-wrap .checkmark:after,
      .TravelInsuranceEndowmentDiv .checkbox-wrap .checkmark:after,
      .TravelInsuranceDiv .checkbox-wrap .checkmark:after {
        content: "";
        top: -1px;
        left: -1px;
        width: 19px;
        height: 19px;
        position: absolute;
        background: url("images/icons/checkbox.png") 0 0 no-repeat;
        background-size: 100%;
        opacity: 0;
        -webkit-transition: opacity .3s;
        transition: opacity .3s; }
  .TravelInsuranceUniqaDiv .custom-radio-button,
  .TravelInsuranceEndowmentDiv .custom-radio-button,
  .TravelInsuranceDiv .custom-radio-button {
    position: relative;
    display: block;
    padding: 18px 15px 17px 46px;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 25px; }
    .TravelInsuranceUniqaDiv .custom-radio-button .custom-radio-input,
    .TravelInsuranceEndowmentDiv .custom-radio-button .custom-radio-input,
    .TravelInsuranceDiv .custom-radio-button .custom-radio-input {
      position: absolute;
      width: 100%;
      height: 100%;
      inset: 0;
      opacity: 0;
      cursor: pointer;
      padding: 0;
      margin: 0;
      border: none;
      z-index: 1; }
      .TravelInsuranceUniqaDiv .custom-radio-button .custom-radio-input:checked ~ .checkmark:after,
      .TravelInsuranceEndowmentDiv .custom-radio-button .custom-radio-input:checked ~ .checkmark:after,
      .TravelInsuranceDiv .custom-radio-button .custom-radio-input:checked ~ .checkmark:after {
        opacity: 1; }
    .TravelInsuranceUniqaDiv .custom-radio-button .checkmark,
    .TravelInsuranceEndowmentDiv .custom-radio-button .checkmark,
    .TravelInsuranceDiv .custom-radio-button .checkmark {
      position: absolute;
      top: 50%;
      left: 14px;
      height: 16px;
      width: 16px;
      border-radius: 50%;
      border: 1px solid #E8E9EC;
      background: #FFFFFF;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }
      .TravelInsuranceUniqaDiv .custom-radio-button .checkmark:after,
      .TravelInsuranceEndowmentDiv .custom-radio-button .checkmark:after,
      .TravelInsuranceDiv .custom-radio-button .checkmark:after {
        width: 8px;
        height: 8px;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        background: #d20000;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        content: "";
        position: absolute;
        opacity: 0;
        -webkit-transition: opacity .3s;
        transition: opacity .3s; }
    .TravelInsuranceUniqaDiv .custom-radio-button .custom-label,
    .TravelInsuranceEndowmentDiv .custom-radio-button .custom-label,
    .TravelInsuranceDiv .custom-radio-button .custom-label {
      font-family: "Mark-Regular", sans-serif;
      font-size: 15px;
      line-height: 1;
      color: #121212;
      margin: 0; }
  .TravelInsuranceUniqaDiv .group-inner,
  .TravelInsuranceEndowmentDiv .group-inner,
  .TravelInsuranceDiv .group-inner {
    width: unset !important;
    margin-bottom: 0px !important; }
    .TravelInsuranceUniqaDiv .group-inner .explanation-group,
    .TravelInsuranceEndowmentDiv .group-inner .explanation-group,
    .TravelInsuranceDiv .group-inner .explanation-group {
      max-width: 335px;
      margin-left: auto;
      margin-right: auto; }
    .TravelInsuranceUniqaDiv .group-inner .group-inner .input-grid-wrapper,
    .TravelInsuranceEndowmentDiv .group-inner .group-inner .input-grid-wrapper,
    .TravelInsuranceDiv .group-inner .group-inner .input-grid-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; }
      .TravelInsuranceUniqaDiv .group-inner .group-inner .input-grid-wrapper .col-50,
      .TravelInsuranceEndowmentDiv .group-inner .group-inner .input-grid-wrapper .col-50,
      .TravelInsuranceDiv .group-inner .group-inner .input-grid-wrapper .col-50 {
        width: 50%;
        margin-right: 16px; }
        .TravelInsuranceUniqaDiv .group-inner .group-inner .input-grid-wrapper .col-50.col-last,
        .TravelInsuranceEndowmentDiv .group-inner .group-inner .input-grid-wrapper .col-50.col-last,
        .TravelInsuranceDiv .group-inner .group-inner .input-grid-wrapper .col-50.col-last {
          margin-right: 0px; }
  .TravelInsuranceUniqaDiv .custom-checkbox-toggle,
  .TravelInsuranceEndowmentDiv .custom-checkbox-toggle,
  .TravelInsuranceDiv .custom-checkbox-toggle {
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    display: flex !important;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    min-height: 50px;
    user-select: none;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 25px;
    padding: 5px 24px !important; }
    .TravelInsuranceUniqaDiv .custom-checkbox-toggle .custom-checkbox-input,
    .TravelInsuranceEndowmentDiv .custom-checkbox-toggle .custom-checkbox-input,
    .TravelInsuranceDiv .custom-checkbox-toggle .custom-checkbox-input {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      cursor: pointer;
      opacity: 0;
      padding: 0;
      margin: 0;
      border: none;
      z-index: 1; }
    .TravelInsuranceUniqaDiv .custom-checkbox-toggle .custom-label,
    .TravelInsuranceEndowmentDiv .custom-checkbox-toggle .custom-label,
    .TravelInsuranceDiv .custom-checkbox-toggle .custom-label {
      padding-right: 50px; }
    .TravelInsuranceUniqaDiv .custom-checkbox-toggle .toggle-btn,
    .TravelInsuranceEndowmentDiv .custom-checkbox-toggle .toggle-btn,
    .TravelInsuranceDiv .custom-checkbox-toggle .toggle-btn {
      position: absolute;
      width: 40px;
      height: 20px;
      top: 50%;
      right: 10px;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      border-radius: 20px;
      padding: 5px;
      -webkit-transition: background-color .5s;
      transition: background-color .5s;
      background-color: #E1E1E1; }
      .TravelInsuranceUniqaDiv .custom-checkbox-toggle .toggle-btn .toggle-btn-switch,
      .TravelInsuranceEndowmentDiv .custom-checkbox-toggle .toggle-btn .toggle-btn-switch,
      .TravelInsuranceDiv .custom-checkbox-toggle .toggle-btn .toggle-btn-switch {
        display: block;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: #FFFFFF;
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s,-webkit-transform .5s; }
    .TravelInsuranceUniqaDiv .custom-checkbox-toggle.active .toggle-btn,
    .TravelInsuranceEndowmentDiv .custom-checkbox-toggle.active .toggle-btn,
    .TravelInsuranceDiv .custom-checkbox-toggle.active .toggle-btn {
      background-color: #d20000; }
      .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: #d20000; }
    .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: #d20000;
      font-family: "Source-Sans-Pro", sans-serif; }
  .TravelInsuranceUniqaDiv .exchangle-form-dropdown,
  .TravelInsuranceEndowmentDiv .exchangle-form-dropdown,
  .TravelInsuranceDiv .exchangle-form-dropdown {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    border: 1px solid #DCDCDC;
    border-top: none;
    border-radius: 0 0 30px 30px;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.12);
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
    opacity: 0;
    visibility: hidden; }
    .TravelInsuranceUniqaDiv .exchangle-form-dropdown .exchange-form-dropdown-inner,
    .TravelInsuranceEndowmentDiv .exchangle-form-dropdown .exchange-form-dropdown-inner,
    .TravelInsuranceDiv .exchangle-form-dropdown .exchange-form-dropdown-inner {
      height: 106px; }
      .TravelInsuranceUniqaDiv .exchangle-form-dropdown .exchange-form-dropdown-inner.optiscroll.is-enabled > .optiscroll-content,
      .TravelInsuranceEndowmentDiv .exchangle-form-dropdown .exchange-form-dropdown-inner.optiscroll.is-enabled > .optiscroll-content,
      .TravelInsuranceDiv .exchangle-form-dropdown .exchange-form-dropdown-inner.optiscroll.is-enabled > .optiscroll-content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        overflow: scroll;
        -webkit-overflow-scrolling: touch; }
        .TravelInsuranceUniqaDiv .exchangle-form-dropdown .exchange-form-dropdown-inner.optiscroll.is-enabled > .optiscroll-content .exchange-form-dropdown-item,
        .TravelInsuranceEndowmentDiv .exchangle-form-dropdown .exchange-form-dropdown-inner.optiscroll.is-enabled > .optiscroll-content .exchange-form-dropdown-item,
        .TravelInsuranceDiv .exchangle-form-dropdown .exchange-form-dropdown-inner.optiscroll.is-enabled > .optiscroll-content .exchange-form-dropdown-item {
          padding: 15px 16px 15px 24px;
          border-top: 1px solid transparent;
          border-bottom: 1px solid transparent;
          -webkit-transition: all .3s;
          transition: all .3s; }
          .TravelInsuranceUniqaDiv .exchangle-form-dropdown .exchange-form-dropdown-inner.optiscroll.is-enabled > .optiscroll-content .exchange-form-dropdown-item .page-text,
          .TravelInsuranceEndowmentDiv .exchangle-form-dropdown .exchange-form-dropdown-inner.optiscroll.is-enabled > .optiscroll-content .exchange-form-dropdown-item .page-text,
          .TravelInsuranceDiv .exchangle-form-dropdown .exchange-form-dropdown-inner.optiscroll.is-enabled > .optiscroll-content .exchange-form-dropdown-item .page-text {
            line-height: 1.4; }
      .TravelInsuranceUniqaDiv .exchangle-form-dropdown .exchange-form-dropdown-inner .optiscroll-v,
      .TravelInsuranceEndowmentDiv .exchangle-form-dropdown .exchange-form-dropdown-inner .optiscroll-v,
      .TravelInsuranceDiv .exchangle-form-dropdown .exchange-form-dropdown-inner .optiscroll-v {
        right: 5px; }
      .TravelInsuranceUniqaDiv .exchangle-form-dropdown .exchange-form-dropdown-inner .optiscroll-h,
      .TravelInsuranceEndowmentDiv .exchangle-form-dropdown .exchange-form-dropdown-inner .optiscroll-h,
      .TravelInsuranceDiv .exchangle-form-dropdown .exchange-form-dropdown-inner .optiscroll-h {
        left: 4px;
        right: 4px;
        height: 0; }
    .TravelInsuranceUniqaDiv .exchangle-form-dropdown .exchange-form-dropdown-item,
    .TravelInsuranceEndowmentDiv .exchangle-form-dropdown .exchange-form-dropdown-item,
    .TravelInsuranceDiv .exchangle-form-dropdown .exchange-form-dropdown-item {
      padding: 15px 16px 15px 24px;
      border-top: 1px solid transparent;
      border-bottom: 1px solid transparent;
      -webkit-transition: all .3s;
      transition: all .3s; }

.accDetailsPopup .popup-ammount-wrapper,
.cardInstallmentsDetails .popup-ammount-wrapper {
  margin-right: 0% !important; }

.accDetailsPopup .mCSB_inside > .mCSB_container,
.cardInstallmentsDetails .mCSB_inside > .mCSB_container {
  margin-right: 0px !important; }

.accDetailsPopup div > #toggle-acc-details,
.cardInstallmentsDetails div > #toggle-acc-details {
  width: unset !important; }

.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: #d20000;
    color: #FFFFFF;
    z-index: 2 !important;
    border-radius: 38px !important;
    width: 90% !important;
    padding: 15px 0px !important;
    transition: all .5s; }
    .installmentsList .bottom-button-installments .btn-1:hover {
      background-color: #2A7F00 !important;
      box-shadow: 0 0 14px rgba(54, 60, 164, 0.4) !important; }

.installmentsList .checkboxCustom .checkbox-save {
  display: inline-block !important;
  height: 14px;
  width: 14px;
  border: 2px solid #C7C7C7;
  border-radius: 2px;
  background: transparent;
  cursor: pointer; }
  .installmentsList .checkboxCustom .checkbox-save.checked .checkmark:after {
    content: "";
    width: 18px;
    height: 18px;
    left: -2px;
    top: -2px;
    position: relative;
    display: block;
    background: url(images/icons/checkbox.png) 0 0 no-repeat;
    background-size: 100%;
    -webkit-transition: opacity .3s;
    transition: opacity .3s; }

.installmentsList .check-all-top {
  margin: 0 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid #C7C7C7;
  display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap; }
  .installmentsList .check-all-top .check-all-title {
    margin-left: 20px; }

.installmentsList .margin-half {
  margin-bottom: 5px !important; }

.accDetailTurnover .popup-ammount-wrapper,
.cardTurnoverDetails .popup-ammount-wrapper {
  margin-right: 0px !important; }

.accDetailTurnover .transation-details-info-wrapper,
.cardTurnoverDetails .transation-details-info-wrapper {
  max-height: 455px; }
  .accDetailTurnover .transation-details-info-wrapper .transaction-popup-detail p:first-child,
  .cardTurnoverDetails .transation-details-info-wrapper .transaction-popup-detail p:first-child {
    padding-right: 10px; }

.contactDataConfirmation-limits {
  z-index: 1006 !important; }

.limitsAndChannelsCards .account-item-inner h3 {
  margin-bottom: 0px !important; }

.limitsAndChannelsCards .account-item-inner .net-ico-limits {
  background-image: url("images/icons/netlimit.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  position: absolute;
  background-position: 50% 50%; }

.limitsAndChannelsCards .account-item-inner .atm-ico-limits {
  background-image: url("images/icons/atmlimit.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  position: absolute;
  background-position: 50% 50%; }

.limitsAndChannelsCards .account-item-inner .atm-switch, .limitsAndChannelsCards .account-item-inner .net-switch, .limitsAndChannelsCards .account-item-inner .sales-switch {
  cursor: pointer; }
  .limitsAndChannelsCards .account-item-inner .atm-switch .toggle-btn, .limitsAndChannelsCards .account-item-inner .net-switch .toggle-btn, .limitsAndChannelsCards .account-item-inner .sales-switch .toggle-btn {
    pointer-events: auto !important; }

.limitsAndChannelsCards .account-item-inner .reserved-funds-ico {
  margin-left: 0px !important; }

.limitsAndChannelsCards .account-item-inner .limits-info-down .reserved-funds-ico {
  transition: .5s all;
  cursor: pointer; }
  .limitsAndChannelsCards .account-item-inner .limits-info-down .reserved-funds-ico .payments-ico-svg {
    stroke: #d20000 !important; }
  .limitsAndChannelsCards .account-item-inner .limits-info-down .reserved-funds-ico:hover {
    background-color: #d20000 !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 #666666;
  padding-bottom: 20px; }

.do-not-display {
  display: none !important; }

.accountEdit .ui-dialog-buttonset button:nth-child(1) {
  background-color: #FFFFFF !important;
  color: #000000 !important;
  transition: all .5s; }
  .accountEdit .ui-dialog-buttonset button:nth-child(1):hover {
    background-color: #E8E9EC !important; }

#content_wrap.overlay-token-sg:after {
  background-color: rgba(0, 0, 0, 0.87) !important;
  opacity: .6 !important; }

.editLimitDialog .validationMessage {
  white-space: pre-wrap !important; }

.contactDataConfirmation .ui-dialog-buttonset button:nth-child(1),
.contactDataEdit .ui-dialog-buttonset button:nth-child(1) {
  background-color: white !important;
  color: black !important; }
  .contactDataConfirmation .ui-dialog-buttonset button:nth-child(1):hover,
  .contactDataEdit .ui-dialog-buttonset button:nth-child(1):hover {
    background-color: #E8E9EC !important; }

.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: #52AE30 !important;
    border-radius: 25px !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", sans-serif !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: #d20000;
    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; }

.right-dialog.details-dialog.bugOrSuggestion .newMessageDialog .account-inter-inner-scroll {
  padding: 0px !important; }

.bug-suggestion-tabs {
  height: 60px;
  width: 80% !important;
  background-color: #E8E9EC !important;
  cursor: pointer !important; }
  .bug-suggestion-tabs li {
    border: none !important;
    font-size: 15px;
    font-family: "Source-Sans-Pro", sans-serif !important; }
    .bug-suggestion-tabs li a {
      padding: 5px 66px !important;
      color: #666666 !important; }
      .bug-suggestion-tabs li a:hover {
        color: #d20000 !important; }
    .bug-suggestion-tabs li.active a {
      background-color: #FFFFFF !important;
      color: #d20000 !important; }

.LoanBalancePreviewCorporate .accounts-intro-title,
.AccountBalancePreviewCorporateV2 .accounts-intro-title,
.DepositBalancePreviewCorporateV2 .accounts-intro-title {
  width: 80%; }

.LoanBalancePreviewCorporate .accounts-intro-balance,
.AccountBalancePreviewCorporateV2 .accounts-intro-balance,
.DepositBalancePreviewCorporateV2 .accounts-intro-balance,
.CardBalancePreviewCorporateV3 .accounts-intro-balance,
.DomesticOrderCorporate .accounts-intro-balance,
.ForeignOrderCorporate .accounts-intro-balance {
  width: 30%; }

.LoanBalancePreviewCorporate .user-account-card,
.AccountBalancePreviewCorporateV2 .user-account-card,
.DepositBalancePreviewCorporateV2 .user-account-card,
.CardBalancePreviewCorporateV3 .user-account-card,
.DomesticOrderCorporate .user-account-card,
.ForeignOrderCorporate .user-account-card {
  box-shadow: 0 6px 28px rgba(0, 0, 0, 0.2); }
  .LoanBalancePreviewCorporate .user-account-card .accStatus,
  .AccountBalancePreviewCorporateV2 .user-account-card .accStatus,
  .DepositBalancePreviewCorporateV2 .user-account-card .accStatus,
  .CardBalancePreviewCorporateV3 .user-account-card .accStatus,
  .DomesticOrderCorporate .user-account-card .accStatus,
  .ForeignOrderCorporate .user-account-card .accStatus {
    padding-right: 5%; }

.InflowsCorporate .account-statements-info .account-statement-pdf-download {
  padding-right: 0; }
  .InflowsCorporate .account-statements-info .account-statement-pdf-download p {
    padding-left: 6px; }

.AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.rsd thead tr th:nth-child(3) {
  width: calc(100%* 2 / 24);
  max-width: calc(100%* 2 / 24); }

.AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.rsd thead tr th:nth-child(4), .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.rsd thead tr th:nth-child(5) {
  width: calc(100%* 4 / 24);
  max-width: calc(100%* 4 / 24); }

.AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.rsd thead tr th:nth-child(6) {
  width: 18%;
  max-width: 18%; }

.AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.rsd thead tr th:nth-child(7), .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.rsd thead tr th:nth-child(8) {
  width: 12.5%; }

.AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.rsd thead tr th:nth-child(9) {
  width: calc(100%* 4 / 24);
  max-width: calc(100%* 4 / 24); }

.AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.rsd tbody tr td:first-child {
  width: 5%; }

.AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.rsd tbody tr td:nth-child(3) {
  width: 8.5%;
  padding-left: 5px; }

.AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.rsd tbody tr td:nth-child(4) {
  width: calc(100%* 4 / 24);
  max-width: calc(100%* 4 / 24);
  text-transform: lowercase; }
  .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.rsd tbody tr td:nth-child(4):first-letter {
    text-transform: capitalize; }

.AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.rsd tbody tr td:nth-child(5) {
  width: calc(100%* 4 / 24);
  max-width: calc(100%* 4 / 24);
  padding-left: 5px;
  text-transform: lowercase; }
  .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.rsd tbody tr td:nth-child(5):first-letter {
    text-transform: capitalize; }

.AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.rsd tbody tr td:nth-child(6) {
  width: 18%;
  max-width: 18%;
  padding-left: 5px; }

.AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.rsd tbody tr td:nth-child(7) {
  width: 12.5%; }

.AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.rsd tbody tr td:nth-child(8) {
  width: 12.5%; }

.AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.rsd tbody tr td:nth-child(9) {
  width: calc(100%* 4 / 24);
  max-width: calc(100%* 4 / 24); }

.AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.frn tbody tr td:first-child {
  width: 5%; }

.AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.frn tbody tr td:nth-child(3) {
  width: 8.5%; }

.AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.frn tbody tr td:nth-child(4) {
  width: 13%; }

.AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.frn tbody tr td:nth-child(5) {
  width: 18%;
  padding-left: 5px; }

.AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.frn tbody tr td:nth-child(6) {
  width: 18%; }

.AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.frn tbody tr td:nth-child(7) {
  width: 9%;
  padding-left: 5px; }

.AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.frn tbody tr td:nth-child(8) {
  width: 9%; }

.AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.frn tbody tr td:nth-child(9) {
  width: 10%; }

.AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.frn tbody tr td:nth-child(10) {
  width: 10%; }

body.dark-mode .account-detail-menu .dot-menu:hover {
  background-color: #52AE30; }

body.dark-mode .bug-suggestion-tabs {
  background-color: #000 !important; }
  body.dark-mode .bug-suggestion-tabs li a {
    color: #fff !important; }
  body.dark-mode .bug-suggestion-tabs li.active a {
    background-color: #2d2c2c !important;
    color: #52AE30 !important; }

body.dark-mode .success-change-email .ui-dialog-buttonset button {
  border: transparent !important;
  color: #fff !important;
  background: #52ae30 !important; }

body.dark-mode .LoanRepayments .credit-type-select-wrapper .dk-select,
body.dark-mode .CreditorTemplateManaging .credit-type-select-wrapper .dk-select,
body.dark-mode .InflowsCorporate .credit-type-select-wrapper .dk-select,
body.dark-mode .ForeignPredefinedUsersCorporate .credit-type-select-wrapper .dk-select,
body.dark-mode .ForeignOrderReportCorporate .credit-type-select-wrapper .dk-select,
body.dark-mode .TokenList .credit-type-select-wrapper .dk-select,
body.dark-mode .CrontoTokenList .credit-type-select-wrapper .dk-select,
body.dark-mode .CardStatements .credit-type-select-wrapper .dk-select,
body.dark-mode .AccountStatementsCorporateV2 .credit-type-select-wrapper .dk-select,
body.dark-mode .CardStatementsCorporateV2 .credit-type-select-wrapper .dk-select,
body.dark-mode .SalariesServerOrderListCorporate .credit-type-select-wrapper .dk-select {
  background-color: #2d2c2c;
  border-color: #464646; }

body.dark-mode .FXTrading .user-account-card-outer .user-account-card .account-detail-menu .account-card-btn {
  background-color: #1c1a1a;
  border-color: #464646; }

body.dark-mode .FXTrading .transaction-filter-inner .no-acc {
  border-color: #464646;
  background-color: #2d2c2c; }

body.dark-mode .FXTrading .transaction-filter-inner .input-ref,
body.dark-mode .FXTrading .transaction-filter-inner .credit-type-select-wrapper {
  border: 1px solid #464646 !important; }
  body.dark-mode .FXTrading .transaction-filter-inner .input-ref .dk-select .dk-select-options::-webkit-scrollbar,
  body.dark-mode .FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .dk-select-options::-webkit-scrollbar {
    background: #1c1a1a !important; }

body.dark-mode .FXTrading .transaction-filter-inner .input-amount {
  border-color: #464646;
  background: #2d2c2c; }
  body.dark-mode .FXTrading .transaction-filter-inner .input-amount.disabled {
    background-color: #1c1a1a;
    border-color: #464646; }

body.dark-mode .SMSDialog .SMSmessage {
  color: #fff; }

body.dark-mode .SMSDialog .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(1) {
  background: #2d2c2c;
  color: #fff; }
  body.dark-mode .SMSDialog .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(1):hover {
    background: #464646; }

body.dark-mode .CreditorTemplateManaging .account-statements-info:hover .payments-ico,
body.dark-mode .ForeignPredefinedUsersCorporate .account-statements-info:hover .payments-ico {
  background-color: #1c1a1a; }

body.dark-mode #accountBalanceDomesticTemplate .popup-btn-wrapper .btn-2.cancle-beneficiary {
  background: #2d2c2c !important; }
  body.dark-mode #accountBalanceDomesticTemplate .popup-btn-wrapper .btn-2.cancle-beneficiary:hover {
    background: #464646 !important; }

body.dark-mode .FXTrading .available {
  font-size: 20px; }
  body.dark-mode .FXTrading .available .title-1 .text-color-2 {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .FXTrading .available .currency {
    color: rgba(255, 255, 255, 0.7); }

body.dark-mode .FXTrading .user-account-card-outer .wrapper.account-card-img:hover {
  background-color: #1c1a1a !important; }

body.dark-mode .FXTrading .user-account-card-outer .currency {
  color: #B8BAC4; }

body.dark-mode .FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .acc-number,
body.dark-mode .FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .custom-name {
  color: #fff; }

body.dark-mode .FXTrading .transaction-filter-inner .credit-type-select-wrapper .dk-select .acc-balance {
  color: rgba(255, 255, 255, 0.7); }

body.dark-mode .LoanBalancePreviewCorporate .user-account-card,
body.dark-mode .SalariesPaylistCorporate .user-account-card,
body.dark-mode .AccountBalancePreviewCorporateV2 .user-account-card,
body.dark-mode .DepositBalancePreviewCorporateV2 .user-account-card,
body.dark-mode .CardBalancePreviewV2 .user-account-card,
body.dark-mode .CardBalancePreviewCorporateV3 .user-account-card,
body.dark-mode .LoanBalancePreviewV2 .user-account-card,
body.dark-mode .DepositBalancePreviewV2 .user-account-card,
body.dark-mode .AccountSlider .user-account-card,
body.dark-mode .DomesticOrderCorporate .user-account-card,
body.dark-mode .ForeignOrderCorporate .user-account-card {
  box-shadow: 0 65px 69px -44px rgba(0, 0, 0, 0.16); }

body.dark-mode .LoanBalancePreviewCorporate .accounts-intro-balance small,
body.dark-mode .SalariesPaylistCorporate .accounts-intro-balance small,
body.dark-mode .AccountBalancePreviewCorporateV2 .accounts-intro-balance small,
body.dark-mode .DepositBalancePreviewCorporateV2 .accounts-intro-balance small,
body.dark-mode .CardBalancePreviewV2 .accounts-intro-balance small,
body.dark-mode .CardBalancePreviewCorporateV3 .accounts-intro-balance small,
body.dark-mode .LoanBalancePreviewV2 .accounts-intro-balance small,
body.dark-mode .DepositBalancePreviewV2 .accounts-intro-balance small,
body.dark-mode .AccountSlider .accounts-intro-balance small,
body.dark-mode .DomesticOrderCorporate .accounts-intro-balance small,
body.dark-mode .ForeignOrderCorporate .accounts-intro-balance small {
  color: #FFFFFFB2; }

body.dark-mode .LoanRepayments .credit-type-select-wrapper .dk-select,
body.dark-mode .CreditorTemplateManaging .credit-type-select-wrapper .dk-select,
body.dark-mode .InflowsCorporate .credit-type-select-wrapper .dk-select,
body.dark-mode .ForeignPredefinedUsersCorporate .credit-type-select-wrapper .dk-select,
body.dark-mode .ForeignOrderReportCorporate .credit-type-select-wrapper .dk-select,
body.dark-mode .TokenList .credit-type-select-wrapper .dk-select,
body.dark-mode .CrontoTokenList .credit-type-select-wrapper .dk-select,
body.dark-mode .CardStatements .credit-type-select-wrapper .dk-select,
body.dark-mode .AccountStatementsCorporateV2 .credit-type-select-wrapper .dk-select,
body.dark-mode .CardStatementsCorporateV2 .credit-type-select-wrapper .dk-select,
body.dark-mode .SalariesServerOrderListCorporate .credit-type-select-wrapper .dk-select {
  border: 1px solid #464646; }

body.dark-mode .LoanRepayments .credit-type-select-wrapper .dk-select-options.active,
body.dark-mode .CreditorTemplateManaging .credit-type-select-wrapper .dk-select-options.active,
body.dark-mode .InflowsCorporate .credit-type-select-wrapper .dk-select-options.active,
body.dark-mode .ForeignPredefinedUsersCorporate .credit-type-select-wrapper .dk-select-options.active,
body.dark-mode .ForeignOrderReportCorporate .credit-type-select-wrapper .dk-select-options.active,
body.dark-mode .TokenList .credit-type-select-wrapper .dk-select-options.active,
body.dark-mode .CrontoTokenList .credit-type-select-wrapper .dk-select-options.active,
body.dark-mode .CardStatements .credit-type-select-wrapper .dk-select-options.active,
body.dark-mode .AccountStatementsCorporateV2 .credit-type-select-wrapper .dk-select-options.active,
body.dark-mode .CardStatementsCorporateV2 .credit-type-select-wrapper .dk-select-options.active,
body.dark-mode .SalariesServerOrderListCorporate .credit-type-select-wrapper .dk-select-options.active {
  border: none; }

body.dark-mode .LoanRepayments .credit-type-select-wrapper .dk-select-options li,
body.dark-mode .CreditorTemplateManaging .credit-type-select-wrapper .dk-select-options li,
body.dark-mode .InflowsCorporate .credit-type-select-wrapper .dk-select-options li,
body.dark-mode .ForeignPredefinedUsersCorporate .credit-type-select-wrapper .dk-select-options li,
body.dark-mode .ForeignOrderReportCorporate .credit-type-select-wrapper .dk-select-options li,
body.dark-mode .TokenList .credit-type-select-wrapper .dk-select-options li,
body.dark-mode .CrontoTokenList .credit-type-select-wrapper .dk-select-options li,
body.dark-mode .CardStatements .credit-type-select-wrapper .dk-select-options li,
body.dark-mode .AccountStatementsCorporateV2 .credit-type-select-wrapper .dk-select-options li,
body.dark-mode .CardStatementsCorporateV2 .credit-type-select-wrapper .dk-select-options li,
body.dark-mode .SalariesServerOrderListCorporate .credit-type-select-wrapper .dk-select-options li {
  color: #fff; }

body.dark-mode #accountBalanceDomesticTemplate .popup-btn-wrapper .btn-2.background-5 {
  background: #2d2c2c;
  border: unset; }
  body.dark-mode #accountBalanceDomesticTemplate .popup-btn-wrapper .btn-2.background-5:hover {
    background: #464646 !important; }

body.dark-mode .CurrencyExchangeV2 .s-widget-body table thead {
  border-color: #464646; }

body.dark-mode .accountTurnoverFilter .dk-select.select.select-1:after {
  background-size: 9px; }

body.dark-mode .messageDetail .conversation-box.white-box .attachment-card {
  background-color: #2d2c2c !important;
  border-color: #464646 !important; }

.activeShowMore {
  box-shadow: 0 2px #d6d6d6;
  border: 1px solid #d6d6d6;
  border-top: none;
  border-radius: 0 0 16px 16px;
  margin-top: -10px;
  padding-top: 10px;
  width: 100%; }

.AccountStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper,
.CardStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper {
  width: 65%; }
  .AccountStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .filter-radio-btn,
  .CardStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .filter-radio-btn {
    margin-top: 27px;
    padding: 8px 12px;
    border-radius: 8px;
    transition: background-color .3s;
    background-color: #F3F3F3;
    font-family: "Mark-Medium", sans-serif; }
    .AccountStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .filter-radio-btn input#dateFilter,
    .AccountStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .filter-radio-btn input#yearFilter,
    .CardStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .filter-radio-btn input#dateFilter,
    .CardStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .filter-radio-btn input#yearFilter {
      margin: 7px 7px 0 0; }
    .AccountStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .filter-radio-btn.btnDate.active, .AccountStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .filter-radio-btn.btnYear.active,
    .CardStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .filter-radio-btn.btnDate.active,
    .CardStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .filter-radio-btn.btnYear.active {
      background-color: #faeede; }
  .AccountStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .transaction-filter-box,
  .CardStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .transaction-filter-box {
    margin: 0 8px 0px; }
    .AccountStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .transaction-filter-box .transaction-filter,
    .CardStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .transaction-filter-box .transaction-filter {
      border: none;
      padding: 11px 0 !important; }
      .AccountStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .transaction-filter-box .transaction-filter input.fromDate,
      .AccountStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .transaction-filter-box .transaction-filter input.toDate,
      .CardStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .transaction-filter-box .transaction-filter input.fromDate,
      .CardStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .transaction-filter-box .transaction-filter input.toDate {
        position: relative;
        z-index: 1;
        padding: 6px 34px 6px 16px;
        border-radius: 8px;
        border: 2px solid transparent;
        background-color: transparent;
        color: #121212;
        font-family: "Mark-Regular", sans-serif;
        font-size: 16px;
        line-height: 24px;
        cursor: pointer; }
      .AccountStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .transaction-filter-box .transaction-filter img,
      .CardStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .transaction-filter-box .transaction-filter img {
        display: none !important; }
      .AccountStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .transaction-filter-box .transaction-filter svg,
      .CardStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .transaction-filter-box .transaction-filter svg {
        width: 22px;
        height: 20px;
        position: absolute;
        top: 50%;
        right: 16px;
        transform: translateY(-50%); }
    .AccountStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .transaction-filter-box .input-wrap.first-wrap .statementNo.input-1,
    .CardStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .transaction-filter-box .input-wrap.first-wrap .statementNo.input-1 {
      font-size: 16px;
      font-family: "Mark-Regular", sans-serif;
      color: #121212;
      background-color: #F3F3F3;
      border-radius: 8px;
      border: 2px solid transparent;
      line-height: 1.5; }
    .AccountStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .transaction-filter-box .input-wrap.first-wrap.focusin,
    .CardStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .transaction-filter-box .input-wrap.first-wrap.focusin {
      border: 2px solid #121212; }
  .AccountStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .dk-select,
  .CardStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .dk-select {
    font-size: 15px;
    position: relative; }
    .AccountStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .dk-select .dk-selected,
    .CardStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .dk-select .dk-selected {
      padding: 5px 35px 13px 18px;
      white-space: nowrap;
      overflow: hidden;
      background-color: #F3F3F3;
      color: #121212;
      font-size: 16px;
      line-height: 1.5;
      border-radius: 8px;
      border: 2px solid transparent;
      height: 18px;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      position: relative;
      z-index: 1;
      transform: translate(3px, 6px); }
      .AccountStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .dk-select .dk-selected.active,
      .CardStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .dk-select .dk-selected.active {
        z-index: 4;
        transform: none !important;
        border: 2px solid #121212; }
        .AccountStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .dk-select .dk-selected.active:after,
        .CardStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .dk-select .dk-selected.active:after {
          transform: rotate(180deg); }
      .AccountStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .dk-select .dk-selected:after,
      .CardStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .dk-select .dk-selected:after {
        content: '';
        margin-left: 10px;
        position: absolute;
        top: 40%;
        right: 15px;
        /* transform: translate(0, -50%); */
        width: 11px;
        height: 14px;
        background-image: url(images/icons/arrow-bottom-1.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        transition: .5s ease; }
      .AccountStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .dk-select .dk-selected:before,
      .CardStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .dk-select .dk-selected:before {
        content: '';
        display: block; }
    .AccountStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .dk-select .dk-select-options,
    .CardStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .dk-select .dk-select-options {
      position: absolute;
      left: 0;
      right: 0;
      width: auto !important;
      padding: 20px !important;
      margin-top: 35px;
      top: 11px;
      z-index: 6;
      border: 1px solid #e6e6e6;
      border-radius: 8px;
      box-shadow: 0 2px rgba(18, 18, 18, 0.16);
      overflow-y: auto; }
      .AccountStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .dk-select .dk-select-options.active,
      .CardStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .dk-select .dk-select-options.active {
        display: block !important; }
      .AccountStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .dk-select .dk-select-options .dk-option,
      .CardStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .dk-select .dk-select-options .dk-option {
        padding: 0 0 10px 0;
        background: transparent;
        transition: background-color .3s;
        border-bottom: 1px solid transparent;
        border-top: 1px solid transparent;
        font-family: "Mark-Medium", sans-serif;
        font-size: 14px;
        line-height: 1.71; }
        .AccountStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .dk-select .dk-select-options .dk-option .dropdown-checkmark-icon,
        .CardStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .dk-select .dk-select-options .dk-option .dropdown-checkmark-icon {
          display: none; }
      .AccountStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .dk-select .dk-select-options .dk-option-selected,
      .CardStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .dk-select .dk-select-options .dk-option-selected {
        color: #d20000;
        display: flex; }
        .AccountStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .dk-select .dk-select-options .dk-option-selected .dropdown-checkmark-icon,
        .CardStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper .dk-select .dk-select-options .dk-option-selected .dropdown-checkmark-icon {
          display: block; }

.AccountStatementsCorporateV2 .account-statements-info-wrapper .account-statements-filter-inner .payment-filter .checkboxCustom .checkbox-save .checkmark,
.CardStatementsCorporateV2 .account-statements-info-wrapper .account-statements-filter-inner .payment-filter .checkboxCustom .checkbox-save .checkmark {
  position: absolute;
  top: 5px;
  left: 30px;
  height: 14px;
  width: 14px;
  border: 1px solid #888;
  border-radius: 4px;
  transition: background-color .3s; }

.AccountStatementsCorporateV2 .account-statements-info-wrapper .account-statements-filter-inner .account-statement-info-inner .account-statements-info .part-checkbox .checkboxCustom .checkbox-save .checkmark,
.CardStatementsCorporateV2 .account-statements-info-wrapper .account-statements-filter-inner .account-statement-info-inner .account-statements-info .part-checkbox .checkboxCustom .checkbox-save .checkmark {
  position: absolute;
  top: 20px;
  left: 30px;
  height: 14px;
  width: 14px;
  border: 1px solid #888;
  border-radius: 4px;
  transition: background-color .3s; }

.AccountStatementsCorporateV2 .account-statements-info-wrapper .account-statements-filter-inner .account-statement-info-inner .account-statements-info .account-statement-pdf-download .dot-menu-text-wrapper a,
.CardStatementsCorporateV2 .account-statements-info-wrapper .account-statements-filter-inner .account-statement-info-inner .account-statements-info .account-statement-pdf-download .dot-menu-text-wrapper a {
  background-color: #d20000;
  color: #fff;
  fill: #fff; }
  .AccountStatementsCorporateV2 .account-statements-info-wrapper .account-statements-filter-inner .account-statement-info-inner .account-statements-info .account-statement-pdf-download .dot-menu-text-wrapper a:hover,
  .CardStatementsCorporateV2 .account-statements-info-wrapper .account-statements-filter-inner .account-statement-info-inner .account-statements-info .account-statement-pdf-download .dot-menu-text-wrapper a:hover {
    background-color: #b40000; }

.AccountStatementsCorporateV2 .account-statements-info-wrapper .account-statements-filter-inner .account-statement-info-inner .account-statements-info svg.profile-text-arrow,
.CardStatementsCorporateV2 .account-statements-info-wrapper .account-statements-filter-inner .account-statement-info-inner .account-statements-info svg.profile-text-arrow {
  width: 20px;
  height: 20px;
  fill: #888; }

.AccountStatementsCorporateV2 .account-statement-pdf-download p:nth-child(2) {
  width: 66%; }

.AccountStatementsCorporateV2 .account-statements-info-wrapper .account-statements-filter-inner .payment-filter .checkboxCustom .checkbox-save .checkmark {
  top: 6px; }

.AccountStatementsCorporateV2 .account-statements-info-wrapper .account-statements-filter-inner .account-statement-info-inner .account-statements-info .part-checkbox .checkboxCustom .checkbox-save .checkmark {
  top: 26px; }

.CardStatementsCorporateV2 .account-statements-info {
  padding: 6px 20px 6px 22px; }

.AccountBalanceCorporateV2,
.DepositBalanceCorporateV2,
.CardBalanceCorporateV3,
.LoanBalanceCorporate {
  max-width: 640px;
  margin: 0 auto; }
  .AccountBalanceCorporateV2 .s-widget-content .s-widget-header .s-widget-title,
  .DepositBalanceCorporateV2 .s-widget-content .s-widget-header .s-widget-title,
  .CardBalanceCorporateV3 .s-widget-content .s-widget-header .s-widget-title,
  .LoanBalanceCorporate .s-widget-content .s-widget-header .s-widget-title {
    line-height: 2.5;
    margin-bottom: 24px;
    font-size: 18px;
    font-family: "Mark-Bold", sans-serif; }
  .AccountBalanceCorporateV2 .accountDetails .account-item-inner,
  .AccountBalanceCorporateV2 .cardDetailsPopup .account-item-inner,
  .DepositBalanceCorporateV2 .accountDetails .account-item-inner,
  .DepositBalanceCorporateV2 .cardDetailsPopup .account-item-inner,
  .CardBalanceCorporateV3 .accountDetails .account-item-inner,
  .CardBalanceCorporateV3 .cardDetailsPopup .account-item-inner,
  .LoanBalanceCorporate .accountDetails .account-item-inner,
  .LoanBalanceCorporate .cardDetailsPopup .account-item-inner {
    margin-bottom: 80px; }
    .AccountBalanceCorporateV2 .accountDetails .account-item-inner .popup-ammount-wrapper,
    .AccountBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-ammount-wrapper,
    .DepositBalanceCorporateV2 .accountDetails .account-item-inner .popup-ammount-wrapper,
    .DepositBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-ammount-wrapper,
    .CardBalanceCorporateV3 .accountDetails .account-item-inner .popup-ammount-wrapper,
    .CardBalanceCorporateV3 .cardDetailsPopup .account-item-inner .popup-ammount-wrapper,
    .LoanBalanceCorporate .accountDetails .account-item-inner .popup-ammount-wrapper,
    .LoanBalanceCorporate .cardDetailsPopup .account-item-inner .popup-ammount-wrapper {
      margin-bottom: 24px;
      margin-right: unset;
      font-size: 16px;
      font-family: "Mark-Regular", sans-serif;
      display: flex;
      gap: 24px; }
      .AccountBalanceCorporateV2 .accountDetails .account-item-inner .popup-ammount-wrapper .popup-ammount-ico-wrapper,
      .AccountBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-ammount-wrapper .popup-ammount-ico-wrapper,
      .DepositBalanceCorporateV2 .accountDetails .account-item-inner .popup-ammount-wrapper .popup-ammount-ico-wrapper,
      .DepositBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-ammount-wrapper .popup-ammount-ico-wrapper,
      .CardBalanceCorporateV3 .accountDetails .account-item-inner .popup-ammount-wrapper .popup-ammount-ico-wrapper,
      .CardBalanceCorporateV3 .cardDetailsPopup .account-item-inner .popup-ammount-wrapper .popup-ammount-ico-wrapper,
      .LoanBalanceCorporate .accountDetails .account-item-inner .popup-ammount-wrapper .popup-ammount-ico-wrapper,
      .LoanBalanceCorporate .cardDetailsPopup .account-item-inner .popup-ammount-wrapper .popup-ammount-ico-wrapper {
        margin: 0;
        width: 60px;
        height: 60px;
        border-radius: 8px;
        background-color: #F3F3F3;
        box-shadow: none; }
        .AccountBalanceCorporateV2 .accountDetails .account-item-inner .popup-ammount-wrapper .popup-ammount-ico-wrapper .user-acount-card-svg,
        .AccountBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-ammount-wrapper .popup-ammount-ico-wrapper .user-acount-card-svg,
        .DepositBalanceCorporateV2 .accountDetails .account-item-inner .popup-ammount-wrapper .popup-ammount-ico-wrapper .user-acount-card-svg,
        .DepositBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-ammount-wrapper .popup-ammount-ico-wrapper .user-acount-card-svg,
        .CardBalanceCorporateV3 .accountDetails .account-item-inner .popup-ammount-wrapper .popup-ammount-ico-wrapper .user-acount-card-svg,
        .CardBalanceCorporateV3 .cardDetailsPopup .account-item-inner .popup-ammount-wrapper .popup-ammount-ico-wrapper .user-acount-card-svg,
        .LoanBalanceCorporate .accountDetails .account-item-inner .popup-ammount-wrapper .popup-ammount-ico-wrapper .user-acount-card-svg,
        .LoanBalanceCorporate .cardDetailsPopup .account-item-inner .popup-ammount-wrapper .popup-ammount-ico-wrapper .user-acount-card-svg {
          width: 36px;
          height: 36px; }
      .AccountBalanceCorporateV2 .accountDetails .account-item-inner .popup-ammount-wrapper h3,
      .AccountBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-ammount-wrapper h3,
      .DepositBalanceCorporateV2 .accountDetails .account-item-inner .popup-ammount-wrapper h3,
      .DepositBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-ammount-wrapper h3,
      .CardBalanceCorporateV3 .accountDetails .account-item-inner .popup-ammount-wrapper h3,
      .CardBalanceCorporateV3 .cardDetailsPopup .account-item-inner .popup-ammount-wrapper h3,
      .LoanBalanceCorporate .accountDetails .account-item-inner .popup-ammount-wrapper h3,
      .LoanBalanceCorporate .cardDetailsPopup .account-item-inner .popup-ammount-wrapper h3 {
        margin-bottom: 8px;
        font-size: 26px;
        overflow-wrap: anywhere; }
      .AccountBalanceCorporateV2 .accountDetails .account-item-inner .popup-ammount-wrapper p,
      .AccountBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-ammount-wrapper p,
      .DepositBalanceCorporateV2 .accountDetails .account-item-inner .popup-ammount-wrapper p,
      .DepositBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-ammount-wrapper p,
      .CardBalanceCorporateV3 .accountDetails .account-item-inner .popup-ammount-wrapper p,
      .CardBalanceCorporateV3 .cardDetailsPopup .account-item-inner .popup-ammount-wrapper p,
      .LoanBalanceCorporate .accountDetails .account-item-inner .popup-ammount-wrapper p,
      .LoanBalanceCorporate .cardDetailsPopup .account-item-inner .popup-ammount-wrapper p {
        font-size: 14px;
        font-family: "Mark-Medium", sans-serif;
        text-align: left !important; }
    .AccountBalanceCorporateV2 .accountDetails .account-item-inner .popup-wrapper.acc-details,
    .AccountBalanceCorporateV2 .accountDetails .account-item-inner .popup-wrapper.card-details,
    .AccountBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-wrapper.acc-details,
    .AccountBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-wrapper.card-details,
    .DepositBalanceCorporateV2 .accountDetails .account-item-inner .popup-wrapper.acc-details,
    .DepositBalanceCorporateV2 .accountDetails .account-item-inner .popup-wrapper.card-details,
    .DepositBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-wrapper.acc-details,
    .DepositBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-wrapper.card-details,
    .CardBalanceCorporateV3 .accountDetails .account-item-inner .popup-wrapper.acc-details,
    .CardBalanceCorporateV3 .accountDetails .account-item-inner .popup-wrapper.card-details,
    .CardBalanceCorporateV3 .cardDetailsPopup .account-item-inner .popup-wrapper.acc-details,
    .CardBalanceCorporateV3 .cardDetailsPopup .account-item-inner .popup-wrapper.card-details,
    .LoanBalanceCorporate .accountDetails .account-item-inner .popup-wrapper.acc-details,
    .LoanBalanceCorporate .accountDetails .account-item-inner .popup-wrapper.card-details,
    .LoanBalanceCorporate .cardDetailsPopup .account-item-inner .popup-wrapper.acc-details,
    .LoanBalanceCorporate .cardDetailsPopup .account-item-inner .popup-wrapper.card-details {
      height: unset !important;
      margin-bottom: 24px; }
      .AccountBalanceCorporateV2 .accountDetails .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail,
      .AccountBalanceCorporateV2 .accountDetails .account-item-inner .popup-wrapper.card-details .transaction-popup-detail,
      .AccountBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail,
      .AccountBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-wrapper.card-details .transaction-popup-detail,
      .DepositBalanceCorporateV2 .accountDetails .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail,
      .DepositBalanceCorporateV2 .accountDetails .account-item-inner .popup-wrapper.card-details .transaction-popup-detail,
      .DepositBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail,
      .DepositBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-wrapper.card-details .transaction-popup-detail,
      .CardBalanceCorporateV3 .accountDetails .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail,
      .CardBalanceCorporateV3 .accountDetails .account-item-inner .popup-wrapper.card-details .transaction-popup-detail,
      .CardBalanceCorporateV3 .cardDetailsPopup .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail,
      .CardBalanceCorporateV3 .cardDetailsPopup .account-item-inner .popup-wrapper.card-details .transaction-popup-detail,
      .LoanBalanceCorporate .accountDetails .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail,
      .LoanBalanceCorporate .accountDetails .account-item-inner .popup-wrapper.card-details .transaction-popup-detail,
      .LoanBalanceCorporate .cardDetailsPopup .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail,
      .LoanBalanceCorporate .cardDetailsPopup .account-item-inner .popup-wrapper.card-details .transaction-popup-detail {
        display: flex;
        max-width: 640px;
        border-radius: 8px;
        margin-bottom: 0;
        padding: 11px 24px 11px 16px; }
        .AccountBalanceCorporateV2 .accountDetails .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail:nth-child(odd),
        .AccountBalanceCorporateV2 .accountDetails .account-item-inner .popup-wrapper.card-details .transaction-popup-detail:nth-child(odd),
        .AccountBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail:nth-child(odd),
        .AccountBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-wrapper.card-details .transaction-popup-detail:nth-child(odd),
        .DepositBalanceCorporateV2 .accountDetails .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail:nth-child(odd),
        .DepositBalanceCorporateV2 .accountDetails .account-item-inner .popup-wrapper.card-details .transaction-popup-detail:nth-child(odd),
        .DepositBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail:nth-child(odd),
        .DepositBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-wrapper.card-details .transaction-popup-detail:nth-child(odd),
        .CardBalanceCorporateV3 .accountDetails .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail:nth-child(odd),
        .CardBalanceCorporateV3 .accountDetails .account-item-inner .popup-wrapper.card-details .transaction-popup-detail:nth-child(odd),
        .CardBalanceCorporateV3 .cardDetailsPopup .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail:nth-child(odd),
        .CardBalanceCorporateV3 .cardDetailsPopup .account-item-inner .popup-wrapper.card-details .transaction-popup-detail:nth-child(odd),
        .LoanBalanceCorporate .accountDetails .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail:nth-child(odd),
        .LoanBalanceCorporate .accountDetails .account-item-inner .popup-wrapper.card-details .transaction-popup-detail:nth-child(odd),
        .LoanBalanceCorporate .cardDetailsPopup .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail:nth-child(odd),
        .LoanBalanceCorporate .cardDetailsPopup .account-item-inner .popup-wrapper.card-details .transaction-popup-detail:nth-child(odd) {
          background-color: #FFFFFF; }
        .AccountBalanceCorporateV2 .accountDetails .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail:nth-of-type(2n),
        .AccountBalanceCorporateV2 .accountDetails .account-item-inner .popup-wrapper.card-details .transaction-popup-detail:nth-of-type(2n),
        .AccountBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail:nth-of-type(2n),
        .AccountBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-wrapper.card-details .transaction-popup-detail:nth-of-type(2n),
        .DepositBalanceCorporateV2 .accountDetails .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail:nth-of-type(2n),
        .DepositBalanceCorporateV2 .accountDetails .account-item-inner .popup-wrapper.card-details .transaction-popup-detail:nth-of-type(2n),
        .DepositBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail:nth-of-type(2n),
        .DepositBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-wrapper.card-details .transaction-popup-detail:nth-of-type(2n),
        .CardBalanceCorporateV3 .accountDetails .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail:nth-of-type(2n),
        .CardBalanceCorporateV3 .accountDetails .account-item-inner .popup-wrapper.card-details .transaction-popup-detail:nth-of-type(2n),
        .CardBalanceCorporateV3 .cardDetailsPopup .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail:nth-of-type(2n),
        .CardBalanceCorporateV3 .cardDetailsPopup .account-item-inner .popup-wrapper.card-details .transaction-popup-detail:nth-of-type(2n),
        .LoanBalanceCorporate .accountDetails .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail:nth-of-type(2n),
        .LoanBalanceCorporate .accountDetails .account-item-inner .popup-wrapper.card-details .transaction-popup-detail:nth-of-type(2n),
        .LoanBalanceCorporate .cardDetailsPopup .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail:nth-of-type(2n),
        .LoanBalanceCorporate .cardDetailsPopup .account-item-inner .popup-wrapper.card-details .transaction-popup-detail:nth-of-type(2n) {
          background-color: #F3F3F3; }
        .AccountBalanceCorporateV2 .accountDetails .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail p,
        .AccountBalanceCorporateV2 .accountDetails .account-item-inner .popup-wrapper.card-details .transaction-popup-detail p,
        .AccountBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail p,
        .AccountBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-wrapper.card-details .transaction-popup-detail p,
        .DepositBalanceCorporateV2 .accountDetails .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail p,
        .DepositBalanceCorporateV2 .accountDetails .account-item-inner .popup-wrapper.card-details .transaction-popup-detail p,
        .DepositBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail p,
        .DepositBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-wrapper.card-details .transaction-popup-detail p,
        .CardBalanceCorporateV3 .accountDetails .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail p,
        .CardBalanceCorporateV3 .accountDetails .account-item-inner .popup-wrapper.card-details .transaction-popup-detail p,
        .CardBalanceCorporateV3 .cardDetailsPopup .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail p,
        .CardBalanceCorporateV3 .cardDetailsPopup .account-item-inner .popup-wrapper.card-details .transaction-popup-detail p,
        .LoanBalanceCorporate .accountDetails .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail p,
        .LoanBalanceCorporate .accountDetails .account-item-inner .popup-wrapper.card-details .transaction-popup-detail p,
        .LoanBalanceCorporate .cardDetailsPopup .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail p,
        .LoanBalanceCorporate .cardDetailsPopup .account-item-inner .popup-wrapper.card-details .transaction-popup-detail p {
          width: 50%;
          line-height: 1.125; }
          .AccountBalanceCorporateV2 .accountDetails .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail p:fisrt-child,
          .AccountBalanceCorporateV2 .accountDetails .account-item-inner .popup-wrapper.card-details .transaction-popup-detail p:fisrt-child,
          .AccountBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail p:fisrt-child,
          .AccountBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-wrapper.card-details .transaction-popup-detail p:fisrt-child,
          .DepositBalanceCorporateV2 .accountDetails .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail p:fisrt-child,
          .DepositBalanceCorporateV2 .accountDetails .account-item-inner .popup-wrapper.card-details .transaction-popup-detail p:fisrt-child,
          .DepositBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail p:fisrt-child,
          .DepositBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-wrapper.card-details .transaction-popup-detail p:fisrt-child,
          .CardBalanceCorporateV3 .accountDetails .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail p:fisrt-child,
          .CardBalanceCorporateV3 .accountDetails .account-item-inner .popup-wrapper.card-details .transaction-popup-detail p:fisrt-child,
          .CardBalanceCorporateV3 .cardDetailsPopup .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail p:fisrt-child,
          .CardBalanceCorporateV3 .cardDetailsPopup .account-item-inner .popup-wrapper.card-details .transaction-popup-detail p:fisrt-child,
          .LoanBalanceCorporate .accountDetails .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail p:fisrt-child,
          .LoanBalanceCorporate .accountDetails .account-item-inner .popup-wrapper.card-details .transaction-popup-detail p:fisrt-child,
          .LoanBalanceCorporate .cardDetailsPopup .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail p:fisrt-child,
          .LoanBalanceCorporate .cardDetailsPopup .account-item-inner .popup-wrapper.card-details .transaction-popup-detail p:fisrt-child {
            padding-right: 10px; }
        .AccountBalanceCorporateV2 .accountDetails .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail p.active,
        .AccountBalanceCorporateV2 .accountDetails .account-item-inner .popup-wrapper.card-details .transaction-popup-detail p.active,
        .AccountBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail p.active,
        .AccountBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-wrapper.card-details .transaction-popup-detail p.active,
        .DepositBalanceCorporateV2 .accountDetails .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail p.active,
        .DepositBalanceCorporateV2 .accountDetails .account-item-inner .popup-wrapper.card-details .transaction-popup-detail p.active,
        .DepositBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail p.active,
        .DepositBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-wrapper.card-details .transaction-popup-detail p.active,
        .CardBalanceCorporateV3 .accountDetails .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail p.active,
        .CardBalanceCorporateV3 .accountDetails .account-item-inner .popup-wrapper.card-details .transaction-popup-detail p.active,
        .CardBalanceCorporateV3 .cardDetailsPopup .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail p.active,
        .CardBalanceCorporateV3 .cardDetailsPopup .account-item-inner .popup-wrapper.card-details .transaction-popup-detail p.active,
        .LoanBalanceCorporate .accountDetails .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail p.active,
        .LoanBalanceCorporate .accountDetails .account-item-inner .popup-wrapper.card-details .transaction-popup-detail p.active,
        .LoanBalanceCorporate .cardDetailsPopup .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail p.active,
        .LoanBalanceCorporate .cardDetailsPopup .account-item-inner .popup-wrapper.card-details .transaction-popup-detail p.active {
          color: #23c841;
          font-family: "Mark-Bold", sans-serif;
          line-height: 1.25; }
        .AccountBalanceCorporateV2 .accountDetails .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail p.inactive,
        .AccountBalanceCorporateV2 .accountDetails .account-item-inner .popup-wrapper.card-details .transaction-popup-detail p.inactive,
        .AccountBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail p.inactive,
        .AccountBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-wrapper.card-details .transaction-popup-detail p.inactive,
        .DepositBalanceCorporateV2 .accountDetails .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail p.inactive,
        .DepositBalanceCorporateV2 .accountDetails .account-item-inner .popup-wrapper.card-details .transaction-popup-detail p.inactive,
        .DepositBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail p.inactive,
        .DepositBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-wrapper.card-details .transaction-popup-detail p.inactive,
        .CardBalanceCorporateV3 .accountDetails .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail p.inactive,
        .CardBalanceCorporateV3 .accountDetails .account-item-inner .popup-wrapper.card-details .transaction-popup-detail p.inactive,
        .CardBalanceCorporateV3 .cardDetailsPopup .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail p.inactive,
        .CardBalanceCorporateV3 .cardDetailsPopup .account-item-inner .popup-wrapper.card-details .transaction-popup-detail p.inactive,
        .LoanBalanceCorporate .accountDetails .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail p.inactive,
        .LoanBalanceCorporate .accountDetails .account-item-inner .popup-wrapper.card-details .transaction-popup-detail p.inactive,
        .LoanBalanceCorporate .cardDetailsPopup .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail p.inactive,
        .LoanBalanceCorporate .cardDetailsPopup .account-item-inner .popup-wrapper.card-details .transaction-popup-detail p.inactive {
          color: #d20000;
          font-family: "Mark-Bold", sans-serif; }
        .AccountBalanceCorporateV2 .accountDetails .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail .dot-menu,
        .AccountBalanceCorporateV2 .accountDetails .account-item-inner .popup-wrapper.card-details .transaction-popup-detail .dot-menu,
        .AccountBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail .dot-menu,
        .AccountBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-wrapper.card-details .transaction-popup-detail .dot-menu,
        .DepositBalanceCorporateV2 .accountDetails .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail .dot-menu,
        .DepositBalanceCorporateV2 .accountDetails .account-item-inner .popup-wrapper.card-details .transaction-popup-detail .dot-menu,
        .DepositBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail .dot-menu,
        .DepositBalanceCorporateV2 .cardDetailsPopup .account-item-inner .popup-wrapper.card-details .transaction-popup-detail .dot-menu,
        .CardBalanceCorporateV3 .accountDetails .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail .dot-menu,
        .CardBalanceCorporateV3 .accountDetails .account-item-inner .popup-wrapper.card-details .transaction-popup-detail .dot-menu,
        .CardBalanceCorporateV3 .cardDetailsPopup .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail .dot-menu,
        .CardBalanceCorporateV3 .cardDetailsPopup .account-item-inner .popup-wrapper.card-details .transaction-popup-detail .dot-menu,
        .LoanBalanceCorporate .accountDetails .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail .dot-menu,
        .LoanBalanceCorporate .accountDetails .account-item-inner .popup-wrapper.card-details .transaction-popup-detail .dot-menu,
        .LoanBalanceCorporate .cardDetailsPopup .account-item-inner .popup-wrapper.acc-details .transaction-popup-detail .dot-menu,
        .LoanBalanceCorporate .cardDetailsPopup .account-item-inner .popup-wrapper.card-details .transaction-popup-detail .dot-menu {
          right: 10px; }
    .AccountBalanceCorporateV2 .accountDetails .account-item-inner .transaction-popup-options-wrapper h4,
    .AccountBalanceCorporateV2 .cardDetailsPopup .account-item-inner .transaction-popup-options-wrapper h4,
    .DepositBalanceCorporateV2 .accountDetails .account-item-inner .transaction-popup-options-wrapper h4,
    .DepositBalanceCorporateV2 .cardDetailsPopup .account-item-inner .transaction-popup-options-wrapper h4,
    .CardBalanceCorporateV3 .accountDetails .account-item-inner .transaction-popup-options-wrapper h4,
    .CardBalanceCorporateV3 .cardDetailsPopup .account-item-inner .transaction-popup-options-wrapper h4,
    .LoanBalanceCorporate .accountDetails .account-item-inner .transaction-popup-options-wrapper h4,
    .LoanBalanceCorporate .cardDetailsPopup .account-item-inner .transaction-popup-options-wrapper h4 {
      margin-bottom: 16px; }
    .AccountBalanceCorporateV2 .accountDetails .account-item-inner .transaction-popup-options-wrapper .transaction-popup-option,
    .AccountBalanceCorporateV2 .cardDetailsPopup .account-item-inner .transaction-popup-options-wrapper .transaction-popup-option,
    .DepositBalanceCorporateV2 .accountDetails .account-item-inner .transaction-popup-options-wrapper .transaction-popup-option,
    .DepositBalanceCorporateV2 .cardDetailsPopup .account-item-inner .transaction-popup-options-wrapper .transaction-popup-option,
    .CardBalanceCorporateV3 .accountDetails .account-item-inner .transaction-popup-options-wrapper .transaction-popup-option,
    .CardBalanceCorporateV3 .cardDetailsPopup .account-item-inner .transaction-popup-options-wrapper .transaction-popup-option,
    .LoanBalanceCorporate .accountDetails .account-item-inner .transaction-popup-options-wrapper .transaction-popup-option,
    .LoanBalanceCorporate .cardDetailsPopup .account-item-inner .transaction-popup-options-wrapper .transaction-popup-option {
      min-height: 40px;
      display: flex;
      align-items: center;
      border-radius: 8px;
      transition: background-color .3s;
      font-family: Mark-Medium;
      font-size: 16px;
      line-height: 1.5;
      padding-right: 15px; }
      .AccountBalanceCorporateV2 .accountDetails .account-item-inner .transaction-popup-options-wrapper .transaction-popup-option:hover,
      .AccountBalanceCorporateV2 .cardDetailsPopup .account-item-inner .transaction-popup-options-wrapper .transaction-popup-option:hover,
      .DepositBalanceCorporateV2 .accountDetails .account-item-inner .transaction-popup-options-wrapper .transaction-popup-option:hover,
      .DepositBalanceCorporateV2 .cardDetailsPopup .account-item-inner .transaction-popup-options-wrapper .transaction-popup-option:hover,
      .CardBalanceCorporateV3 .accountDetails .account-item-inner .transaction-popup-options-wrapper .transaction-popup-option:hover,
      .CardBalanceCorporateV3 .cardDetailsPopup .account-item-inner .transaction-popup-options-wrapper .transaction-popup-option:hover,
      .LoanBalanceCorporate .accountDetails .account-item-inner .transaction-popup-options-wrapper .transaction-popup-option:hover,
      .LoanBalanceCorporate .cardDetailsPopup .account-item-inner .transaction-popup-options-wrapper .transaction-popup-option:hover {
        background-color: #eec5904d; }
        .AccountBalanceCorporateV2 .accountDetails .account-item-inner .transaction-popup-options-wrapper .transaction-popup-option:hover .dot-menu svg.profile-text-arrow,
        .AccountBalanceCorporateV2 .cardDetailsPopup .account-item-inner .transaction-popup-options-wrapper .transaction-popup-option:hover .dot-menu svg.profile-text-arrow,
        .DepositBalanceCorporateV2 .accountDetails .account-item-inner .transaction-popup-options-wrapper .transaction-popup-option:hover .dot-menu svg.profile-text-arrow,
        .DepositBalanceCorporateV2 .cardDetailsPopup .account-item-inner .transaction-popup-options-wrapper .transaction-popup-option:hover .dot-menu svg.profile-text-arrow,
        .CardBalanceCorporateV3 .accountDetails .account-item-inner .transaction-popup-options-wrapper .transaction-popup-option:hover .dot-menu svg.profile-text-arrow,
        .CardBalanceCorporateV3 .cardDetailsPopup .account-item-inner .transaction-popup-options-wrapper .transaction-popup-option:hover .dot-menu svg.profile-text-arrow,
        .LoanBalanceCorporate .accountDetails .account-item-inner .transaction-popup-options-wrapper .transaction-popup-option:hover .dot-menu svg.profile-text-arrow,
        .LoanBalanceCorporate .cardDetailsPopup .account-item-inner .transaction-popup-options-wrapper .transaction-popup-option:hover .dot-menu svg.profile-text-arrow {
          transform: none !important;
          -webkit-transform: none !important; }
      .AccountBalanceCorporateV2 .accountDetails .account-item-inner .transaction-popup-options-wrapper .transaction-popup-option .dot-menu svg.profile-text-arrow,
      .AccountBalanceCorporateV2 .cardDetailsPopup .account-item-inner .transaction-popup-options-wrapper .transaction-popup-option .dot-menu svg.profile-text-arrow,
      .DepositBalanceCorporateV2 .accountDetails .account-item-inner .transaction-popup-options-wrapper .transaction-popup-option .dot-menu svg.profile-text-arrow,
      .DepositBalanceCorporateV2 .cardDetailsPopup .account-item-inner .transaction-popup-options-wrapper .transaction-popup-option .dot-menu svg.profile-text-arrow,
      .CardBalanceCorporateV3 .accountDetails .account-item-inner .transaction-popup-options-wrapper .transaction-popup-option .dot-menu svg.profile-text-arrow,
      .CardBalanceCorporateV3 .cardDetailsPopup .account-item-inner .transaction-popup-options-wrapper .transaction-popup-option .dot-menu svg.profile-text-arrow,
      .LoanBalanceCorporate .accountDetails .account-item-inner .transaction-popup-options-wrapper .transaction-popup-option .dot-menu svg.profile-text-arrow,
      .LoanBalanceCorporate .cardDetailsPopup .account-item-inner .transaction-popup-options-wrapper .transaction-popup-option .dot-menu svg.profile-text-arrow {
        top: 30%; }

.LoanBalanceCorporate .accountDetails .account-item-inner .popup-ammount-wrapper h3 {
  max-width: 560px; }

.CardBalanceCorporateV3 .account-item-inner .popup-ammount-wrapper {
  margin-bottom: 40px; }
  .CardBalanceCorporateV3 .account-item-inner .popup-ammount-wrapper .user-account-card-img {
    width: 272px !important;
    margin: unset;
    margin-bottom: 20px; }
    .CardBalanceCorporateV3 .account-item-inner .popup-ammount-wrapper .user-account-card-img.card {
      min-height: 170px !important;
      height: 170px; }
    .CardBalanceCorporateV3 .account-item-inner .popup-ammount-wrapper .user-account-card-img .card-image.card-613 {
      background-image: url("images/icons/Visa-Business---278x180-px.png"); }
    .CardBalanceCorporateV3 .account-item-inner .popup-ammount-wrapper .user-account-card-img .card-image.card-616 {
      background-image: url("images/icons/Dina-Business---278x180-px.png"); }
    .CardBalanceCorporateV3 .account-item-inner .popup-ammount-wrapper .user-account-card-img .card-image.card-618 {
      background-image: url("images/icons/Debit-618-CMS-278x180.png"); }

.ui-dialog.details-dialog.reservedFunds,
.ui-dialog.details-dialog.reservedFundsCards,
.ui-dialog.details-dialog.pendingOrders {
  min-width: 950px !important;
  max-width: 950px !important;
  max-height: 600px !important;
  height: auto !important;
  position: fixed !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  border-radius: 16px;
  padding: 32px !important;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff !important; }
  .ui-dialog.details-dialog.reservedFunds .ui-dialog-titlebar,
  .ui-dialog.details-dialog.reservedFundsCards .ui-dialog-titlebar,
  .ui-dialog.details-dialog.pendingOrders .ui-dialog-titlebar {
    display: none; }
  .ui-dialog.details-dialog.reservedFunds .ui-dialog-content,
  .ui-dialog.details-dialog.reservedFundsCards .ui-dialog-content,
  .ui-dialog.details-dialog.pendingOrders .ui-dialog-content {
    height: auto !important;
    padding: 0 !important;
    color: #121212; }
  .ui-dialog.details-dialog.reservedFunds .modal-title-wrapper,
  .ui-dialog.details-dialog.reservedFundsCards .modal-title-wrapper,
  .ui-dialog.details-dialog.pendingOrders .modal-title-wrapper {
    margin-bottom: 32px; }
    .ui-dialog.details-dialog.reservedFunds .modal-title-wrapper .left-title p,
    .ui-dialog.details-dialog.reservedFundsCards .modal-title-wrapper .left-title p,
    .ui-dialog.details-dialog.pendingOrders .modal-title-wrapper .left-title p {
      font-family: "pt_sansregular", sans-serif !important;
      font-weight: bold; }
    .ui-dialog.details-dialog.reservedFunds .modal-title-wrapper .left-title svg.account-close-ico,
    .ui-dialog.details-dialog.reservedFundsCards .modal-title-wrapper .left-title svg.account-close-ico,
    .ui-dialog.details-dialog.pendingOrders .modal-title-wrapper .left-title svg.account-close-ico {
      width: 24px;
      height: 24px;
      top: 0;
      right: 0;
      position: absolute;
      color: #121212; }
    .ui-dialog.details-dialog.reservedFunds .modal-title-wrapper .btn-1,
    .ui-dialog.details-dialog.reservedFundsCards .modal-title-wrapper .btn-1,
    .ui-dialog.details-dialog.pendingOrders .modal-title-wrapper .btn-1 {
      background: linear-gradient(45deg, #006de6, #00b2e6);
      border: none;
      margin: 0;
      min-width: 160px;
      color: #fff; }
    .ui-dialog.details-dialog.reservedFunds .modal-title-wrapper .modal-title,
    .ui-dialog.details-dialog.reservedFundsCards .modal-title-wrapper .modal-title,
    .ui-dialog.details-dialog.pendingOrders .modal-title-wrapper .modal-title {
      font-weight: 400;
      font-family: "Mark-Bold", sans-serif;
      line-height: 1.25;
      color: #121212;
      font-size: 18px; }
  .ui-dialog.details-dialog.reservedFunds .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper,
  .ui-dialog.details-dialog.reservedFundsCards .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper,
  .ui-dialog.details-dialog.pendingOrders .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper {
    overflow-x: auto; }
    .ui-dialog.details-dialog.reservedFunds .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .active,
    .ui-dialog.details-dialog.reservedFundsCards .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .active,
    .ui-dialog.details-dialog.pendingOrders .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .active {
      border-bottom: 1px solid #e6e6e6; }
      .ui-dialog.details-dialog.reservedFunds .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .active p,
      .ui-dialog.details-dialog.reservedFundsCards .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .active p,
      .ui-dialog.details-dialog.pendingOrders .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .active p {
        color: #121212; }
    .ui-dialog.details-dialog.reservedFunds .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .active,
    .ui-dialog.details-dialog.reservedFundsCards .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .active,
    .ui-dialog.details-dialog.pendingOrders .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .active {
      border: none !important; }
    .ui-dialog.details-dialog.reservedFunds .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .cols-wrap,
    .ui-dialog.details-dialog.reservedFundsCards .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .cols-wrap,
    .ui-dialog.details-dialog.pendingOrders .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;
      padding-left: 15px !important;
      padding-right: 15px !important; }
    .ui-dialog.details-dialog.reservedFunds .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter,
    .ui-dialog.details-dialog.reservedFundsCards .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter,
    .ui-dialog.details-dialog.pendingOrders .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter {
      min-width: 910px;
      border-bottom: 1px solid #e6e6e6; }
      .ui-dialog.details-dialog.reservedFunds .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box,
      .ui-dialog.details-dialog.reservedFundsCards .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box,
      .ui-dialog.details-dialog.pendingOrders .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box {
        padding: 5px 0 5px 5px;
        position: relative; }
        .ui-dialog.details-dialog.reservedFunds .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box .payment-filter-ico,
        .ui-dialog.details-dialog.reservedFundsCards .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box .payment-filter-ico,
        .ui-dialog.details-dialog.pendingOrders .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.reservedFunds .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box p,
        .ui-dialog.details-dialog.reservedFundsCards .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box p,
        .ui-dialog.details-dialog.pendingOrders .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box p {
          text-wrap: nowrap;
          padding-right: 10px;
          display: inline-block;
          margin-bottom: 15px;
          line-height: 1; }
        .ui-dialog.details-dialog.reservedFunds .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box .page-text-2,
        .ui-dialog.details-dialog.reservedFundsCards .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box .page-text-2,
        .ui-dialog.details-dialog.pendingOrders .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .payment-filter-box .page-text-2 {
          padding-right: 10px;
          display: inline-block;
          margin-bottom: 15px;
          line-height: 1;
          -webkit-transition: color .5s;
          transition: color .5s;
          font-family: "Mark-Medium", sans-serif;
          font-size: 14px;
          font-weight: normal; }
      .ui-dialog.details-dialog.reservedFunds .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-2,
      .ui-dialog.details-dialog.reservedFundsCards .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-2,
      .ui-dialog.details-dialog.pendingOrders .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-2 {
        width: 16.66667%; }
      .ui-dialog.details-dialog.reservedFunds .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-4,
      .ui-dialog.details-dialog.reservedFundsCards .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-4,
      .ui-dialog.details-dialog.pendingOrders .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-4 {
        width: 33.33333%; }
      .ui-dialog.details-dialog.reservedFunds .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-1,
      .ui-dialog.details-dialog.reservedFundsCards .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-1,
      .ui-dialog.details-dialog.pendingOrders .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-1 {
        width: 8.33333%; }
      .ui-dialog.details-dialog.reservedFunds .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-3,
      .ui-dialog.details-dialog.reservedFundsCards .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-3,
      .ui-dialog.details-dialog.pendingOrders .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-3 {
        width: 25%; }
      .ui-dialog.details-dialog.reservedFunds .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .small-offset-left,
      .ui-dialog.details-dialog.reservedFundsCards .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .small-offset-left,
      .ui-dialog.details-dialog.pendingOrders .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .small-offset-left {
        padding-left: 30px; }
    .ui-dialog.details-dialog.reservedFunds .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper,
    .ui-dialog.details-dialog.reservedFundsCards .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper,
    .ui-dialog.details-dialog.pendingOrders .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper {
      min-width: 910px;
      margin-bottom: 0px;
      max-height: 500px; }
      .ui-dialog.details-dialog.reservedFunds .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap,
      .ui-dialog.details-dialog.reservedFundsCards .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap,
      .ui-dialog.details-dialog.pendingOrders .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap {
        padding: 13px 0 12px;
        transition: background-color .3s;
        border-bottom: 1px solid #e6e6e6; }
        .ui-dialog.details-dialog.reservedFunds .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap:hover,
        .ui-dialog.details-dialog.reservedFundsCards .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap:hover,
        .ui-dialog.details-dialog.pendingOrders .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap:hover {
          background-color: #faeede; }
        .ui-dialog.details-dialog.reservedFunds .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-2,
        .ui-dialog.details-dialog.reservedFundsCards .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-2,
        .ui-dialog.details-dialog.pendingOrders .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-2 {
          width: 16.66667%; }
        .ui-dialog.details-dialog.reservedFunds .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-4,
        .ui-dialog.details-dialog.reservedFundsCards .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-4,
        .ui-dialog.details-dialog.pendingOrders .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-4 {
          width: 33.33333%; }
        .ui-dialog.details-dialog.reservedFunds .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-1,
        .ui-dialog.details-dialog.reservedFundsCards .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-1,
        .ui-dialog.details-dialog.pendingOrders .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-1 {
          width: 8.33333%; }
        .ui-dialog.details-dialog.reservedFunds .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-3,
        .ui-dialog.details-dialog.reservedFundsCards .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-3,
        .ui-dialog.details-dialog.pendingOrders .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-3 {
          width: 25%; }
        .ui-dialog.details-dialog.reservedFunds .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .small-offset-left,
        .ui-dialog.details-dialog.reservedFundsCards .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .small-offset-left,
        .ui-dialog.details-dialog.pendingOrders .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .small-offset-left {
          padding-left: 30px; }

.ui-dialog.details-dialog.reservedFundsCards .all-account-wrapper-outer .all-accounts-popup-wrapper {
  padding: 0px;
  padding-bottom: 32px; }

.ui-dialog.details-dialog.reservedFundsCards .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-1 {
  width: 25%; }

.ui-dialog.details-dialog.reservedFundsCards .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-3 {
  width: 40%; }

.ui-dialog.details-dialog.reservedFundsCards .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter .col-4 {
  width: 18%; }

.ui-dialog.details-dialog.reservedFundsCards .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-1 {
  width: 25%; }

.ui-dialog.details-dialog.reservedFundsCards .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-3 {
  width: 40%; }

.ui-dialog.details-dialog.reservedFundsCards .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-4 {
  width: 18%; }

.DomesticOrderCorporate {
  max-width: 640px;
  margin: 0 auto;
  margin-top: 50px; }
  .DomesticOrderCorporate .ui-datepicker-trigger {
    display: none !important; }
  .DomesticOrderCorporate .input-1.placeholder-1 {
    padding: 12px; }
  .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .toggle-payment-open.template.active .expand-icon.plus-icon.template .plus-line.vert {
    top: 3px;
    transform: rotate(90deg) translateY(4%); }
  .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .transaction-filter.transaction-calendar .pdf-ico {
    width: 22px;
    height: 20px;
    position: absolute;
    top: 70%;
    right: 16px;
    transform: translateY(-50%); }

.Html.dashboard .s-widget-body p {
  border-bottom: 1px solid #E6E6E6; }

.ui-dialog.details-dialog.reservedFunds .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-filter {
  min-width: 890px; }

.ui-dialog.details-dialog.reservedFunds .modal-inner .salaries-form-container .table-layout .payment-filter-wrapper .payment-info-wrapper .cols-wrap .cols-2 {
  width: 17.66667%; }

@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; }

@font-face {
  font-family: 'Mark-Regular';
  src: url("fonts/MarkPro-Book-AzMUyBOY.woff2") format("woff2"), url("fonts/MarkPro-Book-AzMUyBOY.woff2") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Mark-Bold';
  src: url("fonts/MarkPro-Bold-DPV5xY_z.woff2") format("woff2"), url("fonts/MarkPro-Bold-Cu2hzC23.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Mark-Medium';
  src: url("fonts/MarkPro-Medium-CVYnISBO.woff2") format("woff2"), url("fonts/MarkPro-Medium-rtEcXbwO.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Mark-ExtraBold';
  src: url("fonts/MarkPro-Heavy-bcVNZeMD.woff2") format("woff2"), url("fonts/MarkPro-Heavy-sbCzOrt5.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

/*#endregion fonts*/
/* colors */
.ui-datepicker .ui-widget-header .ui-datepicker-next, .ui-datepicker .ui-widget-header .ui-datepicker-prev, .PersonalSettingsV3 .inner .custom-form .group .checkbox-bar .custom-check-label, .repayments,
.widget-pagination, .repayments.templates a,
.widget-pagination.templates a, .showPagination .pagination .pageCurrent, .personal-data-settings .help-info-wrapper, .help-info-wrapper, .FastPayment .dot-menu-inner, .FastPayment .fast-pay-account-wrapper, .FastPayment .fast-pay-account-img.no-img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.personal-data-settings .help-info-wrapper, .help-info-wrapper {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end; }

.ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .account-select-item {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.input-wrap *, .sticky-header .main-peace, .custom-grid.type-2 .col, .FXTradingCalculator *, .PersonalSettingsV3 *, .formApproval .alpaca-controlfield-container.alpaca-controlfield-text, #page-footer, .showPagination *, .my-account-main-form-wrapper *, .FastPayment *, .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html,
body,
div,
span,
applet,
object,
frame,
h1,
h2,
h3,
h4,
h5,
h6,
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,
  h6 > #toggle-acc-details,
  h6 > #toggle-card-details,
  h6 > #toggle-loan-details,
  h6 > #toggle-template-open,
  h6 > #toggle-payment-open,
  p > #toggle-acc-details,
  p > #toggle-card-details,
  p > #toggle-loan-details,
  p > #toggle-template-open,
  p > #toggle-payment-open,
  blockquote > #toggle-acc-details,
  blockquote > #toggle-card-details,
  blockquote > #toggle-loan-details,
  blockquote > #toggle-template-open,
  blockquote > #toggle-payment-open,
  pre > #toggle-acc-details,
  pre > #toggle-card-details,
  pre > #toggle-loan-details,
  pre > #toggle-template-open,
  pre > #toggle-payment-open,
  a > #toggle-acc-details,
  a > #toggle-card-details,
  a > #toggle-loan-details,
  a > #toggle-template-open,
  a > #toggle-payment-open,
  abbr > #toggle-acc-details,
  abbr > #toggle-card-details,
  abbr > #toggle-loan-details,
  abbr > #toggle-template-open,
  abbr > #toggle-payment-open,
  acronym > #toggle-acc-details,
  acronym > #toggle-card-details,
  acronym > #toggle-loan-details,
  acronym > #toggle-template-open,
  acronym > #toggle-payment-open,
  address > #toggle-acc-details,
  address > #toggle-card-details,
  address > #toggle-loan-details,
  address > #toggle-template-open,
  address > #toggle-payment-open,
  big > #toggle-acc-details,
  big > #toggle-card-details,
  big > #toggle-loan-details,
  big > #toggle-template-open,
  big > #toggle-payment-open,
  cite > #toggle-acc-details,
  cite > #toggle-card-details,
  cite > #toggle-loan-details,
  cite > #toggle-template-open,
  cite > #toggle-payment-open,
  code > #toggle-acc-details,
  code > #toggle-card-details,
  code > #toggle-loan-details,
  code > #toggle-template-open,
  code > #toggle-payment-open,
  del > #toggle-acc-details,
  del > #toggle-card-details,
  del > #toggle-loan-details,
  del > #toggle-template-open,
  del > #toggle-payment-open,
  dfn > #toggle-acc-details,
  dfn > #toggle-card-details,
  dfn > #toggle-loan-details,
  dfn > #toggle-template-open,
  dfn > #toggle-payment-open,
  em > #toggle-acc-details,
  em > #toggle-card-details,
  em > #toggle-loan-details,
  em > #toggle-template-open,
  em > #toggle-payment-open,
  img > #toggle-acc-details,
  img > #toggle-card-details,
  img > #toggle-loan-details,
  img > #toggle-template-open,
  img > #toggle-payment-open,
  ins > #toggle-acc-details,
  ins > #toggle-card-details,
  ins > #toggle-loan-details,
  ins > #toggle-template-open,
  ins > #toggle-payment-open,
  kbd > #toggle-acc-details,
  kbd > #toggle-card-details,
  kbd > #toggle-loan-details,
  kbd > #toggle-template-open,
  kbd > #toggle-payment-open,
  q > #toggle-acc-details,
  q > #toggle-card-details,
  q > #toggle-loan-details,
  q > #toggle-template-open,
  q > #toggle-payment-open,
  s > #toggle-acc-details,
  s > #toggle-card-details,
  s > #toggle-loan-details,
  s > #toggle-template-open,
  s > #toggle-payment-open,
  samp > #toggle-acc-details,
  samp > #toggle-card-details,
  samp > #toggle-loan-details,
  samp > #toggle-template-open,
  samp > #toggle-payment-open,
  small > #toggle-acc-details,
  small > #toggle-card-details,
  small > #toggle-loan-details,
  small > #toggle-template-open,
  small > #toggle-payment-open,
  strike > #toggle-acc-details,
  strike > #toggle-card-details,
  strike > #toggle-loan-details,
  strike > #toggle-template-open,
  strike > #toggle-payment-open,
  strong > #toggle-acc-details,
  strong > #toggle-card-details,
  strong > #toggle-loan-details,
  strong > #toggle-template-open,
  strong > #toggle-payment-open,
  sub > #toggle-acc-details,
  sub > #toggle-card-details,
  sub > #toggle-loan-details,
  sub > #toggle-template-open,
  sub > #toggle-payment-open,
  sup > #toggle-acc-details,
  sup > #toggle-card-details,
  sup > #toggle-loan-details,
  sup > #toggle-template-open,
  sup > #toggle-payment-open,
  tt > #toggle-acc-details,
  tt > #toggle-card-details,
  tt > #toggle-loan-details,
  tt > #toggle-template-open,
  tt > #toggle-payment-open,
  var > #toggle-acc-details,
  var > #toggle-card-details,
  var > #toggle-loan-details,
  var > #toggle-template-open,
  var > #toggle-payment-open,
  b > #toggle-acc-details,
  b > #toggle-card-details,
  b > #toggle-loan-details,
  b > #toggle-template-open,
  b > #toggle-payment-open,
  u > #toggle-acc-details,
  u > #toggle-card-details,
  u > #toggle-loan-details,
  u > #toggle-template-open,
  u > #toggle-payment-open,
  i > #toggle-acc-details,
  i > #toggle-card-details,
  i > #toggle-loan-details,
  i > #toggle-template-open,
  i > #toggle-payment-open,
  center > #toggle-acc-details,
  center > #toggle-card-details,
  center > #toggle-loan-details,
  center > #toggle-template-open,
  center > #toggle-payment-open,
  dl > #toggle-acc-details,
  dl > #toggle-card-details,
  dl > #toggle-loan-details,
  dl > #toggle-template-open,
  dl > #toggle-payment-open,
  dt > #toggle-acc-details,
  dt > #toggle-card-details,
  dt > #toggle-loan-details,
  dt > #toggle-template-open,
  dt > #toggle-payment-open,
  dd > #toggle-acc-details,
  dd > #toggle-card-details,
  dd > #toggle-loan-details,
  dd > #toggle-template-open,
  dd > #toggle-payment-open,
  ol > #toggle-acc-details,
  ol > #toggle-card-details,
  ol > #toggle-loan-details,
  ol > #toggle-template-open,
  ol > #toggle-payment-open,
  ul > #toggle-acc-details,
  ul > #toggle-card-details,
  ul > #toggle-loan-details,
  ul > #toggle-template-open,
  ul > #toggle-payment-open,
  li > #toggle-acc-details,
  li > #toggle-card-details,
  li > #toggle-loan-details,
  li > #toggle-template-open,
  li > #toggle-payment-open,
  fieldset > #toggle-acc-details,
  fieldset > #toggle-card-details,
  fieldset > #toggle-loan-details,
  fieldset > #toggle-template-open,
  fieldset > #toggle-payment-open,
  form > #toggle-acc-details,
  form > #toggle-card-details,
  form > #toggle-loan-details,
  form > #toggle-template-open,
  form > #toggle-payment-open,
  label > #toggle-acc-details,
  label > #toggle-card-details,
  label > #toggle-loan-details,
  label > #toggle-template-open,
  label > #toggle-payment-open,
  legend > #toggle-acc-details,
  legend > #toggle-card-details,
  legend > #toggle-loan-details,
  legend > #toggle-template-open,
  legend > #toggle-payment-open,
  table > #toggle-acc-details,
  table > #toggle-card-details,
  table > #toggle-loan-details,
  table > #toggle-template-open,
  table > #toggle-payment-open,
  caption > #toggle-acc-details,
  caption > #toggle-card-details,
  caption > #toggle-loan-details,
  caption > #toggle-template-open,
  caption > #toggle-payment-open,
  tbody > #toggle-acc-details,
  tbody > #toggle-card-details,
  tbody > #toggle-loan-details,
  tbody > #toggle-template-open,
  tbody > #toggle-payment-open,
  tfoot > #toggle-acc-details,
  tfoot > #toggle-card-details,
  tfoot > #toggle-loan-details,
  tfoot > #toggle-template-open,
  tfoot > #toggle-payment-open,
  thead > #toggle-acc-details,
  thead > #toggle-card-details,
  thead > #toggle-loan-details,
  thead > #toggle-template-open,
  thead > #toggle-payment-open,
  tr > #toggle-acc-details,
  tr > #toggle-card-details,
  tr > #toggle-loan-details,
  tr > #toggle-template-open,
  tr > #toggle-payment-open,
  th > #toggle-acc-details,
  th > #toggle-card-details,
  th > #toggle-loan-details,
  th > #toggle-template-open,
  th > #toggle-payment-open,
  td > #toggle-acc-details,
  td > #toggle-card-details,
  td > #toggle-loan-details,
  td > #toggle-template-open,
  td > #toggle-payment-open,
  article > #toggle-acc-details,
  article > #toggle-card-details,
  article > #toggle-loan-details,
  article > #toggle-template-open,
  article > #toggle-payment-open,
  aside > #toggle-acc-details,
  aside > #toggle-card-details,
  aside > #toggle-loan-details,
  aside > #toggle-template-open,
  aside > #toggle-payment-open,
  canvas > #toggle-acc-details,
  canvas > #toggle-card-details,
  canvas > #toggle-loan-details,
  canvas > #toggle-template-open,
  canvas > #toggle-payment-open,
  details > #toggle-acc-details,
  details > #toggle-card-details,
  details > #toggle-loan-details,
  details > #toggle-template-open,
  details > #toggle-payment-open,
  embed > #toggle-acc-details,
  embed > #toggle-card-details,
  embed > #toggle-loan-details,
  embed > #toggle-template-open,
  embed > #toggle-payment-open,
  figure > #toggle-acc-details,
  figure > #toggle-card-details,
  figure > #toggle-loan-details,
  figure > #toggle-template-open,
  figure > #toggle-payment-open,
  figcaption > #toggle-acc-details,
  figcaption > #toggle-card-details,
  figcaption > #toggle-loan-details,
  figcaption > #toggle-template-open,
  figcaption > #toggle-payment-open,
  ooter > #toggle-acc-details,
  ooter > #toggle-card-details,
  ooter > #toggle-loan-details,
  ooter > #toggle-template-open,
  ooter > #toggle-payment-open, header > #toggle-acc-details,
  header > #toggle-card-details,
  header > #toggle-loan-details,
  header > #toggle-template-open,
  header > #toggle-payment-open,
  hgroup > #toggle-acc-details,
  hgroup > #toggle-card-details,
  hgroup > #toggle-loan-details,
  hgroup > #toggle-template-open,
  hgroup > #toggle-payment-open,
  menu > #toggle-acc-details,
  menu > #toggle-card-details,
  menu > #toggle-loan-details,
  menu > #toggle-template-open,
  menu > #toggle-payment-open,
  nav > #toggle-acc-details,
  nav > #toggle-card-details,
  nav > #toggle-loan-details,
  nav > #toggle-template-open,
  nav > #toggle-payment-open,
  output > #toggle-acc-details,
  output > #toggle-card-details,
  output > #toggle-loan-details,
  output > #toggle-template-open,
  output > #toggle-payment-open,
  ruby > #toggle-acc-details,
  ruby > #toggle-card-details,
  ruby > #toggle-loan-details,
  ruby > #toggle-template-open,
  ruby > #toggle-payment-open,
  section > #toggle-acc-details,
  section > #toggle-card-details,
  section > #toggle-loan-details,
  section > #toggle-template-open,
  section > #toggle-payment-open,
  summary > #toggle-acc-details,
  summary > #toggle-card-details,
  summary > #toggle-loan-details,
  summary > #toggle-template-open,
  summary > #toggle-payment-open,
  time > #toggle-acc-details,
  time > #toggle-card-details,
  time > #toggle-loan-details,
  time > #toggle-template-open,
  time > #toggle-payment-open,
  mark > #toggle-acc-details,
  mark > #toggle-card-details,
  mark > #toggle-loan-details,
  mark > #toggle-template-open,
  mark > #toggle-payment-open,
  audio > #toggle-acc-details,
  audio > #toggle-card-details,
  audio > #toggle-loan-details,
  audio > #toggle-template-open,
  audio > #toggle-payment-open,
  video > #toggle-acc-details,
  video > #toggle-card-details,
  video > #toggle-loan-details,
  video > #toggle-template-open,
  video > #toggle-payment-open {
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
    padding: 18px;
    cursor: pointer;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%); }
    html > #toggle-acc-details > .toggle-wrapper,
    html > #toggle-card-details > .toggle-wrapper,
    html > #toggle-loan-details > .toggle-wrapper,
    html > #toggle-template-open > .toggle-wrapper,
    html > #toggle-payment-open > .toggle-wrapper,
    body > #toggle-acc-details > .toggle-wrapper,
    body > #toggle-card-details > .toggle-wrapper,
    body > #toggle-loan-details > .toggle-wrapper,
    body > #toggle-template-open > .toggle-wrapper,
    body > #toggle-payment-open > .toggle-wrapper,
    div > #toggle-acc-details > .toggle-wrapper,
    div > #toggle-card-details > .toggle-wrapper,
    div > #toggle-loan-details > .toggle-wrapper,
    div > #toggle-template-open > .toggle-wrapper,
    div > #toggle-payment-open > .toggle-wrapper,
    span > #toggle-acc-details > .toggle-wrapper,
    span > #toggle-card-details > .toggle-wrapper,
    span > #toggle-loan-details > .toggle-wrapper,
    span > #toggle-template-open > .toggle-wrapper,
    span > #toggle-payment-open > .toggle-wrapper,
    applet > #toggle-acc-details > .toggle-wrapper,
    applet > #toggle-card-details > .toggle-wrapper,
    applet > #toggle-loan-details > .toggle-wrapper,
    applet > #toggle-template-open > .toggle-wrapper,
    applet > #toggle-payment-open > .toggle-wrapper,
    object > #toggle-acc-details > .toggle-wrapper,
    object > #toggle-card-details > .toggle-wrapper,
    object > #toggle-loan-details > .toggle-wrapper,
    object > #toggle-template-open > .toggle-wrapper,
    object > #toggle-payment-open > .toggle-wrapper,
    frame > #toggle-acc-details > .toggle-wrapper,
    frame > #toggle-card-details > .toggle-wrapper,
    frame > #toggle-loan-details > .toggle-wrapper,
    frame > #toggle-template-open > .toggle-wrapper,
    frame > #toggle-payment-open > .toggle-wrapper,
    h1 > #toggle-acc-details > .toggle-wrapper,
    h1 > #toggle-card-details > .toggle-wrapper,
    h1 > #toggle-loan-details > .toggle-wrapper,
    h1 > #toggle-template-open > .toggle-wrapper,
    h1 > #toggle-payment-open > .toggle-wrapper,
    h2 > #toggle-acc-details > .toggle-wrapper,
    h2 > #toggle-card-details > .toggle-wrapper,
    h2 > #toggle-loan-details > .toggle-wrapper,
    h2 > #toggle-template-open > .toggle-wrapper,
    h2 > #toggle-payment-open > .toggle-wrapper,
    h3 > #toggle-acc-details > .toggle-wrapper,
    h3 > #toggle-card-details > .toggle-wrapper,
    h3 > #toggle-loan-details > .toggle-wrapper,
    h3 > #toggle-template-open > .toggle-wrapper,
    h3 > #toggle-payment-open > .toggle-wrapper,
    h4 > #toggle-acc-details > .toggle-wrapper,
    h4 > #toggle-card-details > .toggle-wrapper,
    h4 > #toggle-loan-details > .toggle-wrapper,
    h4 > #toggle-template-open > .toggle-wrapper,
    h4 > #toggle-payment-open > .toggle-wrapper,
    h5 > #toggle-acc-details > .toggle-wrapper,
    h5 > #toggle-card-details > .toggle-wrapper,
    h5 > #toggle-loan-details > .toggle-wrapper,
    h5 > #toggle-template-open > .toggle-wrapper,
    h5 > #toggle-payment-open > .toggle-wrapper,
    h6 > #toggle-acc-details > .toggle-wrapper,
    h6 > #toggle-card-details > .toggle-wrapper,
    h6 > #toggle-loan-details > .toggle-wrapper,
    h6 > #toggle-template-open > .toggle-wrapper,
    h6 > #toggle-payment-open > .toggle-wrapper,
    h6 > #toggle-acc-details > .toggle-wrapper,
    h6 > #toggle-card-details > .toggle-wrapper,
    h6 > #toggle-loan-details > .toggle-wrapper,
    h6 > #toggle-template-open > .toggle-wrapper,
    h6 > #toggle-payment-open > .toggle-wrapper,
    p > #toggle-acc-details > .toggle-wrapper,
    p > #toggle-card-details > .toggle-wrapper,
    p > #toggle-loan-details > .toggle-wrapper,
    p > #toggle-template-open > .toggle-wrapper,
    p > #toggle-payment-open > .toggle-wrapper,
    blockquote > #toggle-acc-details > .toggle-wrapper,
    blockquote > #toggle-card-details > .toggle-wrapper,
    blockquote > #toggle-loan-details > .toggle-wrapper,
    blockquote > #toggle-template-open > .toggle-wrapper,
    blockquote > #toggle-payment-open > .toggle-wrapper,
    pre > #toggle-acc-details > .toggle-wrapper,
    pre > #toggle-card-details > .toggle-wrapper,
    pre > #toggle-loan-details > .toggle-wrapper,
    pre > #toggle-template-open > .toggle-wrapper,
    pre > #toggle-payment-open > .toggle-wrapper,
    a > #toggle-acc-details > .toggle-wrapper,
    a > #toggle-card-details > .toggle-wrapper,
    a > #toggle-loan-details > .toggle-wrapper,
    a > #toggle-template-open > .toggle-wrapper,
    a > #toggle-payment-open > .toggle-wrapper,
    abbr > #toggle-acc-details > .toggle-wrapper,
    abbr > #toggle-card-details > .toggle-wrapper,
    abbr > #toggle-loan-details > .toggle-wrapper,
    abbr > #toggle-template-open > .toggle-wrapper,
    abbr > #toggle-payment-open > .toggle-wrapper,
    acronym > #toggle-acc-details > .toggle-wrapper,
    acronym > #toggle-card-details > .toggle-wrapper,
    acronym > #toggle-loan-details > .toggle-wrapper,
    acronym > #toggle-template-open > .toggle-wrapper,
    acronym > #toggle-payment-open > .toggle-wrapper,
    address > #toggle-acc-details > .toggle-wrapper,
    address > #toggle-card-details > .toggle-wrapper,
    address > #toggle-loan-details > .toggle-wrapper,
    address > #toggle-template-open > .toggle-wrapper,
    address > #toggle-payment-open > .toggle-wrapper,
    big > #toggle-acc-details > .toggle-wrapper,
    big > #toggle-card-details > .toggle-wrapper,
    big > #toggle-loan-details > .toggle-wrapper,
    big > #toggle-template-open > .toggle-wrapper,
    big > #toggle-payment-open > .toggle-wrapper,
    cite > #toggle-acc-details > .toggle-wrapper,
    cite > #toggle-card-details > .toggle-wrapper,
    cite > #toggle-loan-details > .toggle-wrapper,
    cite > #toggle-template-open > .toggle-wrapper,
    cite > #toggle-payment-open > .toggle-wrapper,
    code > #toggle-acc-details > .toggle-wrapper,
    code > #toggle-card-details > .toggle-wrapper,
    code > #toggle-loan-details > .toggle-wrapper,
    code > #toggle-template-open > .toggle-wrapper,
    code > #toggle-payment-open > .toggle-wrapper,
    del > #toggle-acc-details > .toggle-wrapper,
    del > #toggle-card-details > .toggle-wrapper,
    del > #toggle-loan-details > .toggle-wrapper,
    del > #toggle-template-open > .toggle-wrapper,
    del > #toggle-payment-open > .toggle-wrapper,
    dfn > #toggle-acc-details > .toggle-wrapper,
    dfn > #toggle-card-details > .toggle-wrapper,
    dfn > #toggle-loan-details > .toggle-wrapper,
    dfn > #toggle-template-open > .toggle-wrapper,
    dfn > #toggle-payment-open > .toggle-wrapper,
    em > #toggle-acc-details > .toggle-wrapper,
    em > #toggle-card-details > .toggle-wrapper,
    em > #toggle-loan-details > .toggle-wrapper,
    em > #toggle-template-open > .toggle-wrapper,
    em > #toggle-payment-open > .toggle-wrapper,
    img > #toggle-acc-details > .toggle-wrapper,
    img > #toggle-card-details > .toggle-wrapper,
    img > #toggle-loan-details > .toggle-wrapper,
    img > #toggle-template-open > .toggle-wrapper,
    img > #toggle-payment-open > .toggle-wrapper,
    ins > #toggle-acc-details > .toggle-wrapper,
    ins > #toggle-card-details > .toggle-wrapper,
    ins > #toggle-loan-details > .toggle-wrapper,
    ins > #toggle-template-open > .toggle-wrapper,
    ins > #toggle-payment-open > .toggle-wrapper,
    kbd > #toggle-acc-details > .toggle-wrapper,
    kbd > #toggle-card-details > .toggle-wrapper,
    kbd > #toggle-loan-details > .toggle-wrapper,
    kbd > #toggle-template-open > .toggle-wrapper,
    kbd > #toggle-payment-open > .toggle-wrapper,
    q > #toggle-acc-details > .toggle-wrapper,
    q > #toggle-card-details > .toggle-wrapper,
    q > #toggle-loan-details > .toggle-wrapper,
    q > #toggle-template-open > .toggle-wrapper,
    q > #toggle-payment-open > .toggle-wrapper,
    s > #toggle-acc-details > .toggle-wrapper,
    s > #toggle-card-details > .toggle-wrapper,
    s > #toggle-loan-details > .toggle-wrapper,
    s > #toggle-template-open > .toggle-wrapper,
    s > #toggle-payment-open > .toggle-wrapper,
    samp > #toggle-acc-details > .toggle-wrapper,
    samp > #toggle-card-details > .toggle-wrapper,
    samp > #toggle-loan-details > .toggle-wrapper,
    samp > #toggle-template-open > .toggle-wrapper,
    samp > #toggle-payment-open > .toggle-wrapper,
    small > #toggle-acc-details > .toggle-wrapper,
    small > #toggle-card-details > .toggle-wrapper,
    small > #toggle-loan-details > .toggle-wrapper,
    small > #toggle-template-open > .toggle-wrapper,
    small > #toggle-payment-open > .toggle-wrapper,
    strike > #toggle-acc-details > .toggle-wrapper,
    strike > #toggle-card-details > .toggle-wrapper,
    strike > #toggle-loan-details > .toggle-wrapper,
    strike > #toggle-template-open > .toggle-wrapper,
    strike > #toggle-payment-open > .toggle-wrapper,
    strong > #toggle-acc-details > .toggle-wrapper,
    strong > #toggle-card-details > .toggle-wrapper,
    strong > #toggle-loan-details > .toggle-wrapper,
    strong > #toggle-template-open > .toggle-wrapper,
    strong > #toggle-payment-open > .toggle-wrapper,
    sub > #toggle-acc-details > .toggle-wrapper,
    sub > #toggle-card-details > .toggle-wrapper,
    sub > #toggle-loan-details > .toggle-wrapper,
    sub > #toggle-template-open > .toggle-wrapper,
    sub > #toggle-payment-open > .toggle-wrapper,
    sup > #toggle-acc-details > .toggle-wrapper,
    sup > #toggle-card-details > .toggle-wrapper,
    sup > #toggle-loan-details > .toggle-wrapper,
    sup > #toggle-template-open > .toggle-wrapper,
    sup > #toggle-payment-open > .toggle-wrapper,
    tt > #toggle-acc-details > .toggle-wrapper,
    tt > #toggle-card-details > .toggle-wrapper,
    tt > #toggle-loan-details > .toggle-wrapper,
    tt > #toggle-template-open > .toggle-wrapper,
    tt > #toggle-payment-open > .toggle-wrapper,
    var > #toggle-acc-details > .toggle-wrapper,
    var > #toggle-card-details > .toggle-wrapper,
    var > #toggle-loan-details > .toggle-wrapper,
    var > #toggle-template-open > .toggle-wrapper,
    var > #toggle-payment-open > .toggle-wrapper,
    b > #toggle-acc-details > .toggle-wrapper,
    b > #toggle-card-details > .toggle-wrapper,
    b > #toggle-loan-details > .toggle-wrapper,
    b > #toggle-template-open > .toggle-wrapper,
    b > #toggle-payment-open > .toggle-wrapper,
    u > #toggle-acc-details > .toggle-wrapper,
    u > #toggle-card-details > .toggle-wrapper,
    u > #toggle-loan-details > .toggle-wrapper,
    u > #toggle-template-open > .toggle-wrapper,
    u > #toggle-payment-open > .toggle-wrapper,
    i > #toggle-acc-details > .toggle-wrapper,
    i > #toggle-card-details > .toggle-wrapper,
    i > #toggle-loan-details > .toggle-wrapper,
    i > #toggle-template-open > .toggle-wrapper,
    i > #toggle-payment-open > .toggle-wrapper,
    center > #toggle-acc-details > .toggle-wrapper,
    center > #toggle-card-details > .toggle-wrapper,
    center > #toggle-loan-details > .toggle-wrapper,
    center > #toggle-template-open > .toggle-wrapper,
    center > #toggle-payment-open > .toggle-wrapper,
    dl > #toggle-acc-details > .toggle-wrapper,
    dl > #toggle-card-details > .toggle-wrapper,
    dl > #toggle-loan-details > .toggle-wrapper,
    dl > #toggle-template-open > .toggle-wrapper,
    dl > #toggle-payment-open > .toggle-wrapper,
    dt > #toggle-acc-details > .toggle-wrapper,
    dt > #toggle-card-details > .toggle-wrapper,
    dt > #toggle-loan-details > .toggle-wrapper,
    dt > #toggle-template-open > .toggle-wrapper,
    dt > #toggle-payment-open > .toggle-wrapper,
    dd > #toggle-acc-details > .toggle-wrapper,
    dd > #toggle-card-details > .toggle-wrapper,
    dd > #toggle-loan-details > .toggle-wrapper,
    dd > #toggle-template-open > .toggle-wrapper,
    dd > #toggle-payment-open > .toggle-wrapper,
    ol > #toggle-acc-details > .toggle-wrapper,
    ol > #toggle-card-details > .toggle-wrapper,
    ol > #toggle-loan-details > .toggle-wrapper,
    ol > #toggle-template-open > .toggle-wrapper,
    ol > #toggle-payment-open > .toggle-wrapper,
    ul > #toggle-acc-details > .toggle-wrapper,
    ul > #toggle-card-details > .toggle-wrapper,
    ul > #toggle-loan-details > .toggle-wrapper,
    ul > #toggle-template-open > .toggle-wrapper,
    ul > #toggle-payment-open > .toggle-wrapper,
    li > #toggle-acc-details > .toggle-wrapper,
    li > #toggle-card-details > .toggle-wrapper,
    li > #toggle-loan-details > .toggle-wrapper,
    li > #toggle-template-open > .toggle-wrapper,
    li > #toggle-payment-open > .toggle-wrapper,
    fieldset > #toggle-acc-details > .toggle-wrapper,
    fieldset > #toggle-card-details > .toggle-wrapper,
    fieldset > #toggle-loan-details > .toggle-wrapper,
    fieldset > #toggle-template-open > .toggle-wrapper,
    fieldset > #toggle-payment-open > .toggle-wrapper,
    form > #toggle-acc-details > .toggle-wrapper,
    form > #toggle-card-details > .toggle-wrapper,
    form > #toggle-loan-details > .toggle-wrapper,
    form > #toggle-template-open > .toggle-wrapper,
    form > #toggle-payment-open > .toggle-wrapper,
    label > #toggle-acc-details > .toggle-wrapper,
    label > #toggle-card-details > .toggle-wrapper,
    label > #toggle-loan-details > .toggle-wrapper,
    label > #toggle-template-open > .toggle-wrapper,
    label > #toggle-payment-open > .toggle-wrapper,
    legend > #toggle-acc-details > .toggle-wrapper,
    legend > #toggle-card-details > .toggle-wrapper,
    legend > #toggle-loan-details > .toggle-wrapper,
    legend > #toggle-template-open > .toggle-wrapper,
    legend > #toggle-payment-open > .toggle-wrapper,
    table > #toggle-acc-details > .toggle-wrapper,
    table > #toggle-card-details > .toggle-wrapper,
    table > #toggle-loan-details > .toggle-wrapper,
    table > #toggle-template-open > .toggle-wrapper,
    table > #toggle-payment-open > .toggle-wrapper,
    caption > #toggle-acc-details > .toggle-wrapper,
    caption > #toggle-card-details > .toggle-wrapper,
    caption > #toggle-loan-details > .toggle-wrapper,
    caption > #toggle-template-open > .toggle-wrapper,
    caption > #toggle-payment-open > .toggle-wrapper,
    tbody > #toggle-acc-details > .toggle-wrapper,
    tbody > #toggle-card-details > .toggle-wrapper,
    tbody > #toggle-loan-details > .toggle-wrapper,
    tbody > #toggle-template-open > .toggle-wrapper,
    tbody > #toggle-payment-open > .toggle-wrapper,
    tfoot > #toggle-acc-details > .toggle-wrapper,
    tfoot > #toggle-card-details > .toggle-wrapper,
    tfoot > #toggle-loan-details > .toggle-wrapper,
    tfoot > #toggle-template-open > .toggle-wrapper,
    tfoot > #toggle-payment-open > .toggle-wrapper,
    thead > #toggle-acc-details > .toggle-wrapper,
    thead > #toggle-card-details > .toggle-wrapper,
    thead > #toggle-loan-details > .toggle-wrapper,
    thead > #toggle-template-open > .toggle-wrapper,
    thead > #toggle-payment-open > .toggle-wrapper,
    tr > #toggle-acc-details > .toggle-wrapper,
    tr > #toggle-card-details > .toggle-wrapper,
    tr > #toggle-loan-details > .toggle-wrapper,
    tr > #toggle-template-open > .toggle-wrapper,
    tr > #toggle-payment-open > .toggle-wrapper,
    th > #toggle-acc-details > .toggle-wrapper,
    th > #toggle-card-details > .toggle-wrapper,
    th > #toggle-loan-details > .toggle-wrapper,
    th > #toggle-template-open > .toggle-wrapper,
    th > #toggle-payment-open > .toggle-wrapper,
    td > #toggle-acc-details > .toggle-wrapper,
    td > #toggle-card-details > .toggle-wrapper,
    td > #toggle-loan-details > .toggle-wrapper,
    td > #toggle-template-open > .toggle-wrapper,
    td > #toggle-payment-open > .toggle-wrapper,
    article > #toggle-acc-details > .toggle-wrapper,
    article > #toggle-card-details > .toggle-wrapper,
    article > #toggle-loan-details > .toggle-wrapper,
    article > #toggle-template-open > .toggle-wrapper,
    article > #toggle-payment-open > .toggle-wrapper,
    aside > #toggle-acc-details > .toggle-wrapper,
    aside > #toggle-card-details > .toggle-wrapper,
    aside > #toggle-loan-details > .toggle-wrapper,
    aside > #toggle-template-open > .toggle-wrapper,
    aside > #toggle-payment-open > .toggle-wrapper,
    canvas > #toggle-acc-details > .toggle-wrapper,
    canvas > #toggle-card-details > .toggle-wrapper,
    canvas > #toggle-loan-details > .toggle-wrapper,
    canvas > #toggle-template-open > .toggle-wrapper,
    canvas > #toggle-payment-open > .toggle-wrapper,
    details > #toggle-acc-details > .toggle-wrapper,
    details > #toggle-card-details > .toggle-wrapper,
    details > #toggle-loan-details > .toggle-wrapper,
    details > #toggle-template-open > .toggle-wrapper,
    details > #toggle-payment-open > .toggle-wrapper,
    embed > #toggle-acc-details > .toggle-wrapper,
    embed > #toggle-card-details > .toggle-wrapper,
    embed > #toggle-loan-details > .toggle-wrapper,
    embed > #toggle-template-open > .toggle-wrapper,
    embed > #toggle-payment-open > .toggle-wrapper,
    figure > #toggle-acc-details > .toggle-wrapper,
    figure > #toggle-card-details > .toggle-wrapper,
    figure > #toggle-loan-details > .toggle-wrapper,
    figure > #toggle-template-open > .toggle-wrapper,
    figure > #toggle-payment-open > .toggle-wrapper,
    figcaption > #toggle-acc-details > .toggle-wrapper,
    figcaption > #toggle-card-details > .toggle-wrapper,
    figcaption > #toggle-loan-details > .toggle-wrapper,
    figcaption > #toggle-template-open > .toggle-wrapper,
    figcaption > #toggle-payment-open > .toggle-wrapper,
    ooter > #toggle-acc-details > .toggle-wrapper,
    ooter > #toggle-card-details > .toggle-wrapper,
    ooter > #toggle-loan-details > .toggle-wrapper,
    ooter > #toggle-template-open > .toggle-wrapper,
    ooter > #toggle-payment-open > .toggle-wrapper, header > #toggle-acc-details > .toggle-wrapper,
    header > #toggle-card-details > .toggle-wrapper,
    header > #toggle-loan-details > .toggle-wrapper,
    header > #toggle-template-open > .toggle-wrapper,
    header > #toggle-payment-open > .toggle-wrapper,
    hgroup > #toggle-acc-details > .toggle-wrapper,
    hgroup > #toggle-card-details > .toggle-wrapper,
    hgroup > #toggle-loan-details > .toggle-wrapper,
    hgroup > #toggle-template-open > .toggle-wrapper,
    hgroup > #toggle-payment-open > .toggle-wrapper,
    menu > #toggle-acc-details > .toggle-wrapper,
    menu > #toggle-card-details > .toggle-wrapper,
    menu > #toggle-loan-details > .toggle-wrapper,
    menu > #toggle-template-open > .toggle-wrapper,
    menu > #toggle-payment-open > .toggle-wrapper,
    nav > #toggle-acc-details > .toggle-wrapper,
    nav > #toggle-card-details > .toggle-wrapper,
    nav > #toggle-loan-details > .toggle-wrapper,
    nav > #toggle-template-open > .toggle-wrapper,
    nav > #toggle-payment-open > .toggle-wrapper,
    output > #toggle-acc-details > .toggle-wrapper,
    output > #toggle-card-details > .toggle-wrapper,
    output > #toggle-loan-details > .toggle-wrapper,
    output > #toggle-template-open > .toggle-wrapper,
    output > #toggle-payment-open > .toggle-wrapper,
    ruby > #toggle-acc-details > .toggle-wrapper,
    ruby > #toggle-card-details > .toggle-wrapper,
    ruby > #toggle-loan-details > .toggle-wrapper,
    ruby > #toggle-template-open > .toggle-wrapper,
    ruby > #toggle-payment-open > .toggle-wrapper,
    section > #toggle-acc-details > .toggle-wrapper,
    section > #toggle-card-details > .toggle-wrapper,
    section > #toggle-loan-details > .toggle-wrapper,
    section > #toggle-template-open > .toggle-wrapper,
    section > #toggle-payment-open > .toggle-wrapper,
    summary > #toggle-acc-details > .toggle-wrapper,
    summary > #toggle-card-details > .toggle-wrapper,
    summary > #toggle-loan-details > .toggle-wrapper,
    summary > #toggle-template-open > .toggle-wrapper,
    summary > #toggle-payment-open > .toggle-wrapper,
    time > #toggle-acc-details > .toggle-wrapper,
    time > #toggle-card-details > .toggle-wrapper,
    time > #toggle-loan-details > .toggle-wrapper,
    time > #toggle-template-open > .toggle-wrapper,
    time > #toggle-payment-open > .toggle-wrapper,
    mark > #toggle-acc-details > .toggle-wrapper,
    mark > #toggle-card-details > .toggle-wrapper,
    mark > #toggle-loan-details > .toggle-wrapper,
    mark > #toggle-template-open > .toggle-wrapper,
    mark > #toggle-payment-open > .toggle-wrapper,
    audio > #toggle-acc-details > .toggle-wrapper,
    audio > #toggle-card-details > .toggle-wrapper,
    audio > #toggle-loan-details > .toggle-wrapper,
    audio > #toggle-template-open > .toggle-wrapper,
    audio > #toggle-payment-open > .toggle-wrapper,
    video > #toggle-acc-details > .toggle-wrapper,
    video > #toggle-card-details > .toggle-wrapper,
    video > #toggle-loan-details > .toggle-wrapper,
    video > #toggle-template-open > .toggle-wrapper,
    video > #toggle-payment-open > .toggle-wrapper {
      display: flex;
      justify-content: center;
      text-align: center; }
      html > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      html > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      html > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      html > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      html > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      body > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      body > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      body > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      body > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      body > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      div > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      div > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      div > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      div > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      div > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      span > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      span > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      span > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      span > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      span > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      applet > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      applet > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      applet > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      applet > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      applet > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      object > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      object > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      object > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      object > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      object > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      frame > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      frame > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      frame > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      frame > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      frame > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      h1 > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      h1 > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      h1 > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      h1 > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      h1 > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      h2 > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      h2 > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      h2 > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      h2 > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      h2 > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      h3 > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      h3 > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      h3 > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      h3 > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      h3 > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      h4 > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      h4 > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      h4 > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      h4 > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      h4 > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      h5 > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      h5 > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      h5 > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      h5 > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      h5 > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      h6 > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      h6 > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      h6 > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      h6 > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      h6 > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      h6 > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      h6 > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      h6 > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      h6 > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      h6 > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      p > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      p > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      p > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      p > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      p > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      blockquote > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      blockquote > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      blockquote > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      blockquote > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      blockquote > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      pre > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      pre > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      pre > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      pre > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      pre > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      a > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      a > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      a > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      a > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      a > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      abbr > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      abbr > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      abbr > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      abbr > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      abbr > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      acronym > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      acronym > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      acronym > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      acronym > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      acronym > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      address > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      address > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      address > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      address > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      address > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      big > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      big > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      big > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      big > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      big > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      cite > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      cite > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      cite > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      cite > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      cite > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      code > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      code > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      code > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      code > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      code > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      del > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      del > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      del > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      del > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      del > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      dfn > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      dfn > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      dfn > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      dfn > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      dfn > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      em > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      em > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      em > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      em > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      em > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      img > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      img > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      img > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      img > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      img > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      ins > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      ins > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      ins > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      ins > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      ins > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      kbd > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      kbd > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      kbd > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      kbd > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      kbd > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      q > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      q > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      q > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      q > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      q > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      s > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      s > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      s > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      s > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      s > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      samp > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      samp > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      samp > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      samp > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      samp > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      small > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      small > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      small > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      small > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      small > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      strike > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      strike > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      strike > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      strike > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      strike > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      strong > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      strong > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      strong > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      strong > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      strong > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      sub > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      sub > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      sub > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      sub > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      sub > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      sup > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      sup > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      sup > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      sup > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      sup > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      tt > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      tt > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      tt > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      tt > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      tt > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      var > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      var > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      var > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      var > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      var > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      b > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      b > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      b > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      b > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      b > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      u > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      u > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      u > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      u > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      u > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      i > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      i > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      i > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      i > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      i > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      center > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      center > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      center > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      center > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      center > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      dl > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      dl > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      dl > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      dl > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      dl > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      dt > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      dt > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      dt > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      dt > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      dt > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      dd > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      dd > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      dd > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      dd > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      dd > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      ol > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      ol > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      ol > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      ol > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      ol > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      ul > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      ul > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      ul > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      ul > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      ul > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      li > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      li > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      li > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      li > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      li > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      fieldset > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      fieldset > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      fieldset > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      fieldset > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      fieldset > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      form > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      form > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      form > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      form > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      form > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      label > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      label > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      label > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      label > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      label > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      legend > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      legend > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      legend > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      legend > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      legend > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      table > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      table > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      table > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      table > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      table > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      caption > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      caption > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      caption > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      caption > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      caption > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      tbody > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      tbody > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      tbody > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      tbody > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      tbody > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      tfoot > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      tfoot > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      tfoot > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      tfoot > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      tfoot > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      thead > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      thead > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      thead > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      thead > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      thead > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      tr > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      tr > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      tr > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      tr > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      tr > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      th > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      th > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      th > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      th > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      th > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      td > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      td > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      td > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      td > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      td > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      article > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      article > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      article > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      article > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      article > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      aside > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      aside > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      aside > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      aside > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      aside > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      canvas > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      canvas > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      canvas > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      canvas > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      canvas > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      details > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      details > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      details > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      details > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      details > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      embed > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      embed > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      embed > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      embed > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      embed > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      figure > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      figure > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      figure > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      figure > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      figure > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      figcaption > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      figcaption > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      figcaption > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      figcaption > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      figcaption > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      ooter > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      ooter > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      ooter > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      ooter > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      ooter > #toggle-payment-open > .toggle-wrapper > .detailsBtn, header > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      header > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      header > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      header > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      header > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      hgroup > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      hgroup > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      hgroup > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      hgroup > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      hgroup > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      menu > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      menu > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      menu > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      menu > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      menu > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      nav > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      nav > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      nav > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      nav > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      nav > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      output > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      output > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      output > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      output > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      output > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      ruby > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      ruby > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      ruby > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      ruby > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      ruby > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      section > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      section > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      section > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      section > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      section > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      summary > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      summary > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      summary > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      summary > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      summary > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      time > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      time > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      time > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      time > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      time > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      mark > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      mark > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      mark > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      mark > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      mark > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      audio > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      audio > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      audio > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      audio > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      audio > #toggle-payment-open > .toggle-wrapper > .detailsBtn,
      video > #toggle-acc-details > .toggle-wrapper > .detailsBtn,
      video > #toggle-card-details > .toggle-wrapper > .detailsBtn,
      video > #toggle-loan-details > .toggle-wrapper > .detailsBtn,
      video > #toggle-template-open > .toggle-wrapper > .detailsBtn,
      video > #toggle-payment-open > .toggle-wrapper > .detailsBtn {
        color: #d20000;
        font-family: "Mark-Bold", sans-serif;
        font-size: 16px;
        line-height: 1; }
      html > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      html > #toggle-card-details > .toggle-wrapper > .expand-icon,
      html > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      html > #toggle-template-open > .toggle-wrapper > .expand-icon,
      html > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      body > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      body > #toggle-card-details > .toggle-wrapper > .expand-icon,
      body > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      body > #toggle-template-open > .toggle-wrapper > .expand-icon,
      body > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      div > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      div > #toggle-card-details > .toggle-wrapper > .expand-icon,
      div > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      div > #toggle-template-open > .toggle-wrapper > .expand-icon,
      div > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      span > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      span > #toggle-card-details > .toggle-wrapper > .expand-icon,
      span > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      span > #toggle-template-open > .toggle-wrapper > .expand-icon,
      span > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      applet > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      applet > #toggle-card-details > .toggle-wrapper > .expand-icon,
      applet > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      applet > #toggle-template-open > .toggle-wrapper > .expand-icon,
      applet > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      object > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      object > #toggle-card-details > .toggle-wrapper > .expand-icon,
      object > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      object > #toggle-template-open > .toggle-wrapper > .expand-icon,
      object > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      frame > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      frame > #toggle-card-details > .toggle-wrapper > .expand-icon,
      frame > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      frame > #toggle-template-open > .toggle-wrapper > .expand-icon,
      frame > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      h1 > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      h1 > #toggle-card-details > .toggle-wrapper > .expand-icon,
      h1 > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      h1 > #toggle-template-open > .toggle-wrapper > .expand-icon,
      h1 > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      h2 > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      h2 > #toggle-card-details > .toggle-wrapper > .expand-icon,
      h2 > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      h2 > #toggle-template-open > .toggle-wrapper > .expand-icon,
      h2 > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      h3 > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      h3 > #toggle-card-details > .toggle-wrapper > .expand-icon,
      h3 > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      h3 > #toggle-template-open > .toggle-wrapper > .expand-icon,
      h3 > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      h4 > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      h4 > #toggle-card-details > .toggle-wrapper > .expand-icon,
      h4 > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      h4 > #toggle-template-open > .toggle-wrapper > .expand-icon,
      h4 > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      h5 > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      h5 > #toggle-card-details > .toggle-wrapper > .expand-icon,
      h5 > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      h5 > #toggle-template-open > .toggle-wrapper > .expand-icon,
      h5 > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      h6 > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      h6 > #toggle-card-details > .toggle-wrapper > .expand-icon,
      h6 > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      h6 > #toggle-template-open > .toggle-wrapper > .expand-icon,
      h6 > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      h6 > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      h6 > #toggle-card-details > .toggle-wrapper > .expand-icon,
      h6 > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      h6 > #toggle-template-open > .toggle-wrapper > .expand-icon,
      h6 > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      p > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      p > #toggle-card-details > .toggle-wrapper > .expand-icon,
      p > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      p > #toggle-template-open > .toggle-wrapper > .expand-icon,
      p > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      blockquote > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      blockquote > #toggle-card-details > .toggle-wrapper > .expand-icon,
      blockquote > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      blockquote > #toggle-template-open > .toggle-wrapper > .expand-icon,
      blockquote > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      pre > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      pre > #toggle-card-details > .toggle-wrapper > .expand-icon,
      pre > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      pre > #toggle-template-open > .toggle-wrapper > .expand-icon,
      pre > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      a > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      a > #toggle-card-details > .toggle-wrapper > .expand-icon,
      a > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      a > #toggle-template-open > .toggle-wrapper > .expand-icon,
      a > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      abbr > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      abbr > #toggle-card-details > .toggle-wrapper > .expand-icon,
      abbr > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      abbr > #toggle-template-open > .toggle-wrapper > .expand-icon,
      abbr > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      acronym > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      acronym > #toggle-card-details > .toggle-wrapper > .expand-icon,
      acronym > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      acronym > #toggle-template-open > .toggle-wrapper > .expand-icon,
      acronym > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      address > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      address > #toggle-card-details > .toggle-wrapper > .expand-icon,
      address > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      address > #toggle-template-open > .toggle-wrapper > .expand-icon,
      address > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      big > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      big > #toggle-card-details > .toggle-wrapper > .expand-icon,
      big > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      big > #toggle-template-open > .toggle-wrapper > .expand-icon,
      big > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      cite > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      cite > #toggle-card-details > .toggle-wrapper > .expand-icon,
      cite > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      cite > #toggle-template-open > .toggle-wrapper > .expand-icon,
      cite > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      code > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      code > #toggle-card-details > .toggle-wrapper > .expand-icon,
      code > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      code > #toggle-template-open > .toggle-wrapper > .expand-icon,
      code > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      del > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      del > #toggle-card-details > .toggle-wrapper > .expand-icon,
      del > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      del > #toggle-template-open > .toggle-wrapper > .expand-icon,
      del > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      dfn > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      dfn > #toggle-card-details > .toggle-wrapper > .expand-icon,
      dfn > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      dfn > #toggle-template-open > .toggle-wrapper > .expand-icon,
      dfn > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      em > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      em > #toggle-card-details > .toggle-wrapper > .expand-icon,
      em > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      em > #toggle-template-open > .toggle-wrapper > .expand-icon,
      em > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      img > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      img > #toggle-card-details > .toggle-wrapper > .expand-icon,
      img > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      img > #toggle-template-open > .toggle-wrapper > .expand-icon,
      img > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      ins > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      ins > #toggle-card-details > .toggle-wrapper > .expand-icon,
      ins > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      ins > #toggle-template-open > .toggle-wrapper > .expand-icon,
      ins > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      kbd > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      kbd > #toggle-card-details > .toggle-wrapper > .expand-icon,
      kbd > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      kbd > #toggle-template-open > .toggle-wrapper > .expand-icon,
      kbd > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      q > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      q > #toggle-card-details > .toggle-wrapper > .expand-icon,
      q > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      q > #toggle-template-open > .toggle-wrapper > .expand-icon,
      q > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      s > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      s > #toggle-card-details > .toggle-wrapper > .expand-icon,
      s > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      s > #toggle-template-open > .toggle-wrapper > .expand-icon,
      s > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      samp > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      samp > #toggle-card-details > .toggle-wrapper > .expand-icon,
      samp > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      samp > #toggle-template-open > .toggle-wrapper > .expand-icon,
      samp > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      small > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      small > #toggle-card-details > .toggle-wrapper > .expand-icon,
      small > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      small > #toggle-template-open > .toggle-wrapper > .expand-icon,
      small > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      strike > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      strike > #toggle-card-details > .toggle-wrapper > .expand-icon,
      strike > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      strike > #toggle-template-open > .toggle-wrapper > .expand-icon,
      strike > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      strong > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      strong > #toggle-card-details > .toggle-wrapper > .expand-icon,
      strong > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      strong > #toggle-template-open > .toggle-wrapper > .expand-icon,
      strong > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      sub > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      sub > #toggle-card-details > .toggle-wrapper > .expand-icon,
      sub > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      sub > #toggle-template-open > .toggle-wrapper > .expand-icon,
      sub > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      sup > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      sup > #toggle-card-details > .toggle-wrapper > .expand-icon,
      sup > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      sup > #toggle-template-open > .toggle-wrapper > .expand-icon,
      sup > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      tt > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      tt > #toggle-card-details > .toggle-wrapper > .expand-icon,
      tt > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      tt > #toggle-template-open > .toggle-wrapper > .expand-icon,
      tt > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      var > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      var > #toggle-card-details > .toggle-wrapper > .expand-icon,
      var > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      var > #toggle-template-open > .toggle-wrapper > .expand-icon,
      var > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      b > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      b > #toggle-card-details > .toggle-wrapper > .expand-icon,
      b > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      b > #toggle-template-open > .toggle-wrapper > .expand-icon,
      b > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      u > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      u > #toggle-card-details > .toggle-wrapper > .expand-icon,
      u > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      u > #toggle-template-open > .toggle-wrapper > .expand-icon,
      u > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      i > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      i > #toggle-card-details > .toggle-wrapper > .expand-icon,
      i > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      i > #toggle-template-open > .toggle-wrapper > .expand-icon,
      i > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      center > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      center > #toggle-card-details > .toggle-wrapper > .expand-icon,
      center > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      center > #toggle-template-open > .toggle-wrapper > .expand-icon,
      center > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      dl > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      dl > #toggle-card-details > .toggle-wrapper > .expand-icon,
      dl > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      dl > #toggle-template-open > .toggle-wrapper > .expand-icon,
      dl > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      dt > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      dt > #toggle-card-details > .toggle-wrapper > .expand-icon,
      dt > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      dt > #toggle-template-open > .toggle-wrapper > .expand-icon,
      dt > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      dd > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      dd > #toggle-card-details > .toggle-wrapper > .expand-icon,
      dd > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      dd > #toggle-template-open > .toggle-wrapper > .expand-icon,
      dd > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      ol > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      ol > #toggle-card-details > .toggle-wrapper > .expand-icon,
      ol > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      ol > #toggle-template-open > .toggle-wrapper > .expand-icon,
      ol > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      ul > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      ul > #toggle-card-details > .toggle-wrapper > .expand-icon,
      ul > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      ul > #toggle-template-open > .toggle-wrapper > .expand-icon,
      ul > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      li > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      li > #toggle-card-details > .toggle-wrapper > .expand-icon,
      li > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      li > #toggle-template-open > .toggle-wrapper > .expand-icon,
      li > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      fieldset > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      fieldset > #toggle-card-details > .toggle-wrapper > .expand-icon,
      fieldset > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      fieldset > #toggle-template-open > .toggle-wrapper > .expand-icon,
      fieldset > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      form > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      form > #toggle-card-details > .toggle-wrapper > .expand-icon,
      form > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      form > #toggle-template-open > .toggle-wrapper > .expand-icon,
      form > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      label > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      label > #toggle-card-details > .toggle-wrapper > .expand-icon,
      label > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      label > #toggle-template-open > .toggle-wrapper > .expand-icon,
      label > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      legend > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      legend > #toggle-card-details > .toggle-wrapper > .expand-icon,
      legend > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      legend > #toggle-template-open > .toggle-wrapper > .expand-icon,
      legend > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      table > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      table > #toggle-card-details > .toggle-wrapper > .expand-icon,
      table > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      table > #toggle-template-open > .toggle-wrapper > .expand-icon,
      table > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      caption > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      caption > #toggle-card-details > .toggle-wrapper > .expand-icon,
      caption > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      caption > #toggle-template-open > .toggle-wrapper > .expand-icon,
      caption > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      tbody > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      tbody > #toggle-card-details > .toggle-wrapper > .expand-icon,
      tbody > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      tbody > #toggle-template-open > .toggle-wrapper > .expand-icon,
      tbody > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      tfoot > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      tfoot > #toggle-card-details > .toggle-wrapper > .expand-icon,
      tfoot > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      tfoot > #toggle-template-open > .toggle-wrapper > .expand-icon,
      tfoot > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      thead > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      thead > #toggle-card-details > .toggle-wrapper > .expand-icon,
      thead > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      thead > #toggle-template-open > .toggle-wrapper > .expand-icon,
      thead > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      tr > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      tr > #toggle-card-details > .toggle-wrapper > .expand-icon,
      tr > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      tr > #toggle-template-open > .toggle-wrapper > .expand-icon,
      tr > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      th > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      th > #toggle-card-details > .toggle-wrapper > .expand-icon,
      th > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      th > #toggle-template-open > .toggle-wrapper > .expand-icon,
      th > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      td > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      td > #toggle-card-details > .toggle-wrapper > .expand-icon,
      td > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      td > #toggle-template-open > .toggle-wrapper > .expand-icon,
      td > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      article > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      article > #toggle-card-details > .toggle-wrapper > .expand-icon,
      article > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      article > #toggle-template-open > .toggle-wrapper > .expand-icon,
      article > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      aside > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      aside > #toggle-card-details > .toggle-wrapper > .expand-icon,
      aside > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      aside > #toggle-template-open > .toggle-wrapper > .expand-icon,
      aside > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      canvas > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      canvas > #toggle-card-details > .toggle-wrapper > .expand-icon,
      canvas > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      canvas > #toggle-template-open > .toggle-wrapper > .expand-icon,
      canvas > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      details > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      details > #toggle-card-details > .toggle-wrapper > .expand-icon,
      details > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      details > #toggle-template-open > .toggle-wrapper > .expand-icon,
      details > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      embed > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      embed > #toggle-card-details > .toggle-wrapper > .expand-icon,
      embed > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      embed > #toggle-template-open > .toggle-wrapper > .expand-icon,
      embed > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      figure > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      figure > #toggle-card-details > .toggle-wrapper > .expand-icon,
      figure > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      figure > #toggle-template-open > .toggle-wrapper > .expand-icon,
      figure > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      figcaption > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      figcaption > #toggle-card-details > .toggle-wrapper > .expand-icon,
      figcaption > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      figcaption > #toggle-template-open > .toggle-wrapper > .expand-icon,
      figcaption > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      ooter > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      ooter > #toggle-card-details > .toggle-wrapper > .expand-icon,
      ooter > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      ooter > #toggle-template-open > .toggle-wrapper > .expand-icon,
      ooter > #toggle-payment-open > .toggle-wrapper > .expand-icon, header > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      header > #toggle-card-details > .toggle-wrapper > .expand-icon,
      header > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      header > #toggle-template-open > .toggle-wrapper > .expand-icon,
      header > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      hgroup > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      hgroup > #toggle-card-details > .toggle-wrapper > .expand-icon,
      hgroup > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      hgroup > #toggle-template-open > .toggle-wrapper > .expand-icon,
      hgroup > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      menu > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      menu > #toggle-card-details > .toggle-wrapper > .expand-icon,
      menu > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      menu > #toggle-template-open > .toggle-wrapper > .expand-icon,
      menu > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      nav > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      nav > #toggle-card-details > .toggle-wrapper > .expand-icon,
      nav > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      nav > #toggle-template-open > .toggle-wrapper > .expand-icon,
      nav > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      output > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      output > #toggle-card-details > .toggle-wrapper > .expand-icon,
      output > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      output > #toggle-template-open > .toggle-wrapper > .expand-icon,
      output > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      ruby > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      ruby > #toggle-card-details > .toggle-wrapper > .expand-icon,
      ruby > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      ruby > #toggle-template-open > .toggle-wrapper > .expand-icon,
      ruby > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      section > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      section > #toggle-card-details > .toggle-wrapper > .expand-icon,
      section > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      section > #toggle-template-open > .toggle-wrapper > .expand-icon,
      section > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      summary > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      summary > #toggle-card-details > .toggle-wrapper > .expand-icon,
      summary > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      summary > #toggle-template-open > .toggle-wrapper > .expand-icon,
      summary > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      time > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      time > #toggle-card-details > .toggle-wrapper > .expand-icon,
      time > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      time > #toggle-template-open > .toggle-wrapper > .expand-icon,
      time > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      mark > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      mark > #toggle-card-details > .toggle-wrapper > .expand-icon,
      mark > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      mark > #toggle-template-open > .toggle-wrapper > .expand-icon,
      mark > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      audio > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      audio > #toggle-card-details > .toggle-wrapper > .expand-icon,
      audio > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      audio > #toggle-template-open > .toggle-wrapper > .expand-icon,
      audio > #toggle-payment-open > .toggle-wrapper > .expand-icon,
      video > #toggle-acc-details > .toggle-wrapper > .expand-icon,
      video > #toggle-card-details > .toggle-wrapper > .expand-icon,
      video > #toggle-loan-details > .toggle-wrapper > .expand-icon,
      video > #toggle-template-open > .toggle-wrapper > .expand-icon,
      video > #toggle-payment-open > .toggle-wrapper > .expand-icon {
        width: 14px;
        height: 14px;
        stroke: #52ae30;
        margin-right: 5px;
        /*&.active {
                    .plus-line.vert {
                        transform: rotate(90deg) translateY(4%);
                        top: 2px;
                        transition: .5s ease;
                    }
                }*/
        /*&.horiz {
                    &.active {
                        .plus-line.vert {
                            transform: rotate(90deg) translateY(4%);
                            top: 2px;
                            transition: .5s ease;
                        }
                    }
                }*/ }
      html > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      html > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      html > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      html > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      html > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      html > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      html > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      html > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      html > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      html > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      html > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      html > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      html > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      html > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      html > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      body > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      body > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      body > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      body > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      body > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      body > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      body > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      body > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      body > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      body > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      body > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      body > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      body > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      body > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      body > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      div > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      div > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      div > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      div > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      div > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      div > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      div > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      div > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      div > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      div > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      div > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      div > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      div > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      div > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      div > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      span > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      span > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      span > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      span > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      span > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      span > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      span > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      span > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      span > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      span > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      span > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      span > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      span > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      span > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      span > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      applet > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      applet > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      applet > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      applet > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      applet > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      applet > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      applet > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      applet > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      applet > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      applet > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      applet > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      applet > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      applet > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      applet > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      applet > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      object > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      object > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      object > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      object > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      object > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      object > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      object > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      object > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      object > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      object > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      object > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      object > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      object > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      object > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      object > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      frame > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      frame > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      frame > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      frame > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      frame > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      frame > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      frame > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      frame > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      frame > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      frame > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      frame > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      frame > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      frame > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      frame > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      frame > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      h1 > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      h1 > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      h1 > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      h1 > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      h1 > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      h1 > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      h1 > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      h1 > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      h1 > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      h1 > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      h1 > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      h1 > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      h1 > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      h1 > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      h1 > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      h2 > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      h2 > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      h2 > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      h2 > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      h2 > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      h2 > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      h2 > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      h2 > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      h2 > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      h2 > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      h2 > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      h2 > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      h2 > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      h2 > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      h2 > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      h3 > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      h3 > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      h3 > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      h3 > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      h3 > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      h3 > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      h3 > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      h3 > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      h3 > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      h3 > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      h3 > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      h3 > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      h3 > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      h3 > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      h3 > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      h4 > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      h4 > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      h4 > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      h4 > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      h4 > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      h4 > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      h4 > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      h4 > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      h4 > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      h4 > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      h4 > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      h4 > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      h4 > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      h4 > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      h4 > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      h5 > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      h5 > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      h5 > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      h5 > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      h5 > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      h5 > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      h5 > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      h5 > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      h5 > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      h5 > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      h5 > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      h5 > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      h5 > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      h5 > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      h5 > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      h6 > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      h6 > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      h6 > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      h6 > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      h6 > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      h6 > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      h6 > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      h6 > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      h6 > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      h6 > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      h6 > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      h6 > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      h6 > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      h6 > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      h6 > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      h6 > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      h6 > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      h6 > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      h6 > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      h6 > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      h6 > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      h6 > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      h6 > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      h6 > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      h6 > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      h6 > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      h6 > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      h6 > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      h6 > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      h6 > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      p > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      p > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      p > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      p > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      p > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      p > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      p > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      p > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      p > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      p > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      p > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      p > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      p > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      p > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      p > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      blockquote > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      blockquote > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      blockquote > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      blockquote > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      blockquote > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      blockquote > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      blockquote > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      blockquote > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      blockquote > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      blockquote > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      blockquote > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      blockquote > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      blockquote > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      blockquote > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      blockquote > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      pre > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      pre > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      pre > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      pre > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      pre > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      pre > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      pre > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      pre > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      pre > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      pre > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      pre > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      pre > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      pre > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      pre > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      pre > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      a > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      a > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      a > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      a > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      a > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      a > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      a > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      a > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      a > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      a > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      a > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      a > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      a > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      a > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      a > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      abbr > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      abbr > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      abbr > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      abbr > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      abbr > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      abbr > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      abbr > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      abbr > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      abbr > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      abbr > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      abbr > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      abbr > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      abbr > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      abbr > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      abbr > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      acronym > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      acronym > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      acronym > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      acronym > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      acronym > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      acronym > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      acronym > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      acronym > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      acronym > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      acronym > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      acronym > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      acronym > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      acronym > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      acronym > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      acronym > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      address > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      address > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      address > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      address > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      address > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      address > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      address > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      address > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      address > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      address > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      address > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      address > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      address > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      address > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      address > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      big > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      big > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      big > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      big > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      big > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      big > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      big > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      big > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      big > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      big > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      big > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      big > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      big > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      big > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      big > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      cite > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      cite > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      cite > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      cite > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      cite > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      cite > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      cite > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      cite > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      cite > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      cite > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      cite > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      cite > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      cite > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      cite > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      cite > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      code > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      code > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      code > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      code > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      code > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      code > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      code > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      code > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      code > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      code > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      code > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      code > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      code > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      code > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      code > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      del > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      del > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      del > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      del > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      del > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      del > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      del > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      del > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      del > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      del > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      del > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      del > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      del > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      del > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      del > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      dfn > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      dfn > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      dfn > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      dfn > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      dfn > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      dfn > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      dfn > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      dfn > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      dfn > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      dfn > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      dfn > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      dfn > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      dfn > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      dfn > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      dfn > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      em > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      em > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      em > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      em > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      em > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      em > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      em > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      em > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      em > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      em > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      em > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      em > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      em > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      em > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      em > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      img > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      img > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      img > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      img > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      img > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      img > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      img > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      img > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      img > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      img > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      img > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      img > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      img > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      img > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      img > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      ins > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      ins > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      ins > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      ins > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      ins > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      ins > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      ins > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      ins > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      ins > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      ins > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      ins > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      ins > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      ins > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      ins > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      ins > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      kbd > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      kbd > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      kbd > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      kbd > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      kbd > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      kbd > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      kbd > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      kbd > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      kbd > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      kbd > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      kbd > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      kbd > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      kbd > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      kbd > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      kbd > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      q > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      q > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      q > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      q > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      q > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      q > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      q > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      q > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      q > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      q > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      q > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      q > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      q > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      q > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      q > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      s > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      s > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      s > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      s > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      s > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      s > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      s > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      s > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      s > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      s > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      s > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      s > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      s > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      s > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      s > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      samp > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      samp > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      samp > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      samp > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      samp > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      samp > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      samp > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      samp > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      samp > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      samp > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      samp > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      samp > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      samp > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      samp > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      samp > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      small > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      small > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      small > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      small > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      small > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      small > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      small > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      small > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      small > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      small > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      small > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      small > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      small > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      small > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      small > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      strike > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      strike > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      strike > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      strike > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      strike > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      strike > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      strike > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      strike > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      strike > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      strike > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      strike > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      strike > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      strike > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      strike > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      strike > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      strong > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      strong > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      strong > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      strong > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      strong > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      strong > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      strong > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      strong > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      strong > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      strong > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      strong > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      strong > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      strong > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      strong > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      strong > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      sub > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      sub > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      sub > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      sub > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      sub > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      sub > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      sub > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      sub > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      sub > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      sub > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      sub > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      sub > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      sub > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      sub > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      sub > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      sup > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      sup > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      sup > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      sup > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      sup > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      sup > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      sup > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      sup > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      sup > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      sup > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      sup > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      sup > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      sup > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      sup > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      sup > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      tt > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      tt > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      tt > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      tt > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      tt > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      tt > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      tt > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      tt > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      tt > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      tt > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      tt > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      tt > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      tt > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      tt > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      tt > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      var > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      var > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      var > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      var > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      var > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      var > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      var > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      var > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      var > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      var > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      var > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      var > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      var > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      var > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      var > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      b > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      b > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      b > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      b > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      b > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      b > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      b > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      b > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      b > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      b > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      b > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      b > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      b > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      b > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      b > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      u > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      u > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      u > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      u > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      u > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      u > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      u > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      u > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      u > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      u > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      u > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      u > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      u > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      u > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      u > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      i > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      i > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      i > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      i > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      i > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      i > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      i > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      i > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      i > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      i > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      i > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      i > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      i > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      i > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      i > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      center > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      center > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      center > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      center > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      center > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      center > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      center > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      center > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      center > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      center > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      center > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      center > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      center > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      center > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      center > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      dl > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      dl > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      dl > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      dl > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      dl > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      dl > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      dl > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      dl > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      dl > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      dl > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      dl > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      dl > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      dl > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      dl > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      dl > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      dt > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      dt > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      dt > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      dt > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      dt > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      dt > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      dt > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      dt > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      dt > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      dt > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      dt > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      dt > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      dt > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      dt > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      dt > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      dd > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      dd > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      dd > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      dd > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      dd > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      dd > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      dd > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      dd > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      dd > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      dd > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      dd > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      dd > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      dd > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      dd > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      dd > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      ol > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      ol > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      ol > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      ol > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      ol > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      ol > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      ol > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      ol > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      ol > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      ol > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      ol > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      ol > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      ol > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      ol > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      ol > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      ul > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      ul > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      ul > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      ul > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      ul > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      ul > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      ul > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      ul > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      ul > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      ul > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      ul > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      ul > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      ul > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      ul > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      ul > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      li > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      li > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      li > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      li > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      li > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      li > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      li > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      li > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      li > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      li > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      li > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      li > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      li > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      li > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      li > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      fieldset > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      fieldset > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      fieldset > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      fieldset > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      fieldset > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      fieldset > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      fieldset > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      fieldset > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      fieldset > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      fieldset > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      fieldset > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      fieldset > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      fieldset > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      fieldset > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      fieldset > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      form > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      form > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      form > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      form > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      form > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      form > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      form > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      form > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      form > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      form > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      form > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      form > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      form > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      form > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      form > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      label > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      label > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      label > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      label > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      label > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      label > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      label > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      label > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      label > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      label > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      label > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      label > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      label > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      label > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      label > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      legend > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      legend > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      legend > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      legend > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      legend > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      legend > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      legend > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      legend > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      legend > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      legend > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      legend > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      legend > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      legend > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      legend > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      legend > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      table > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      table > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      table > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      table > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      table > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      table > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      table > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      table > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      table > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      table > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      table > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      table > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      table > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      table > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      table > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      caption > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      caption > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      caption > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      caption > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      caption > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      caption > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      caption > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      caption > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      caption > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      caption > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      caption > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      caption > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      caption > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      caption > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      caption > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      tbody > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      tbody > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      tbody > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      tbody > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      tbody > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      tbody > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      tbody > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      tbody > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      tbody > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      tbody > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      tbody > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      tbody > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      tbody > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      tbody > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      tbody > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      tfoot > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      tfoot > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      tfoot > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      tfoot > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      tfoot > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      tfoot > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      tfoot > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      tfoot > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      tfoot > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      tfoot > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      tfoot > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      tfoot > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      tfoot > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      tfoot > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      tfoot > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      thead > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      thead > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      thead > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      thead > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      thead > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      thead > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      thead > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      thead > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      thead > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      thead > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      thead > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      thead > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      thead > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      thead > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      thead > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      tr > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      tr > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      tr > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      tr > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      tr > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      tr > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      tr > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      tr > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      tr > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      tr > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      tr > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      tr > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      tr > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      tr > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      tr > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      th > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      th > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      th > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      th > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      th > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      th > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      th > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      th > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      th > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      th > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      th > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      th > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      th > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      th > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      th > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      td > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      td > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      td > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      td > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      td > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      td > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      td > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      td > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      td > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      td > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      td > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      td > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      td > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      td > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      td > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      article > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      article > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      article > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      article > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      article > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      article > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      article > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      article > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      article > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      article > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      article > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      article > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      article > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      article > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      article > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      aside > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      aside > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      aside > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      aside > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      aside > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      aside > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      aside > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      aside > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      aside > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      aside > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      aside > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      aside > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      aside > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      aside > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      aside > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      canvas > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      canvas > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      canvas > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      canvas > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      canvas > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      canvas > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      canvas > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      canvas > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      canvas > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      canvas > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      canvas > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      canvas > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      canvas > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      canvas > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      canvas > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      details > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      details > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      details > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      details > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      details > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      details > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      details > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      details > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      details > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      details > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      details > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      details > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      details > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      details > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      details > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      embed > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      embed > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      embed > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      embed > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      embed > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      embed > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      embed > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      embed > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      embed > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      embed > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      embed > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      embed > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      embed > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      embed > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      embed > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      figure > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      figure > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      figure > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      figure > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      figure > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      figure > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      figure > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      figure > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      figure > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      figure > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      figure > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      figure > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      figure > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      figure > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      figure > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      figcaption > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      figcaption > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      figcaption > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      figcaption > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      figcaption > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      figcaption > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      figcaption > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      figcaption > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      figcaption > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      figcaption > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      figcaption > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      figcaption > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      figcaption > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      figcaption > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      figcaption > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      ooter > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      ooter > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      ooter > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      ooter > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      ooter > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      ooter > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      ooter > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      ooter > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      ooter > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      ooter > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      ooter > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      ooter > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      ooter > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      ooter > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      ooter > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert, header > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      header > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      header > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      header > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      header > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      header > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      header > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      header > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      header > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      header > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      header > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      header > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      header > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      header > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      header > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      hgroup > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      hgroup > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      hgroup > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      hgroup > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      hgroup > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      hgroup > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      hgroup > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      hgroup > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      hgroup > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      hgroup > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      hgroup > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      hgroup > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      hgroup > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      hgroup > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      hgroup > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      menu > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      menu > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      menu > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      menu > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      menu > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      menu > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      menu > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      menu > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      menu > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      menu > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      menu > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      menu > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      menu > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      menu > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      menu > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      nav > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      nav > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      nav > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      nav > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      nav > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      nav > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      nav > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      nav > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      nav > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      nav > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      nav > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      nav > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      nav > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      nav > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      nav > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      output > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      output > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      output > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      output > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      output > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      output > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      output > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      output > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      output > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      output > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      output > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      output > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      output > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      output > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      output > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      ruby > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      ruby > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      ruby > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      ruby > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      ruby > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      ruby > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      ruby > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      ruby > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      ruby > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      ruby > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      ruby > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      ruby > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      ruby > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      ruby > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      ruby > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      section > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      section > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      section > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      section > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      section > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      section > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      section > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      section > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      section > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      section > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      section > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      section > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      section > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      section > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      section > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      summary > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      summary > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      summary > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      summary > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      summary > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      summary > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      summary > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      summary > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      summary > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      summary > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      summary > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      summary > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      summary > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      summary > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      summary > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      time > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      time > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      time > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      time > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      time > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      time > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      time > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      time > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      time > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      time > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      time > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      time > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      time > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      time > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      time > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      mark > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      mark > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      mark > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      mark > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      mark > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      mark > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      mark > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      mark > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      mark > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      mark > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      mark > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      mark > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      mark > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      mark > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      mark > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      audio > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      audio > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      audio > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      audio > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      audio > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      audio > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      audio > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      audio > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      audio > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      audio > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      audio > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      audio > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      audio > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      audio > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      audio > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      video > #toggle-acc-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      video > #toggle-acc-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      video > #toggle-acc-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      video > #toggle-card-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      video > #toggle-card-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      video > #toggle-card-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      video > #toggle-loan-details > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      video > #toggle-loan-details > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      video > #toggle-loan-details > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      video > #toggle-template-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      video > #toggle-template-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      video > #toggle-template-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert,
      video > #toggle-payment-open > .toggle-wrapper > .expand-icon.recipientData.active .plus-line.vert,
      video > #toggle-payment-open > .toggle-wrapper > .expand-icon.newRecipient.active .plus-line.vert,
      video > #toggle-payment-open > .toggle-wrapper > .expand-icon.template.active .plus-line.vert {
        transform: rotate(90deg) translateY(4%);
        top: 3px;
        transition: .5s ease; }
      html > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      html > #toggle-card-details > .toggle-wrapper > .plus-icon,
      html > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      html > #toggle-template-open > .toggle-wrapper > .plus-icon,
      html > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      body > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      body > #toggle-card-details > .toggle-wrapper > .plus-icon,
      body > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      body > #toggle-template-open > .toggle-wrapper > .plus-icon,
      body > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      div > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      div > #toggle-card-details > .toggle-wrapper > .plus-icon,
      div > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      div > #toggle-template-open > .toggle-wrapper > .plus-icon,
      div > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      span > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      span > #toggle-card-details > .toggle-wrapper > .plus-icon,
      span > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      span > #toggle-template-open > .toggle-wrapper > .plus-icon,
      span > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      applet > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      applet > #toggle-card-details > .toggle-wrapper > .plus-icon,
      applet > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      applet > #toggle-template-open > .toggle-wrapper > .plus-icon,
      applet > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      object > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      object > #toggle-card-details > .toggle-wrapper > .plus-icon,
      object > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      object > #toggle-template-open > .toggle-wrapper > .plus-icon,
      object > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      frame > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      frame > #toggle-card-details > .toggle-wrapper > .plus-icon,
      frame > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      frame > #toggle-template-open > .toggle-wrapper > .plus-icon,
      frame > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      h1 > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      h1 > #toggle-card-details > .toggle-wrapper > .plus-icon,
      h1 > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      h1 > #toggle-template-open > .toggle-wrapper > .plus-icon,
      h1 > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      h2 > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      h2 > #toggle-card-details > .toggle-wrapper > .plus-icon,
      h2 > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      h2 > #toggle-template-open > .toggle-wrapper > .plus-icon,
      h2 > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      h3 > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      h3 > #toggle-card-details > .toggle-wrapper > .plus-icon,
      h3 > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      h3 > #toggle-template-open > .toggle-wrapper > .plus-icon,
      h3 > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      h4 > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      h4 > #toggle-card-details > .toggle-wrapper > .plus-icon,
      h4 > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      h4 > #toggle-template-open > .toggle-wrapper > .plus-icon,
      h4 > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      h5 > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      h5 > #toggle-card-details > .toggle-wrapper > .plus-icon,
      h5 > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      h5 > #toggle-template-open > .toggle-wrapper > .plus-icon,
      h5 > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      h6 > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      h6 > #toggle-card-details > .toggle-wrapper > .plus-icon,
      h6 > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      h6 > #toggle-template-open > .toggle-wrapper > .plus-icon,
      h6 > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      h6 > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      h6 > #toggle-card-details > .toggle-wrapper > .plus-icon,
      h6 > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      h6 > #toggle-template-open > .toggle-wrapper > .plus-icon,
      h6 > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      p > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      p > #toggle-card-details > .toggle-wrapper > .plus-icon,
      p > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      p > #toggle-template-open > .toggle-wrapper > .plus-icon,
      p > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      blockquote > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      blockquote > #toggle-card-details > .toggle-wrapper > .plus-icon,
      blockquote > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      blockquote > #toggle-template-open > .toggle-wrapper > .plus-icon,
      blockquote > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      pre > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      pre > #toggle-card-details > .toggle-wrapper > .plus-icon,
      pre > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      pre > #toggle-template-open > .toggle-wrapper > .plus-icon,
      pre > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      a > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      a > #toggle-card-details > .toggle-wrapper > .plus-icon,
      a > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      a > #toggle-template-open > .toggle-wrapper > .plus-icon,
      a > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      abbr > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      abbr > #toggle-card-details > .toggle-wrapper > .plus-icon,
      abbr > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      abbr > #toggle-template-open > .toggle-wrapper > .plus-icon,
      abbr > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      acronym > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      acronym > #toggle-card-details > .toggle-wrapper > .plus-icon,
      acronym > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      acronym > #toggle-template-open > .toggle-wrapper > .plus-icon,
      acronym > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      address > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      address > #toggle-card-details > .toggle-wrapper > .plus-icon,
      address > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      address > #toggle-template-open > .toggle-wrapper > .plus-icon,
      address > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      big > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      big > #toggle-card-details > .toggle-wrapper > .plus-icon,
      big > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      big > #toggle-template-open > .toggle-wrapper > .plus-icon,
      big > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      cite > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      cite > #toggle-card-details > .toggle-wrapper > .plus-icon,
      cite > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      cite > #toggle-template-open > .toggle-wrapper > .plus-icon,
      cite > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      code > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      code > #toggle-card-details > .toggle-wrapper > .plus-icon,
      code > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      code > #toggle-template-open > .toggle-wrapper > .plus-icon,
      code > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      del > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      del > #toggle-card-details > .toggle-wrapper > .plus-icon,
      del > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      del > #toggle-template-open > .toggle-wrapper > .plus-icon,
      del > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      dfn > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      dfn > #toggle-card-details > .toggle-wrapper > .plus-icon,
      dfn > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      dfn > #toggle-template-open > .toggle-wrapper > .plus-icon,
      dfn > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      em > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      em > #toggle-card-details > .toggle-wrapper > .plus-icon,
      em > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      em > #toggle-template-open > .toggle-wrapper > .plus-icon,
      em > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      img > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      img > #toggle-card-details > .toggle-wrapper > .plus-icon,
      img > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      img > #toggle-template-open > .toggle-wrapper > .plus-icon,
      img > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      ins > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      ins > #toggle-card-details > .toggle-wrapper > .plus-icon,
      ins > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      ins > #toggle-template-open > .toggle-wrapper > .plus-icon,
      ins > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      kbd > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      kbd > #toggle-card-details > .toggle-wrapper > .plus-icon,
      kbd > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      kbd > #toggle-template-open > .toggle-wrapper > .plus-icon,
      kbd > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      q > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      q > #toggle-card-details > .toggle-wrapper > .plus-icon,
      q > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      q > #toggle-template-open > .toggle-wrapper > .plus-icon,
      q > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      s > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      s > #toggle-card-details > .toggle-wrapper > .plus-icon,
      s > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      s > #toggle-template-open > .toggle-wrapper > .plus-icon,
      s > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      samp > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      samp > #toggle-card-details > .toggle-wrapper > .plus-icon,
      samp > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      samp > #toggle-template-open > .toggle-wrapper > .plus-icon,
      samp > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      small > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      small > #toggle-card-details > .toggle-wrapper > .plus-icon,
      small > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      small > #toggle-template-open > .toggle-wrapper > .plus-icon,
      small > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      strike > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      strike > #toggle-card-details > .toggle-wrapper > .plus-icon,
      strike > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      strike > #toggle-template-open > .toggle-wrapper > .plus-icon,
      strike > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      strong > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      strong > #toggle-card-details > .toggle-wrapper > .plus-icon,
      strong > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      strong > #toggle-template-open > .toggle-wrapper > .plus-icon,
      strong > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      sub > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      sub > #toggle-card-details > .toggle-wrapper > .plus-icon,
      sub > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      sub > #toggle-template-open > .toggle-wrapper > .plus-icon,
      sub > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      sup > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      sup > #toggle-card-details > .toggle-wrapper > .plus-icon,
      sup > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      sup > #toggle-template-open > .toggle-wrapper > .plus-icon,
      sup > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      tt > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      tt > #toggle-card-details > .toggle-wrapper > .plus-icon,
      tt > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      tt > #toggle-template-open > .toggle-wrapper > .plus-icon,
      tt > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      var > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      var > #toggle-card-details > .toggle-wrapper > .plus-icon,
      var > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      var > #toggle-template-open > .toggle-wrapper > .plus-icon,
      var > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      b > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      b > #toggle-card-details > .toggle-wrapper > .plus-icon,
      b > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      b > #toggle-template-open > .toggle-wrapper > .plus-icon,
      b > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      u > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      u > #toggle-card-details > .toggle-wrapper > .plus-icon,
      u > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      u > #toggle-template-open > .toggle-wrapper > .plus-icon,
      u > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      i > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      i > #toggle-card-details > .toggle-wrapper > .plus-icon,
      i > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      i > #toggle-template-open > .toggle-wrapper > .plus-icon,
      i > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      center > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      center > #toggle-card-details > .toggle-wrapper > .plus-icon,
      center > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      center > #toggle-template-open > .toggle-wrapper > .plus-icon,
      center > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      dl > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      dl > #toggle-card-details > .toggle-wrapper > .plus-icon,
      dl > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      dl > #toggle-template-open > .toggle-wrapper > .plus-icon,
      dl > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      dt > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      dt > #toggle-card-details > .toggle-wrapper > .plus-icon,
      dt > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      dt > #toggle-template-open > .toggle-wrapper > .plus-icon,
      dt > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      dd > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      dd > #toggle-card-details > .toggle-wrapper > .plus-icon,
      dd > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      dd > #toggle-template-open > .toggle-wrapper > .plus-icon,
      dd > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      ol > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      ol > #toggle-card-details > .toggle-wrapper > .plus-icon,
      ol > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      ol > #toggle-template-open > .toggle-wrapper > .plus-icon,
      ol > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      ul > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      ul > #toggle-card-details > .toggle-wrapper > .plus-icon,
      ul > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      ul > #toggle-template-open > .toggle-wrapper > .plus-icon,
      ul > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      li > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      li > #toggle-card-details > .toggle-wrapper > .plus-icon,
      li > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      li > #toggle-template-open > .toggle-wrapper > .plus-icon,
      li > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      fieldset > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      fieldset > #toggle-card-details > .toggle-wrapper > .plus-icon,
      fieldset > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      fieldset > #toggle-template-open > .toggle-wrapper > .plus-icon,
      fieldset > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      form > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      form > #toggle-card-details > .toggle-wrapper > .plus-icon,
      form > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      form > #toggle-template-open > .toggle-wrapper > .plus-icon,
      form > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      label > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      label > #toggle-card-details > .toggle-wrapper > .plus-icon,
      label > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      label > #toggle-template-open > .toggle-wrapper > .plus-icon,
      label > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      legend > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      legend > #toggle-card-details > .toggle-wrapper > .plus-icon,
      legend > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      legend > #toggle-template-open > .toggle-wrapper > .plus-icon,
      legend > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      table > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      table > #toggle-card-details > .toggle-wrapper > .plus-icon,
      table > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      table > #toggle-template-open > .toggle-wrapper > .plus-icon,
      table > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      caption > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      caption > #toggle-card-details > .toggle-wrapper > .plus-icon,
      caption > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      caption > #toggle-template-open > .toggle-wrapper > .plus-icon,
      caption > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      tbody > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      tbody > #toggle-card-details > .toggle-wrapper > .plus-icon,
      tbody > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      tbody > #toggle-template-open > .toggle-wrapper > .plus-icon,
      tbody > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      tfoot > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      tfoot > #toggle-card-details > .toggle-wrapper > .plus-icon,
      tfoot > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      tfoot > #toggle-template-open > .toggle-wrapper > .plus-icon,
      tfoot > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      thead > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      thead > #toggle-card-details > .toggle-wrapper > .plus-icon,
      thead > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      thead > #toggle-template-open > .toggle-wrapper > .plus-icon,
      thead > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      tr > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      tr > #toggle-card-details > .toggle-wrapper > .plus-icon,
      tr > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      tr > #toggle-template-open > .toggle-wrapper > .plus-icon,
      tr > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      th > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      th > #toggle-card-details > .toggle-wrapper > .plus-icon,
      th > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      th > #toggle-template-open > .toggle-wrapper > .plus-icon,
      th > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      td > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      td > #toggle-card-details > .toggle-wrapper > .plus-icon,
      td > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      td > #toggle-template-open > .toggle-wrapper > .plus-icon,
      td > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      article > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      article > #toggle-card-details > .toggle-wrapper > .plus-icon,
      article > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      article > #toggle-template-open > .toggle-wrapper > .plus-icon,
      article > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      aside > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      aside > #toggle-card-details > .toggle-wrapper > .plus-icon,
      aside > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      aside > #toggle-template-open > .toggle-wrapper > .plus-icon,
      aside > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      canvas > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      canvas > #toggle-card-details > .toggle-wrapper > .plus-icon,
      canvas > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      canvas > #toggle-template-open > .toggle-wrapper > .plus-icon,
      canvas > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      details > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      details > #toggle-card-details > .toggle-wrapper > .plus-icon,
      details > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      details > #toggle-template-open > .toggle-wrapper > .plus-icon,
      details > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      embed > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      embed > #toggle-card-details > .toggle-wrapper > .plus-icon,
      embed > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      embed > #toggle-template-open > .toggle-wrapper > .plus-icon,
      embed > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      figure > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      figure > #toggle-card-details > .toggle-wrapper > .plus-icon,
      figure > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      figure > #toggle-template-open > .toggle-wrapper > .plus-icon,
      figure > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      figcaption > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      figcaption > #toggle-card-details > .toggle-wrapper > .plus-icon,
      figcaption > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      figcaption > #toggle-template-open > .toggle-wrapper > .plus-icon,
      figcaption > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      ooter > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      ooter > #toggle-card-details > .toggle-wrapper > .plus-icon,
      ooter > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      ooter > #toggle-template-open > .toggle-wrapper > .plus-icon,
      ooter > #toggle-payment-open > .toggle-wrapper > .plus-icon, header > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      header > #toggle-card-details > .toggle-wrapper > .plus-icon,
      header > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      header > #toggle-template-open > .toggle-wrapper > .plus-icon,
      header > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      hgroup > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      hgroup > #toggle-card-details > .toggle-wrapper > .plus-icon,
      hgroup > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      hgroup > #toggle-template-open > .toggle-wrapper > .plus-icon,
      hgroup > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      menu > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      menu > #toggle-card-details > .toggle-wrapper > .plus-icon,
      menu > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      menu > #toggle-template-open > .toggle-wrapper > .plus-icon,
      menu > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      nav > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      nav > #toggle-card-details > .toggle-wrapper > .plus-icon,
      nav > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      nav > #toggle-template-open > .toggle-wrapper > .plus-icon,
      nav > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      output > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      output > #toggle-card-details > .toggle-wrapper > .plus-icon,
      output > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      output > #toggle-template-open > .toggle-wrapper > .plus-icon,
      output > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      ruby > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      ruby > #toggle-card-details > .toggle-wrapper > .plus-icon,
      ruby > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      ruby > #toggle-template-open > .toggle-wrapper > .plus-icon,
      ruby > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      section > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      section > #toggle-card-details > .toggle-wrapper > .plus-icon,
      section > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      section > #toggle-template-open > .toggle-wrapper > .plus-icon,
      section > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      summary > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      summary > #toggle-card-details > .toggle-wrapper > .plus-icon,
      summary > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      summary > #toggle-template-open > .toggle-wrapper > .plus-icon,
      summary > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      time > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      time > #toggle-card-details > .toggle-wrapper > .plus-icon,
      time > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      time > #toggle-template-open > .toggle-wrapper > .plus-icon,
      time > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      mark > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      mark > #toggle-card-details > .toggle-wrapper > .plus-icon,
      mark > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      mark > #toggle-template-open > .toggle-wrapper > .plus-icon,
      mark > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      audio > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      audio > #toggle-card-details > .toggle-wrapper > .plus-icon,
      audio > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      audio > #toggle-template-open > .toggle-wrapper > .plus-icon,
      audio > #toggle-payment-open > .toggle-wrapper > .plus-icon,
      video > #toggle-acc-details > .toggle-wrapper > .plus-icon,
      video > #toggle-card-details > .toggle-wrapper > .plus-icon,
      video > #toggle-loan-details > .toggle-wrapper > .plus-icon,
      video > #toggle-template-open > .toggle-wrapper > .plus-icon,
      video > #toggle-payment-open > .toggle-wrapper > .plus-icon {
        position: relative;
        width: 14px;
        height: 14px; }
        html > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        html > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        html > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        html > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        html > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        body > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        body > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        body > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        body > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        body > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        div > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        div > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        div > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        div > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        div > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        span > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        span > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        span > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        span > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        span > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        applet > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        applet > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        applet > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        applet > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        applet > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        object > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        object > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        object > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        object > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        object > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        frame > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        frame > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        frame > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        frame > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        frame > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        h1 > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        h1 > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        h1 > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        h1 > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        h1 > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        h2 > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        h2 > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        h2 > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        h2 > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        h2 > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        h3 > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        h3 > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        h3 > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        h3 > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        h3 > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        h4 > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        h4 > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        h4 > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        h4 > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        h4 > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        h5 > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        h5 > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        h5 > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        h5 > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        h5 > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        h6 > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        h6 > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        h6 > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        h6 > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        h6 > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        h6 > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        h6 > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        h6 > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        h6 > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        h6 > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        p > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        p > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        p > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        p > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        p > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        blockquote > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        blockquote > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        blockquote > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        blockquote > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        blockquote > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        pre > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        pre > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        pre > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        pre > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        pre > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        a > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        a > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        a > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        a > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        a > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        abbr > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        abbr > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        abbr > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        abbr > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        abbr > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        acronym > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        acronym > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        acronym > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        acronym > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        acronym > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        address > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        address > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        address > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        address > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        address > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        big > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        big > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        big > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        big > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        big > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        cite > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        cite > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        cite > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        cite > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        cite > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        code > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        code > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        code > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        code > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        code > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        del > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        del > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        del > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        del > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        del > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        dfn > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        dfn > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        dfn > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        dfn > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        dfn > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        em > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        em > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        em > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        em > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        em > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        img > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        img > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        img > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        img > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        img > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        ins > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        ins > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        ins > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        ins > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        ins > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        kbd > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        kbd > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        kbd > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        kbd > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        kbd > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        q > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        q > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        q > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        q > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        q > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        s > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        s > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        s > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        s > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        s > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        samp > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        samp > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        samp > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        samp > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        samp > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        small > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        small > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        small > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        small > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        small > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        strike > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        strike > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        strike > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        strike > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        strike > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        strong > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        strong > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        strong > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        strong > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        strong > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        sub > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        sub > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        sub > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        sub > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        sub > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        sup > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        sup > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        sup > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        sup > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        sup > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        tt > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        tt > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        tt > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        tt > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        tt > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        var > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        var > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        var > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        var > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        var > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        b > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        b > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        b > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        b > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        b > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        u > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        u > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        u > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        u > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        u > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        i > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        i > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        i > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        i > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        i > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        center > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        center > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        center > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        center > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        center > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        dl > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        dl > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        dl > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        dl > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        dl > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        dt > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        dt > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        dt > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        dt > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        dt > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        dd > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        dd > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        dd > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        dd > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        dd > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        ol > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        ol > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        ol > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        ol > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        ol > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        ul > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        ul > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        ul > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        ul > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        ul > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        li > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        li > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        li > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        li > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        li > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        fieldset > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        fieldset > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        fieldset > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        fieldset > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        fieldset > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        form > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        form > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        form > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        form > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        form > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        label > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        label > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        label > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        label > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        label > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        legend > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        legend > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        legend > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        legend > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        legend > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        table > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        table > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        table > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        table > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        table > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        caption > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        caption > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        caption > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        caption > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        caption > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        tbody > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        tbody > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        tbody > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        tbody > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        tbody > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        tfoot > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        tfoot > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        tfoot > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        tfoot > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        tfoot > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        thead > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        thead > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        thead > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        thead > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        thead > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        tr > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        tr > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        tr > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        tr > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        tr > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        th > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        th > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        th > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        th > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        th > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        td > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        td > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        td > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        td > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        td > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        article > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        article > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        article > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        article > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        article > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        aside > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        aside > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        aside > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        aside > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        aside > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        canvas > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        canvas > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        canvas > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        canvas > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        canvas > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        details > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        details > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        details > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        details > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        details > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        embed > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        embed > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        embed > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        embed > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        embed > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        figure > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        figure > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        figure > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        figure > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        figure > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        figcaption > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        figcaption > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        figcaption > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        figcaption > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        figcaption > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        ooter > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        ooter > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        ooter > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        ooter > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        ooter > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line, header > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        header > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        header > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        header > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        header > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        hgroup > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        hgroup > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        hgroup > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        hgroup > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        hgroup > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        menu > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        menu > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        menu > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        menu > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        menu > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        nav > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        nav > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        nav > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        nav > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        nav > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        output > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        output > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        output > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        output > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        output > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        ruby > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        ruby > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        ruby > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        ruby > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        ruby > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        section > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        section > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        section > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        section > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        section > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        summary > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        summary > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        summary > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        summary > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        summary > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        time > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        time > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        time > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        time > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        time > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        mark > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        mark > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        mark > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        mark > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        mark > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        audio > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        audio > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        audio > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        audio > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        audio > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line,
        video > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line,
        video > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line,
        video > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line,
        video > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line,
        video > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line {
          position: absolute;
          top: 70%;
          left: 50%;
          transform: translate(-50%, -50%);
          background-color: #d20000;
          transform-origin: center center;
          -webkit-transition: -webkit-transform .3s;
          transition: transform .3s; }
          html > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          html > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          html > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          html > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          html > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          body > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          body > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          body > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          body > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          body > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          div > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          div > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          div > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          div > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          div > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          span > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          span > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          span > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          span > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          span > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          applet > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          applet > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          applet > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          applet > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          applet > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          object > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          object > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          object > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          object > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          object > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          frame > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          frame > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          frame > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          frame > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          frame > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          h1 > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          h1 > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          h1 > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          h1 > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          h1 > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          h2 > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          h2 > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          h2 > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          h2 > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          h2 > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          h3 > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          h3 > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          h3 > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          h3 > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          h3 > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          h4 > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          h4 > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          h4 > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          h4 > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          h4 > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          h5 > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          h5 > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          h5 > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          h5 > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          h5 > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          h6 > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          h6 > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          h6 > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          h6 > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          h6 > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          h6 > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          h6 > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          h6 > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          h6 > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          h6 > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          p > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          p > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          p > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          p > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          p > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          blockquote > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          blockquote > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          blockquote > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          blockquote > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          blockquote > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          pre > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          pre > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          pre > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          pre > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          pre > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          a > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          a > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          a > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          a > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          a > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          abbr > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          abbr > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          abbr > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          abbr > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          abbr > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          acronym > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          acronym > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          acronym > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          acronym > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          acronym > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          address > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          address > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          address > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          address > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          address > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          big > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          big > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          big > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          big > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          big > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          cite > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          cite > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          cite > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          cite > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          cite > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          code > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          code > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          code > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          code > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          code > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          del > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          del > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          del > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          del > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          del > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          dfn > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          dfn > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          dfn > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          dfn > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          dfn > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          em > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          em > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          em > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          em > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          em > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          img > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          img > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          img > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          img > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          img > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          ins > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          ins > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          ins > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          ins > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          ins > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          kbd > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          kbd > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          kbd > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          kbd > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          kbd > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          q > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          q > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          q > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          q > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          q > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          s > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          s > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          s > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          s > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          s > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          samp > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          samp > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          samp > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          samp > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          samp > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          small > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          small > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          small > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          small > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          small > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          strike > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          strike > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          strike > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          strike > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          strike > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          strong > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          strong > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          strong > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          strong > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          strong > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          sub > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          sub > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          sub > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          sub > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          sub > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          sup > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          sup > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          sup > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          sup > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          sup > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          tt > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          tt > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          tt > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          tt > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          tt > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          var > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          var > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          var > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          var > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          var > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          b > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          b > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          b > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          b > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          b > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          u > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          u > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          u > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          u > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          u > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          i > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          i > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          i > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          i > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          i > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          center > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          center > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          center > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          center > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          center > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          dl > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          dl > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          dl > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          dl > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          dl > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          dt > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          dt > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          dt > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          dt > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          dt > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          dd > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          dd > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          dd > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          dd > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          dd > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          ol > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          ol > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          ol > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          ol > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          ol > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          ul > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          ul > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          ul > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          ul > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          ul > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          li > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          li > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          li > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          li > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          li > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          fieldset > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          fieldset > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          fieldset > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          fieldset > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          fieldset > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          form > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          form > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          form > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          form > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          form > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          label > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          label > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          label > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          label > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          label > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          legend > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          legend > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          legend > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          legend > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          legend > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          table > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          table > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          table > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          table > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          table > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          caption > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          caption > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          caption > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          caption > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          caption > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          tbody > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          tbody > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          tbody > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          tbody > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          tbody > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          tfoot > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          tfoot > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          tfoot > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          tfoot > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          tfoot > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          thead > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          thead > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          thead > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          thead > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          thead > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          tr > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          tr > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          tr > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          tr > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          tr > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          th > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          th > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          th > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          th > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          th > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          td > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          td > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          td > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          td > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          td > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          article > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          article > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          article > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          article > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          article > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          aside > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          aside > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          aside > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          aside > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          aside > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          canvas > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          canvas > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          canvas > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          canvas > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          canvas > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          details > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          details > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          details > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          details > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          details > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          embed > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          embed > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          embed > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          embed > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          embed > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          figure > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          figure > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          figure > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          figure > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          figure > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          figcaption > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          figcaption > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          figcaption > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          figcaption > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          figcaption > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          ooter > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          ooter > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          ooter > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          ooter > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          ooter > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert, header > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          header > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          header > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          header > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          header > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          hgroup > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          hgroup > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          hgroup > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          hgroup > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          hgroup > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          menu > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          menu > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          menu > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          menu > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          menu > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          nav > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          nav > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          nav > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          nav > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          nav > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          output > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          output > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          output > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          output > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          output > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          ruby > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          ruby > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          ruby > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          ruby > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          ruby > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          section > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          section > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          section > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          section > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          section > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          summary > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          summary > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          summary > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          summary > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          summary > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          time > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          time > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          time > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          time > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          time > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          mark > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          mark > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          mark > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          mark > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          mark > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          audio > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          audio > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          audio > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          audio > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          audio > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          video > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          video > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          video > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.vert,
          video > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.vert,
          video > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.vert {
            height: 100%;
            width: 2px;
            border-radius: 8px;
            transition: .5s ease; }
          html > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          html > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          html > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          html > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          html > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          body > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          body > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          body > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          body > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          body > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          div > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          div > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          div > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          div > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          div > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          span > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          span > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          span > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          span > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          span > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          applet > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          applet > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          applet > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          applet > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          applet > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          object > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          object > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          object > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          object > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          object > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          frame > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          frame > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          frame > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          frame > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          frame > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          h1 > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          h1 > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          h1 > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          h1 > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          h1 > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          h2 > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          h2 > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          h2 > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          h2 > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          h2 > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          h3 > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          h3 > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          h3 > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          h3 > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          h3 > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          h4 > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          h4 > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          h4 > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          h4 > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          h4 > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          h5 > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          h5 > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          h5 > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          h5 > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          h5 > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          h6 > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          h6 > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          h6 > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          h6 > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          h6 > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          h6 > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          h6 > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          h6 > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          h6 > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          h6 > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          p > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          p > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          p > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          p > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          p > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          blockquote > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          blockquote > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          blockquote > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          blockquote > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          blockquote > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          pre > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          pre > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          pre > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          pre > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          pre > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          a > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          a > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          a > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          a > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          a > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          abbr > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          abbr > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          abbr > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          abbr > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          abbr > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          acronym > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          acronym > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          acronym > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          acronym > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          acronym > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          address > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          address > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          address > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          address > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          address > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          big > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          big > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          big > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          big > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          big > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          cite > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          cite > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          cite > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          cite > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          cite > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          code > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          code > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          code > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          code > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          code > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          del > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          del > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          del > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          del > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          del > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          dfn > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          dfn > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          dfn > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          dfn > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          dfn > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          em > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          em > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          em > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          em > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          em > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          img > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          img > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          img > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          img > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          img > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          ins > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          ins > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          ins > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          ins > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          ins > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          kbd > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          kbd > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          kbd > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          kbd > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          kbd > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          q > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          q > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          q > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          q > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          q > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          s > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          s > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          s > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          s > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          s > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          samp > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          samp > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          samp > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          samp > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          samp > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          small > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          small > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          small > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          small > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          small > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          strike > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          strike > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          strike > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          strike > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          strike > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          strong > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          strong > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          strong > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          strong > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          strong > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          sub > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          sub > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          sub > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          sub > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          sub > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          sup > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          sup > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          sup > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          sup > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          sup > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          tt > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          tt > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          tt > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          tt > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          tt > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          var > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          var > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          var > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          var > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          var > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          b > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          b > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          b > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          b > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          b > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          u > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          u > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          u > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          u > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          u > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          i > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          i > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          i > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          i > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          i > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          center > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          center > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          center > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          center > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          center > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          dl > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          dl > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          dl > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          dl > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          dl > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          dt > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          dt > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          dt > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          dt > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          dt > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          dd > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          dd > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          dd > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          dd > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          dd > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          ol > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          ol > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          ol > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          ol > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          ol > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          ul > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          ul > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          ul > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          ul > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          ul > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          li > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          li > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          li > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          li > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          li > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          fieldset > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          fieldset > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          fieldset > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          fieldset > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          fieldset > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          form > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          form > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          form > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          form > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          form > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          label > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          label > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          label > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          label > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          label > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          legend > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          legend > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          legend > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          legend > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          legend > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          table > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          table > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          table > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          table > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          table > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          caption > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          caption > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          caption > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          caption > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          caption > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          tbody > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          tbody > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          tbody > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          tbody > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          tbody > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          tfoot > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          tfoot > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          tfoot > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          tfoot > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          tfoot > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          thead > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          thead > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          thead > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          thead > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          thead > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          tr > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          tr > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          tr > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          tr > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          tr > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          th > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          th > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          th > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          th > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          th > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          td > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          td > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          td > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          td > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          td > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          article > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          article > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          article > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          article > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          article > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          aside > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          aside > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          aside > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          aside > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          aside > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          canvas > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          canvas > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          canvas > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          canvas > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          canvas > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          details > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          details > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          details > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          details > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          details > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          embed > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          embed > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          embed > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          embed > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          embed > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          figure > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          figure > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          figure > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          figure > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          figure > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          figcaption > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          figcaption > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          figcaption > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          figcaption > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          figcaption > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          ooter > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          ooter > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          ooter > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          ooter > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          ooter > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz, header > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          header > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          header > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          header > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          header > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          hgroup > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          hgroup > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          hgroup > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          hgroup > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          hgroup > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          menu > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          menu > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          menu > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          menu > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          menu > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          nav > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          nav > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          nav > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          nav > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          nav > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          output > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          output > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          output > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          output > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          output > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          ruby > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          ruby > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          ruby > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          ruby > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          ruby > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          section > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          section > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          section > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          section > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          section > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          summary > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          summary > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          summary > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          summary > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          summary > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          time > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          time > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          time > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          time > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          time > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          mark > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          mark > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          mark > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          mark > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          mark > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          audio > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          audio > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          audio > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          audio > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          audio > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          video > #toggle-acc-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          video > #toggle-card-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          video > #toggle-loan-details > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          video > #toggle-template-open > .toggle-wrapper > .plus-icon > .plus-line.horiz,
          video > #toggle-payment-open > .toggle-wrapper > .plus-icon > .plus-line.horiz {
            height: 2px;
            width: 100%;
            border-radius: 8px; }
    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,
    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: #52ae30;
      margin-right: 5px;
      /* &.recipientData.active,
            &.template.active,
            &.newRecipient.active {
                .plus-line.vert {
                    transform: rotate(90deg) translateY(4%);
                    top: 2px;
                    transition: .5s ease;
                }
            }*/ }
      html > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      html > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      html > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      html > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      html > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      body > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      body > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      body > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      body > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      body > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      div > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      div > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      div > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      div > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      div > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      span > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      span > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      span > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      span > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      span > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      applet > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      applet > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      applet > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      applet > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      applet > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      object > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      object > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      object > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      object > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      object > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      frame > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      frame > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      frame > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      frame > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      frame > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      h1 > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      h1 > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      h1 > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      h1 > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      h1 > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      h2 > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      h2 > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      h2 > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      h2 > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      h2 > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      h3 > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      h3 > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      h3 > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      h3 > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      h3 > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      h4 > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      h4 > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      h4 > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      h4 > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      h4 > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      h5 > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      h5 > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      h5 > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      h5 > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      h5 > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      h6 > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      h6 > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      h6 > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      h6 > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      h6 > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      h6 > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      h6 > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      h6 > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      h6 > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      h6 > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      p > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      p > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      p > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      p > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      p > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      blockquote > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      blockquote > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      blockquote > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      blockquote > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      blockquote > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      pre > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      pre > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      pre > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      pre > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      pre > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      a > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      a > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      a > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      a > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      a > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      abbr > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      abbr > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      abbr > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      abbr > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      abbr > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      acronym > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      acronym > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      acronym > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      acronym > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      acronym > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      address > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      address > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      address > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      address > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      address > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      big > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      big > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      big > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      big > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      big > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      cite > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      cite > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      cite > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      cite > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      cite > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      code > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      code > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      code > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      code > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      code > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      del > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      del > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      del > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      del > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      del > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      dfn > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      dfn > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      dfn > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      dfn > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      dfn > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      em > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      em > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      em > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      em > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      em > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      img > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      img > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      img > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      img > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      img > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      ins > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      ins > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      ins > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      ins > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      ins > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      kbd > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      kbd > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      kbd > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      kbd > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      kbd > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      q > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      q > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      q > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      q > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      q > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      s > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      s > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      s > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      s > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      s > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      samp > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      samp > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      samp > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      samp > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      samp > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      small > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      small > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      small > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      small > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      small > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      strike > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      strike > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      strike > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      strike > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      strike > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      strong > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      strong > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      strong > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      strong > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      strong > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      sub > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      sub > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      sub > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      sub > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      sub > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      sup > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      sup > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      sup > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      sup > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      sup > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      tt > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      tt > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      tt > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      tt > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      tt > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      var > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      var > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      var > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      var > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      var > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      b > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      b > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      b > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      b > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      b > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      u > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      u > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      u > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      u > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      u > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      i > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      i > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      i > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      i > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      i > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      center > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      center > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      center > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      center > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      center > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      dl > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      dl > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      dl > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      dl > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      dl > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      dt > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      dt > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      dt > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      dt > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      dt > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      dd > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      dd > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      dd > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      dd > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      dd > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      ol > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      ol > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      ol > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      ol > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      ol > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      ul > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      ul > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      ul > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      ul > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      ul > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      li > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      li > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      li > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      li > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      li > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      fieldset > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      fieldset > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      fieldset > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      fieldset > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      fieldset > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      form > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      form > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      form > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      form > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      form > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      label > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      label > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      label > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      label > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      label > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      legend > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      legend > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      legend > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      legend > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      legend > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      table > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      table > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      table > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      table > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      table > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      caption > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      caption > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      caption > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      caption > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      caption > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      tbody > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      tbody > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      tbody > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      tbody > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      tbody > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      tfoot > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      tfoot > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      tfoot > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      tfoot > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      tfoot > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      thead > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      thead > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      thead > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      thead > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      thead > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      tr > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      tr > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      tr > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      tr > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      tr > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      th > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      th > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      th > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      th > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      th > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      td > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      td > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      td > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      td > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      td > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      article > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      article > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      article > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      article > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      article > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      aside > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      aside > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      aside > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      aside > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      aside > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      canvas > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      canvas > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      canvas > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      canvas > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      canvas > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      details > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      details > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      details > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      details > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      details > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      embed > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      embed > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      embed > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      embed > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      embed > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      figure > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      figure > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      figure > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      figure > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      figure > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      figcaption > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      figcaption > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      figcaption > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      figcaption > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      figcaption > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      ooter > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      ooter > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      ooter > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      ooter > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      ooter > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert, header > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      header > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      header > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      header > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      header > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      hgroup > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      hgroup > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      hgroup > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      hgroup > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      hgroup > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      menu > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      menu > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      menu > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      menu > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      menu > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      nav > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      nav > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      nav > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      nav > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      nav > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      output > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      output > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      output > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      output > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      output > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      ruby > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      ruby > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      ruby > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      ruby > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      ruby > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      section > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      section > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      section > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      section > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      section > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      summary > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      summary > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      summary > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      summary > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      summary > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      time > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      time > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      time > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      time > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      time > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      mark > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      mark > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      mark > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      mark > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      mark > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      audio > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      audio > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      audio > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      audio > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      audio > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert,
      video > #toggle-acc-details > .expand-icon.horiz.active .plus-line.vert,
      video > #toggle-card-details > .expand-icon.horiz.active .plus-line.vert,
      video > #toggle-loan-details > .expand-icon.horiz.active .plus-line.vert,
      video > #toggle-template-open > .expand-icon.horiz.active .plus-line.vert,
      video > #toggle-payment-open > .expand-icon.horiz.active .plus-line.vert {
        /*transform: rotate(90deg) translateY(4%);
                        top: 2px;
                        transition: .5s ease;*/ }
    html > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    html > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    html > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    html > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    html > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    html > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    html > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    html > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    html > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    html > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    html > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    html > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    html > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    html > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    html > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    body > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    body > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    body > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    body > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    body > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    body > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    body > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    body > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    body > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    body > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    body > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    body > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    body > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    body > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    body > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    div > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    div > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    div > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    div > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    div > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    div > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    div > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    div > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    div > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    div > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    div > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    div > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    div > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    div > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    div > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    span > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    span > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    span > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    span > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    span > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    span > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    span > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    span > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    span > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    span > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    span > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    span > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    span > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    span > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    span > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    applet > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    applet > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    applet > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    applet > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    applet > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    applet > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    applet > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    applet > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    applet > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    applet > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    applet > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    applet > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    applet > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    applet > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    applet > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    object > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    object > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    object > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    object > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    object > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    object > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    object > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    object > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    object > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    object > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    object > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    object > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    object > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    object > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    object > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    frame > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    frame > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    frame > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    frame > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    frame > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    frame > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    frame > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    frame > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    frame > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    frame > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    frame > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    frame > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    frame > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    frame > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    frame > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    h1 > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    h1 > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    h1 > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    h1 > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    h1 > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    h1 > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    h1 > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    h1 > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    h1 > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    h1 > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    h1 > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    h1 > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    h1 > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    h1 > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    h1 > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    h2 > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    h2 > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    h2 > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    h2 > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    h2 > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    h2 > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    h2 > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    h2 > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    h2 > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    h2 > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    h2 > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    h2 > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    h2 > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    h2 > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    h2 > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    h3 > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    h3 > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    h3 > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    h3 > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    h3 > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    h3 > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    h3 > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    h3 > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    h3 > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    h3 > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    h3 > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    h3 > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    h3 > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    h3 > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    h3 > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    h4 > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    h4 > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    h4 > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    h4 > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    h4 > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    h4 > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    h4 > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    h4 > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    h4 > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    h4 > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    h4 > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    h4 > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    h4 > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    h4 > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    h4 > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    h5 > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    h5 > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    h5 > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    h5 > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    h5 > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    h5 > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    h5 > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    h5 > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    h5 > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    h5 > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    h5 > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    h5 > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    h5 > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    h5 > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    h5 > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    h6 > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    h6 > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    h6 > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    h6 > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    h6 > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    h6 > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    h6 > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    h6 > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    h6 > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    h6 > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    h6 > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    h6 > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    h6 > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    h6 > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    h6 > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    h6 > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    h6 > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    h6 > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    h6 > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    h6 > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    h6 > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    h6 > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    h6 > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    h6 > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    h6 > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    h6 > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    h6 > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    h6 > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    h6 > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    h6 > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    p > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    p > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    p > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    p > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    p > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    p > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    p > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    p > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    p > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    p > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    p > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    p > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    p > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    p > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    p > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    blockquote > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    blockquote > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    blockquote > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    blockquote > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    blockquote > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    blockquote > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    blockquote > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    blockquote > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    blockquote > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    blockquote > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    blockquote > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    blockquote > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    blockquote > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    blockquote > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    blockquote > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    pre > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    pre > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    pre > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    pre > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    pre > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    pre > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    pre > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    pre > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    pre > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    pre > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    pre > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    pre > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    pre > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    pre > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    pre > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    a > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    a > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    a > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    a > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    a > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    a > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    a > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    a > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    a > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    a > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    a > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    a > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    a > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    a > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    a > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    abbr > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    abbr > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    abbr > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    abbr > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    abbr > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    abbr > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    abbr > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    abbr > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    abbr > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    abbr > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    abbr > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    abbr > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    abbr > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    abbr > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    abbr > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    acronym > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    acronym > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    acronym > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    acronym > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    acronym > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    acronym > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    acronym > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    acronym > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    acronym > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    acronym > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    acronym > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    acronym > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    acronym > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    acronym > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    acronym > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    address > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    address > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    address > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    address > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    address > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    address > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    address > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    address > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    address > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    address > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    address > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    address > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    address > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    address > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    address > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    big > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    big > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    big > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    big > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    big > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    big > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    big > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    big > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    big > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    big > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    big > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    big > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    big > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    big > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    big > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    cite > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    cite > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    cite > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    cite > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    cite > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    cite > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    cite > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    cite > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    cite > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    cite > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    cite > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    cite > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    cite > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    cite > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    cite > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    code > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    code > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    code > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    code > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    code > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    code > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    code > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    code > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    code > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    code > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    code > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    code > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    code > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    code > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    code > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    del > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    del > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    del > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    del > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    del > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    del > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    del > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    del > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    del > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    del > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    del > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    del > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    del > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    del > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    del > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    dfn > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    dfn > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    dfn > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    dfn > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    dfn > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    dfn > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    dfn > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    dfn > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    dfn > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    dfn > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    dfn > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    dfn > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    dfn > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    dfn > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    dfn > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    em > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    em > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    em > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    em > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    em > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    em > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    em > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    em > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    em > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    em > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    em > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    em > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    em > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    em > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    em > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    img > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    img > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    img > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    img > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    img > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    img > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    img > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    img > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    img > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    img > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    img > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    img > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    img > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    img > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    img > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    ins > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    ins > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    ins > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    ins > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    ins > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    ins > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    ins > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    ins > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    ins > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    ins > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    ins > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    ins > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    ins > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    ins > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    ins > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    kbd > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    kbd > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    kbd > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    kbd > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    kbd > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    kbd > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    kbd > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    kbd > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    kbd > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    kbd > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    kbd > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    kbd > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    kbd > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    kbd > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    kbd > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    q > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    q > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    q > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    q > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    q > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    q > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    q > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    q > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    q > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    q > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    q > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    q > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    q > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    q > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    q > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    s > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    s > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    s > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    s > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    s > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    s > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    s > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    s > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    s > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    s > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    s > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    s > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    s > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    s > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    s > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    samp > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    samp > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    samp > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    samp > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    samp > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    samp > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    samp > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    samp > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    samp > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    samp > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    samp > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    samp > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    samp > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    samp > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    samp > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    small > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    small > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    small > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    small > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    small > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    small > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    small > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    small > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    small > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    small > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    small > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    small > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    small > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    small > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    small > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    strike > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    strike > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    strike > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    strike > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    strike > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    strike > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    strike > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    strike > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    strike > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    strike > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    strike > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    strike > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    strike > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    strike > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    strike > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    strong > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    strong > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    strong > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    strong > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    strong > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    strong > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    strong > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    strong > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    strong > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    strong > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    strong > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    strong > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    strong > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    strong > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    strong > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    sub > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    sub > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    sub > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    sub > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    sub > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    sub > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    sub > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    sub > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    sub > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    sub > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    sub > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    sub > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    sub > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    sub > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    sub > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    sup > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    sup > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    sup > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    sup > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    sup > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    sup > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    sup > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    sup > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    sup > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    sup > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    sup > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    sup > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    sup > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    sup > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    sup > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    tt > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    tt > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    tt > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    tt > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    tt > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    tt > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    tt > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    tt > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    tt > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    tt > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    tt > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    tt > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    tt > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    tt > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    tt > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    var > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    var > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    var > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    var > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    var > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    var > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    var > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    var > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    var > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    var > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    var > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    var > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    var > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    var > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    var > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    b > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    b > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    b > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    b > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    b > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    b > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    b > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    b > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    b > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    b > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    b > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    b > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    b > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    b > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    b > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    u > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    u > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    u > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    u > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    u > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    u > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    u > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    u > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    u > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    u > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    u > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    u > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    u > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    u > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    u > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    i > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    i > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    i > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    i > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    i > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    i > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    i > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    i > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    i > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    i > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    i > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    i > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    i > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    i > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    i > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    center > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    center > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    center > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    center > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    center > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    center > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    center > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    center > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    center > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    center > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    center > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    center > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    center > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    center > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    center > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    dl > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    dl > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    dl > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    dl > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    dl > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    dl > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    dl > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    dl > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    dl > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    dl > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    dl > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    dl > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    dl > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    dl > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    dl > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    dt > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    dt > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    dt > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    dt > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    dt > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    dt > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    dt > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    dt > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    dt > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    dt > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    dt > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    dt > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    dt > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    dt > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    dt > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    dd > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    dd > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    dd > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    dd > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    dd > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    dd > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    dd > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    dd > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    dd > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    dd > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    dd > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    dd > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    dd > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    dd > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    dd > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    ol > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    ol > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    ol > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    ol > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    ol > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    ol > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    ol > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    ol > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    ol > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    ol > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    ol > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    ol > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    ol > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    ol > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    ol > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    ul > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    ul > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    ul > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    ul > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    ul > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    ul > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    ul > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    ul > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    ul > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    ul > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    ul > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    ul > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    ul > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    ul > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    ul > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    li > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    li > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    li > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    li > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    li > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    li > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    li > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    li > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    li > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    li > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    li > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    li > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    li > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    li > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    li > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    fieldset > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    fieldset > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    fieldset > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    fieldset > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    fieldset > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    fieldset > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    fieldset > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    fieldset > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    fieldset > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    fieldset > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    fieldset > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    fieldset > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    fieldset > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    fieldset > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    fieldset > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    form > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    form > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    form > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    form > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    form > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    form > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    form > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    form > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    form > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    form > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    form > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    form > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    form > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    form > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    form > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    label > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    label > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    label > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    label > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    label > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    label > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    label > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    label > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    label > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    label > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    label > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    label > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    label > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    label > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    label > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    legend > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    legend > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    legend > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    legend > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    legend > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    legend > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    legend > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    legend > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    legend > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    legend > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    legend > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    legend > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    legend > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    legend > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    legend > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    table > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    table > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    table > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    table > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    table > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    table > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    table > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    table > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    table > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    table > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    table > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    table > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    table > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    table > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    table > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    caption > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    caption > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    caption > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    caption > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    caption > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    caption > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    caption > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    caption > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    caption > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    caption > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    caption > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    caption > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    caption > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    caption > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    caption > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    tbody > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    tbody > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    tbody > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    tbody > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    tbody > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    tbody > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    tbody > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    tbody > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    tbody > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    tbody > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    tbody > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    tbody > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    tbody > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    tbody > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    tbody > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    tfoot > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    tfoot > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    tfoot > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    tfoot > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    tfoot > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    tfoot > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    tfoot > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    tfoot > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    tfoot > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    tfoot > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    tfoot > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    tfoot > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    tfoot > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    tfoot > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    tfoot > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    thead > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    thead > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    thead > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    thead > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    thead > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    thead > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    thead > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    thead > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    thead > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    thead > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    thead > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    thead > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    thead > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    thead > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    thead > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    tr > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    tr > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    tr > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    tr > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    tr > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    tr > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    tr > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    tr > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    tr > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    tr > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    tr > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    tr > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    tr > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    tr > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    tr > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    th > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    th > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    th > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    th > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    th > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    th > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    th > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    th > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    th > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    th > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    th > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    th > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    th > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    th > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    th > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    td > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    td > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    td > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    td > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    td > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    td > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    td > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    td > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    td > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    td > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    td > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    td > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    td > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    td > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    td > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    article > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    article > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    article > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    article > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    article > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    article > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    article > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    article > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    article > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    article > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    article > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    article > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    article > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    article > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    article > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    aside > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    aside > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    aside > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    aside > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    aside > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    aside > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    aside > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    aside > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    aside > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    aside > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    aside > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    aside > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    aside > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    aside > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    aside > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    canvas > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    canvas > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    canvas > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    canvas > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    canvas > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    canvas > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    canvas > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    canvas > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    canvas > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    canvas > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    canvas > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    canvas > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    canvas > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    canvas > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    canvas > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    details > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    details > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    details > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    details > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    details > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    details > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    details > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    details > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    details > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    details > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    details > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    details > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    details > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    details > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    details > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    embed > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    embed > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    embed > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    embed > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    embed > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    embed > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    embed > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    embed > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    embed > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    embed > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    embed > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    embed > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    embed > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    embed > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    embed > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    figure > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    figure > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    figure > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    figure > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    figure > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    figure > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    figure > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    figure > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    figure > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    figure > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    figure > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    figure > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    figure > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    figure > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    figure > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    figcaption > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    figcaption > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    figcaption > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    figcaption > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    figcaption > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    figcaption > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    figcaption > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    figcaption > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    figcaption > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    figcaption > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    figcaption > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    figcaption > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    figcaption > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    figcaption > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    figcaption > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    ooter > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    ooter > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    ooter > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    ooter > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    ooter > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    ooter > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    ooter > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    ooter > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    ooter > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    ooter > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    ooter > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    ooter > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    ooter > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    ooter > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    ooter > #toggle-payment-open > .expand-icon.template.active .plus-line.vert, header > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    header > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    header > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    header > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    header > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    header > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    header > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    header > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    header > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    header > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    header > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    header > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    header > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    header > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    header > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    hgroup > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    hgroup > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    hgroup > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    hgroup > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    hgroup > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    hgroup > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    hgroup > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    hgroup > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    hgroup > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    hgroup > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    hgroup > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    hgroup > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    hgroup > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    hgroup > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    hgroup > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    menu > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    menu > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    menu > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    menu > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    menu > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    menu > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    menu > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    menu > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    menu > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    menu > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    menu > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    menu > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    menu > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    menu > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    menu > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    nav > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    nav > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    nav > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    nav > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    nav > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    nav > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    nav > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    nav > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    nav > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    nav > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    nav > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    nav > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    nav > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    nav > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    nav > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    output > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    output > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    output > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    output > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    output > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    output > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    output > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    output > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    output > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    output > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    output > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    output > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    output > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    output > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    output > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    ruby > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    ruby > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    ruby > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    ruby > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    ruby > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    ruby > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    ruby > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    ruby > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    ruby > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    ruby > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    ruby > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    ruby > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    ruby > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    ruby > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    ruby > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    section > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    section > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    section > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    section > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    section > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    section > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    section > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    section > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    section > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    section > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    section > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    section > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    section > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    section > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    section > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    summary > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    summary > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    summary > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    summary > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    summary > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    summary > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    summary > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    summary > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    summary > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    summary > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    summary > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    summary > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    summary > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    summary > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    summary > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    time > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    time > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    time > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    time > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    time > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    time > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    time > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    time > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    time > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    time > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    time > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    time > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    time > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    time > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    time > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    mark > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    mark > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    mark > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    mark > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    mark > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    mark > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    mark > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    mark > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    mark > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    mark > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    mark > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    mark > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    mark > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    mark > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    mark > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    audio > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    audio > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    audio > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    audio > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    audio > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    audio > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    audio > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    audio > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    audio > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    audio > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    audio > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    audio > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    audio > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    audio > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    audio > #toggle-payment-open > .expand-icon.template.active .plus-line.vert,
    video > #toggle-acc-details > .expand-icon.recipientData.active .plus-line.vert,
    video > #toggle-acc-details > .expand-icon.newRecipient.active .plus-line.vert,
    video > #toggle-acc-details > .expand-icon.template.active .plus-line.vert,
    video > #toggle-card-details > .expand-icon.recipientData.active .plus-line.vert,
    video > #toggle-card-details > .expand-icon.newRecipient.active .plus-line.vert,
    video > #toggle-card-details > .expand-icon.template.active .plus-line.vert,
    video > #toggle-loan-details > .expand-icon.recipientData.active .plus-line.vert,
    video > #toggle-loan-details > .expand-icon.newRecipient.active .plus-line.vert,
    video > #toggle-loan-details > .expand-icon.template.active .plus-line.vert,
    video > #toggle-template-open > .expand-icon.recipientData.active .plus-line.vert,
    video > #toggle-template-open > .expand-icon.newRecipient.active .plus-line.vert,
    video > #toggle-template-open > .expand-icon.template.active .plus-line.vert,
    video > #toggle-payment-open > .expand-icon.recipientData.active .plus-line.vert,
    video > #toggle-payment-open > .expand-icon.newRecipient.active .plus-line.vert,
    video > #toggle-payment-open > .expand-icon.template.active .plus-line.vert {
      transform: rotate(90deg) translateY(4%);
      top: 3px;
      transition: .5s ease; }
    html > #toggle-acc-details > .plus-icon,
    html > #toggle-card-details > .plus-icon,
    html > #toggle-loan-details > .plus-icon,
    html > #toggle-template-open > .plus-icon,
    html > #toggle-payment-open > .plus-icon,
    body > #toggle-acc-details > .plus-icon,
    body > #toggle-card-details > .plus-icon,
    body > #toggle-loan-details > .plus-icon,
    body > #toggle-template-open > .plus-icon,
    body > #toggle-payment-open > .plus-icon,
    div > #toggle-acc-details > .plus-icon,
    div > #toggle-card-details > .plus-icon,
    div > #toggle-loan-details > .plus-icon,
    div > #toggle-template-open > .plus-icon,
    div > #toggle-payment-open > .plus-icon,
    span > #toggle-acc-details > .plus-icon,
    span > #toggle-card-details > .plus-icon,
    span > #toggle-loan-details > .plus-icon,
    span > #toggle-template-open > .plus-icon,
    span > #toggle-payment-open > .plus-icon,
    applet > #toggle-acc-details > .plus-icon,
    applet > #toggle-card-details > .plus-icon,
    applet > #toggle-loan-details > .plus-icon,
    applet > #toggle-template-open > .plus-icon,
    applet > #toggle-payment-open > .plus-icon,
    object > #toggle-acc-details > .plus-icon,
    object > #toggle-card-details > .plus-icon,
    object > #toggle-loan-details > .plus-icon,
    object > #toggle-template-open > .plus-icon,
    object > #toggle-payment-open > .plus-icon,
    frame > #toggle-acc-details > .plus-icon,
    frame > #toggle-card-details > .plus-icon,
    frame > #toggle-loan-details > .plus-icon,
    frame > #toggle-template-open > .plus-icon,
    frame > #toggle-payment-open > .plus-icon,
    h1 > #toggle-acc-details > .plus-icon,
    h1 > #toggle-card-details > .plus-icon,
    h1 > #toggle-loan-details > .plus-icon,
    h1 > #toggle-template-open > .plus-icon,
    h1 > #toggle-payment-open > .plus-icon,
    h2 > #toggle-acc-details > .plus-icon,
    h2 > #toggle-card-details > .plus-icon,
    h2 > #toggle-loan-details > .plus-icon,
    h2 > #toggle-template-open > .plus-icon,
    h2 > #toggle-payment-open > .plus-icon,
    h3 > #toggle-acc-details > .plus-icon,
    h3 > #toggle-card-details > .plus-icon,
    h3 > #toggle-loan-details > .plus-icon,
    h3 > #toggle-template-open > .plus-icon,
    h3 > #toggle-payment-open > .plus-icon,
    h4 > #toggle-acc-details > .plus-icon,
    h4 > #toggle-card-details > .plus-icon,
    h4 > #toggle-loan-details > .plus-icon,
    h4 > #toggle-template-open > .plus-icon,
    h4 > #toggle-payment-open > .plus-icon,
    h5 > #toggle-acc-details > .plus-icon,
    h5 > #toggle-card-details > .plus-icon,
    h5 > #toggle-loan-details > .plus-icon,
    h5 > #toggle-template-open > .plus-icon,
    h5 > #toggle-payment-open > .plus-icon,
    h6 > #toggle-acc-details > .plus-icon,
    h6 > #toggle-card-details > .plus-icon,
    h6 > #toggle-loan-details > .plus-icon,
    h6 > #toggle-template-open > .plus-icon,
    h6 > #toggle-payment-open > .plus-icon,
    h6 > #toggle-acc-details > .plus-icon,
    h6 > #toggle-card-details > .plus-icon,
    h6 > #toggle-loan-details > .plus-icon,
    h6 > #toggle-template-open > .plus-icon,
    h6 > #toggle-payment-open > .plus-icon,
    p > #toggle-acc-details > .plus-icon,
    p > #toggle-card-details > .plus-icon,
    p > #toggle-loan-details > .plus-icon,
    p > #toggle-template-open > .plus-icon,
    p > #toggle-payment-open > .plus-icon,
    blockquote > #toggle-acc-details > .plus-icon,
    blockquote > #toggle-card-details > .plus-icon,
    blockquote > #toggle-loan-details > .plus-icon,
    blockquote > #toggle-template-open > .plus-icon,
    blockquote > #toggle-payment-open > .plus-icon,
    pre > #toggle-acc-details > .plus-icon,
    pre > #toggle-card-details > .plus-icon,
    pre > #toggle-loan-details > .plus-icon,
    pre > #toggle-template-open > .plus-icon,
    pre > #toggle-payment-open > .plus-icon,
    a > #toggle-acc-details > .plus-icon,
    a > #toggle-card-details > .plus-icon,
    a > #toggle-loan-details > .plus-icon,
    a > #toggle-template-open > .plus-icon,
    a > #toggle-payment-open > .plus-icon,
    abbr > #toggle-acc-details > .plus-icon,
    abbr > #toggle-card-details > .plus-icon,
    abbr > #toggle-loan-details > .plus-icon,
    abbr > #toggle-template-open > .plus-icon,
    abbr > #toggle-payment-open > .plus-icon,
    acronym > #toggle-acc-details > .plus-icon,
    acronym > #toggle-card-details > .plus-icon,
    acronym > #toggle-loan-details > .plus-icon,
    acronym > #toggle-template-open > .plus-icon,
    acronym > #toggle-payment-open > .plus-icon,
    address > #toggle-acc-details > .plus-icon,
    address > #toggle-card-details > .plus-icon,
    address > #toggle-loan-details > .plus-icon,
    address > #toggle-template-open > .plus-icon,
    address > #toggle-payment-open > .plus-icon,
    big > #toggle-acc-details > .plus-icon,
    big > #toggle-card-details > .plus-icon,
    big > #toggle-loan-details > .plus-icon,
    big > #toggle-template-open > .plus-icon,
    big > #toggle-payment-open > .plus-icon,
    cite > #toggle-acc-details > .plus-icon,
    cite > #toggle-card-details > .plus-icon,
    cite > #toggle-loan-details > .plus-icon,
    cite > #toggle-template-open > .plus-icon,
    cite > #toggle-payment-open > .plus-icon,
    code > #toggle-acc-details > .plus-icon,
    code > #toggle-card-details > .plus-icon,
    code > #toggle-loan-details > .plus-icon,
    code > #toggle-template-open > .plus-icon,
    code > #toggle-payment-open > .plus-icon,
    del > #toggle-acc-details > .plus-icon,
    del > #toggle-card-details > .plus-icon,
    del > #toggle-loan-details > .plus-icon,
    del > #toggle-template-open > .plus-icon,
    del > #toggle-payment-open > .plus-icon,
    dfn > #toggle-acc-details > .plus-icon,
    dfn > #toggle-card-details > .plus-icon,
    dfn > #toggle-loan-details > .plus-icon,
    dfn > #toggle-template-open > .plus-icon,
    dfn > #toggle-payment-open > .plus-icon,
    em > #toggle-acc-details > .plus-icon,
    em > #toggle-card-details > .plus-icon,
    em > #toggle-loan-details > .plus-icon,
    em > #toggle-template-open > .plus-icon,
    em > #toggle-payment-open > .plus-icon,
    img > #toggle-acc-details > .plus-icon,
    img > #toggle-card-details > .plus-icon,
    img > #toggle-loan-details > .plus-icon,
    img > #toggle-template-open > .plus-icon,
    img > #toggle-payment-open > .plus-icon,
    ins > #toggle-acc-details > .plus-icon,
    ins > #toggle-card-details > .plus-icon,
    ins > #toggle-loan-details > .plus-icon,
    ins > #toggle-template-open > .plus-icon,
    ins > #toggle-payment-open > .plus-icon,
    kbd > #toggle-acc-details > .plus-icon,
    kbd > #toggle-card-details > .plus-icon,
    kbd > #toggle-loan-details > .plus-icon,
    kbd > #toggle-template-open > .plus-icon,
    kbd > #toggle-payment-open > .plus-icon,
    q > #toggle-acc-details > .plus-icon,
    q > #toggle-card-details > .plus-icon,
    q > #toggle-loan-details > .plus-icon,
    q > #toggle-template-open > .plus-icon,
    q > #toggle-payment-open > .plus-icon,
    s > #toggle-acc-details > .plus-icon,
    s > #toggle-card-details > .plus-icon,
    s > #toggle-loan-details > .plus-icon,
    s > #toggle-template-open > .plus-icon,
    s > #toggle-payment-open > .plus-icon,
    samp > #toggle-acc-details > .plus-icon,
    samp > #toggle-card-details > .plus-icon,
    samp > #toggle-loan-details > .plus-icon,
    samp > #toggle-template-open > .plus-icon,
    samp > #toggle-payment-open > .plus-icon,
    small > #toggle-acc-details > .plus-icon,
    small > #toggle-card-details > .plus-icon,
    small > #toggle-loan-details > .plus-icon,
    small > #toggle-template-open > .plus-icon,
    small > #toggle-payment-open > .plus-icon,
    strike > #toggle-acc-details > .plus-icon,
    strike > #toggle-card-details > .plus-icon,
    strike > #toggle-loan-details > .plus-icon,
    strike > #toggle-template-open > .plus-icon,
    strike > #toggle-payment-open > .plus-icon,
    strong > #toggle-acc-details > .plus-icon,
    strong > #toggle-card-details > .plus-icon,
    strong > #toggle-loan-details > .plus-icon,
    strong > #toggle-template-open > .plus-icon,
    strong > #toggle-payment-open > .plus-icon,
    sub > #toggle-acc-details > .plus-icon,
    sub > #toggle-card-details > .plus-icon,
    sub > #toggle-loan-details > .plus-icon,
    sub > #toggle-template-open > .plus-icon,
    sub > #toggle-payment-open > .plus-icon,
    sup > #toggle-acc-details > .plus-icon,
    sup > #toggle-card-details > .plus-icon,
    sup > #toggle-loan-details > .plus-icon,
    sup > #toggle-template-open > .plus-icon,
    sup > #toggle-payment-open > .plus-icon,
    tt > #toggle-acc-details > .plus-icon,
    tt > #toggle-card-details > .plus-icon,
    tt > #toggle-loan-details > .plus-icon,
    tt > #toggle-template-open > .plus-icon,
    tt > #toggle-payment-open > .plus-icon,
    var > #toggle-acc-details > .plus-icon,
    var > #toggle-card-details > .plus-icon,
    var > #toggle-loan-details > .plus-icon,
    var > #toggle-template-open > .plus-icon,
    var > #toggle-payment-open > .plus-icon,
    b > #toggle-acc-details > .plus-icon,
    b > #toggle-card-details > .plus-icon,
    b > #toggle-loan-details > .plus-icon,
    b > #toggle-template-open > .plus-icon,
    b > #toggle-payment-open > .plus-icon,
    u > #toggle-acc-details > .plus-icon,
    u > #toggle-card-details > .plus-icon,
    u > #toggle-loan-details > .plus-icon,
    u > #toggle-template-open > .plus-icon,
    u > #toggle-payment-open > .plus-icon,
    i > #toggle-acc-details > .plus-icon,
    i > #toggle-card-details > .plus-icon,
    i > #toggle-loan-details > .plus-icon,
    i > #toggle-template-open > .plus-icon,
    i > #toggle-payment-open > .plus-icon,
    center > #toggle-acc-details > .plus-icon,
    center > #toggle-card-details > .plus-icon,
    center > #toggle-loan-details > .plus-icon,
    center > #toggle-template-open > .plus-icon,
    center > #toggle-payment-open > .plus-icon,
    dl > #toggle-acc-details > .plus-icon,
    dl > #toggle-card-details > .plus-icon,
    dl > #toggle-loan-details > .plus-icon,
    dl > #toggle-template-open > .plus-icon,
    dl > #toggle-payment-open > .plus-icon,
    dt > #toggle-acc-details > .plus-icon,
    dt > #toggle-card-details > .plus-icon,
    dt > #toggle-loan-details > .plus-icon,
    dt > #toggle-template-open > .plus-icon,
    dt > #toggle-payment-open > .plus-icon,
    dd > #toggle-acc-details > .plus-icon,
    dd > #toggle-card-details > .plus-icon,
    dd > #toggle-loan-details > .plus-icon,
    dd > #toggle-template-open > .plus-icon,
    dd > #toggle-payment-open > .plus-icon,
    ol > #toggle-acc-details > .plus-icon,
    ol > #toggle-card-details > .plus-icon,
    ol > #toggle-loan-details > .plus-icon,
    ol > #toggle-template-open > .plus-icon,
    ol > #toggle-payment-open > .plus-icon,
    ul > #toggle-acc-details > .plus-icon,
    ul > #toggle-card-details > .plus-icon,
    ul > #toggle-loan-details > .plus-icon,
    ul > #toggle-template-open > .plus-icon,
    ul > #toggle-payment-open > .plus-icon,
    li > #toggle-acc-details > .plus-icon,
    li > #toggle-card-details > .plus-icon,
    li > #toggle-loan-details > .plus-icon,
    li > #toggle-template-open > .plus-icon,
    li > #toggle-payment-open > .plus-icon,
    fieldset > #toggle-acc-details > .plus-icon,
    fieldset > #toggle-card-details > .plus-icon,
    fieldset > #toggle-loan-details > .plus-icon,
    fieldset > #toggle-template-open > .plus-icon,
    fieldset > #toggle-payment-open > .plus-icon,
    form > #toggle-acc-details > .plus-icon,
    form > #toggle-card-details > .plus-icon,
    form > #toggle-loan-details > .plus-icon,
    form > #toggle-template-open > .plus-icon,
    form > #toggle-payment-open > .plus-icon,
    label > #toggle-acc-details > .plus-icon,
    label > #toggle-card-details > .plus-icon,
    label > #toggle-loan-details > .plus-icon,
    label > #toggle-template-open > .plus-icon,
    label > #toggle-payment-open > .plus-icon,
    legend > #toggle-acc-details > .plus-icon,
    legend > #toggle-card-details > .plus-icon,
    legend > #toggle-loan-details > .plus-icon,
    legend > #toggle-template-open > .plus-icon,
    legend > #toggle-payment-open > .plus-icon,
    table > #toggle-acc-details > .plus-icon,
    table > #toggle-card-details > .plus-icon,
    table > #toggle-loan-details > .plus-icon,
    table > #toggle-template-open > .plus-icon,
    table > #toggle-payment-open > .plus-icon,
    caption > #toggle-acc-details > .plus-icon,
    caption > #toggle-card-details > .plus-icon,
    caption > #toggle-loan-details > .plus-icon,
    caption > #toggle-template-open > .plus-icon,
    caption > #toggle-payment-open > .plus-icon,
    tbody > #toggle-acc-details > .plus-icon,
    tbody > #toggle-card-details > .plus-icon,
    tbody > #toggle-loan-details > .plus-icon,
    tbody > #toggle-template-open > .plus-icon,
    tbody > #toggle-payment-open > .plus-icon,
    tfoot > #toggle-acc-details > .plus-icon,
    tfoot > #toggle-card-details > .plus-icon,
    tfoot > #toggle-loan-details > .plus-icon,
    tfoot > #toggle-template-open > .plus-icon,
    tfoot > #toggle-payment-open > .plus-icon,
    thead > #toggle-acc-details > .plus-icon,
    thead > #toggle-card-details > .plus-icon,
    thead > #toggle-loan-details > .plus-icon,
    thead > #toggle-template-open > .plus-icon,
    thead > #toggle-payment-open > .plus-icon,
    tr > #toggle-acc-details > .plus-icon,
    tr > #toggle-card-details > .plus-icon,
    tr > #toggle-loan-details > .plus-icon,
    tr > #toggle-template-open > .plus-icon,
    tr > #toggle-payment-open > .plus-icon,
    th > #toggle-acc-details > .plus-icon,
    th > #toggle-card-details > .plus-icon,
    th > #toggle-loan-details > .plus-icon,
    th > #toggle-template-open > .plus-icon,
    th > #toggle-payment-open > .plus-icon,
    td > #toggle-acc-details > .plus-icon,
    td > #toggle-card-details > .plus-icon,
    td > #toggle-loan-details > .plus-icon,
    td > #toggle-template-open > .plus-icon,
    td > #toggle-payment-open > .plus-icon,
    article > #toggle-acc-details > .plus-icon,
    article > #toggle-card-details > .plus-icon,
    article > #toggle-loan-details > .plus-icon,
    article > #toggle-template-open > .plus-icon,
    article > #toggle-payment-open > .plus-icon,
    aside > #toggle-acc-details > .plus-icon,
    aside > #toggle-card-details > .plus-icon,
    aside > #toggle-loan-details > .plus-icon,
    aside > #toggle-template-open > .plus-icon,
    aside > #toggle-payment-open > .plus-icon,
    canvas > #toggle-acc-details > .plus-icon,
    canvas > #toggle-card-details > .plus-icon,
    canvas > #toggle-loan-details > .plus-icon,
    canvas > #toggle-template-open > .plus-icon,
    canvas > #toggle-payment-open > .plus-icon,
    details > #toggle-acc-details > .plus-icon,
    details > #toggle-card-details > .plus-icon,
    details > #toggle-loan-details > .plus-icon,
    details > #toggle-template-open > .plus-icon,
    details > #toggle-payment-open > .plus-icon,
    embed > #toggle-acc-details > .plus-icon,
    embed > #toggle-card-details > .plus-icon,
    embed > #toggle-loan-details > .plus-icon,
    embed > #toggle-template-open > .plus-icon,
    embed > #toggle-payment-open > .plus-icon,
    figure > #toggle-acc-details > .plus-icon,
    figure > #toggle-card-details > .plus-icon,
    figure > #toggle-loan-details > .plus-icon,
    figure > #toggle-template-open > .plus-icon,
    figure > #toggle-payment-open > .plus-icon,
    figcaption > #toggle-acc-details > .plus-icon,
    figcaption > #toggle-card-details > .plus-icon,
    figcaption > #toggle-loan-details > .plus-icon,
    figcaption > #toggle-template-open > .plus-icon,
    figcaption > #toggle-payment-open > .plus-icon,
    ooter > #toggle-acc-details > .plus-icon,
    ooter > #toggle-card-details > .plus-icon,
    ooter > #toggle-loan-details > .plus-icon,
    ooter > #toggle-template-open > .plus-icon,
    ooter > #toggle-payment-open > .plus-icon, header > #toggle-acc-details > .plus-icon,
    header > #toggle-card-details > .plus-icon,
    header > #toggle-loan-details > .plus-icon,
    header > #toggle-template-open > .plus-icon,
    header > #toggle-payment-open > .plus-icon,
    hgroup > #toggle-acc-details > .plus-icon,
    hgroup > #toggle-card-details > .plus-icon,
    hgroup > #toggle-loan-details > .plus-icon,
    hgroup > #toggle-template-open > .plus-icon,
    hgroup > #toggle-payment-open > .plus-icon,
    menu > #toggle-acc-details > .plus-icon,
    menu > #toggle-card-details > .plus-icon,
    menu > #toggle-loan-details > .plus-icon,
    menu > #toggle-template-open > .plus-icon,
    menu > #toggle-payment-open > .plus-icon,
    nav > #toggle-acc-details > .plus-icon,
    nav > #toggle-card-details > .plus-icon,
    nav > #toggle-loan-details > .plus-icon,
    nav > #toggle-template-open > .plus-icon,
    nav > #toggle-payment-open > .plus-icon,
    output > #toggle-acc-details > .plus-icon,
    output > #toggle-card-details > .plus-icon,
    output > #toggle-loan-details > .plus-icon,
    output > #toggle-template-open > .plus-icon,
    output > #toggle-payment-open > .plus-icon,
    ruby > #toggle-acc-details > .plus-icon,
    ruby > #toggle-card-details > .plus-icon,
    ruby > #toggle-loan-details > .plus-icon,
    ruby > #toggle-template-open > .plus-icon,
    ruby > #toggle-payment-open > .plus-icon,
    section > #toggle-acc-details > .plus-icon,
    section > #toggle-card-details > .plus-icon,
    section > #toggle-loan-details > .plus-icon,
    section > #toggle-template-open > .plus-icon,
    section > #toggle-payment-open > .plus-icon,
    summary > #toggle-acc-details > .plus-icon,
    summary > #toggle-card-details > .plus-icon,
    summary > #toggle-loan-details > .plus-icon,
    summary > #toggle-template-open > .plus-icon,
    summary > #toggle-payment-open > .plus-icon,
    time > #toggle-acc-details > .plus-icon,
    time > #toggle-card-details > .plus-icon,
    time > #toggle-loan-details > .plus-icon,
    time > #toggle-template-open > .plus-icon,
    time > #toggle-payment-open > .plus-icon,
    mark > #toggle-acc-details > .plus-icon,
    mark > #toggle-card-details > .plus-icon,
    mark > #toggle-loan-details > .plus-icon,
    mark > #toggle-template-open > .plus-icon,
    mark > #toggle-payment-open > .plus-icon,
    audio > #toggle-acc-details > .plus-icon,
    audio > #toggle-card-details > .plus-icon,
    audio > #toggle-loan-details > .plus-icon,
    audio > #toggle-template-open > .plus-icon,
    audio > #toggle-payment-open > .plus-icon,
    video > #toggle-acc-details > .plus-icon,
    video > #toggle-card-details > .plus-icon,
    video > #toggle-loan-details > .plus-icon,
    video > #toggle-template-open > .plus-icon,
    video > #toggle-payment-open > .plus-icon {
      position: relative;
      width: 14px;
      height: 14px; }
      html > #toggle-acc-details > .plus-icon > .plus-line,
      html > #toggle-card-details > .plus-icon > .plus-line,
      html > #toggle-loan-details > .plus-icon > .plus-line,
      html > #toggle-template-open > .plus-icon > .plus-line,
      html > #toggle-payment-open > .plus-icon > .plus-line,
      body > #toggle-acc-details > .plus-icon > .plus-line,
      body > #toggle-card-details > .plus-icon > .plus-line,
      body > #toggle-loan-details > .plus-icon > .plus-line,
      body > #toggle-template-open > .plus-icon > .plus-line,
      body > #toggle-payment-open > .plus-icon > .plus-line,
      div > #toggle-acc-details > .plus-icon > .plus-line,
      div > #toggle-card-details > .plus-icon > .plus-line,
      div > #toggle-loan-details > .plus-icon > .plus-line,
      div > #toggle-template-open > .plus-icon > .plus-line,
      div > #toggle-payment-open > .plus-icon > .plus-line,
      span > #toggle-acc-details > .plus-icon > .plus-line,
      span > #toggle-card-details > .plus-icon > .plus-line,
      span > #toggle-loan-details > .plus-icon > .plus-line,
      span > #toggle-template-open > .plus-icon > .plus-line,
      span > #toggle-payment-open > .plus-icon > .plus-line,
      applet > #toggle-acc-details > .plus-icon > .plus-line,
      applet > #toggle-card-details > .plus-icon > .plus-line,
      applet > #toggle-loan-details > .plus-icon > .plus-line,
      applet > #toggle-template-open > .plus-icon > .plus-line,
      applet > #toggle-payment-open > .plus-icon > .plus-line,
      object > #toggle-acc-details > .plus-icon > .plus-line,
      object > #toggle-card-details > .plus-icon > .plus-line,
      object > #toggle-loan-details > .plus-icon > .plus-line,
      object > #toggle-template-open > .plus-icon > .plus-line,
      object > #toggle-payment-open > .plus-icon > .plus-line,
      frame > #toggle-acc-details > .plus-icon > .plus-line,
      frame > #toggle-card-details > .plus-icon > .plus-line,
      frame > #toggle-loan-details > .plus-icon > .plus-line,
      frame > #toggle-template-open > .plus-icon > .plus-line,
      frame > #toggle-payment-open > .plus-icon > .plus-line,
      h1 > #toggle-acc-details > .plus-icon > .plus-line,
      h1 > #toggle-card-details > .plus-icon > .plus-line,
      h1 > #toggle-loan-details > .plus-icon > .plus-line,
      h1 > #toggle-template-open > .plus-icon > .plus-line,
      h1 > #toggle-payment-open > .plus-icon > .plus-line,
      h2 > #toggle-acc-details > .plus-icon > .plus-line,
      h2 > #toggle-card-details > .plus-icon > .plus-line,
      h2 > #toggle-loan-details > .plus-icon > .plus-line,
      h2 > #toggle-template-open > .plus-icon > .plus-line,
      h2 > #toggle-payment-open > .plus-icon > .plus-line,
      h3 > #toggle-acc-details > .plus-icon > .plus-line,
      h3 > #toggle-card-details > .plus-icon > .plus-line,
      h3 > #toggle-loan-details > .plus-icon > .plus-line,
      h3 > #toggle-template-open > .plus-icon > .plus-line,
      h3 > #toggle-payment-open > .plus-icon > .plus-line,
      h4 > #toggle-acc-details > .plus-icon > .plus-line,
      h4 > #toggle-card-details > .plus-icon > .plus-line,
      h4 > #toggle-loan-details > .plus-icon > .plus-line,
      h4 > #toggle-template-open > .plus-icon > .plus-line,
      h4 > #toggle-payment-open > .plus-icon > .plus-line,
      h5 > #toggle-acc-details > .plus-icon > .plus-line,
      h5 > #toggle-card-details > .plus-icon > .plus-line,
      h5 > #toggle-loan-details > .plus-icon > .plus-line,
      h5 > #toggle-template-open > .plus-icon > .plus-line,
      h5 > #toggle-payment-open > .plus-icon > .plus-line,
      h6 > #toggle-acc-details > .plus-icon > .plus-line,
      h6 > #toggle-card-details > .plus-icon > .plus-line,
      h6 > #toggle-loan-details > .plus-icon > .plus-line,
      h6 > #toggle-template-open > .plus-icon > .plus-line,
      h6 > #toggle-payment-open > .plus-icon > .plus-line,
      h6 > #toggle-acc-details > .plus-icon > .plus-line,
      h6 > #toggle-card-details > .plus-icon > .plus-line,
      h6 > #toggle-loan-details > .plus-icon > .plus-line,
      h6 > #toggle-template-open > .plus-icon > .plus-line,
      h6 > #toggle-payment-open > .plus-icon > .plus-line,
      p > #toggle-acc-details > .plus-icon > .plus-line,
      p > #toggle-card-details > .plus-icon > .plus-line,
      p > #toggle-loan-details > .plus-icon > .plus-line,
      p > #toggle-template-open > .plus-icon > .plus-line,
      p > #toggle-payment-open > .plus-icon > .plus-line,
      blockquote > #toggle-acc-details > .plus-icon > .plus-line,
      blockquote > #toggle-card-details > .plus-icon > .plus-line,
      blockquote > #toggle-loan-details > .plus-icon > .plus-line,
      blockquote > #toggle-template-open > .plus-icon > .plus-line,
      blockquote > #toggle-payment-open > .plus-icon > .plus-line,
      pre > #toggle-acc-details > .plus-icon > .plus-line,
      pre > #toggle-card-details > .plus-icon > .plus-line,
      pre > #toggle-loan-details > .plus-icon > .plus-line,
      pre > #toggle-template-open > .plus-icon > .plus-line,
      pre > #toggle-payment-open > .plus-icon > .plus-line,
      a > #toggle-acc-details > .plus-icon > .plus-line,
      a > #toggle-card-details > .plus-icon > .plus-line,
      a > #toggle-loan-details > .plus-icon > .plus-line,
      a > #toggle-template-open > .plus-icon > .plus-line,
      a > #toggle-payment-open > .plus-icon > .plus-line,
      abbr > #toggle-acc-details > .plus-icon > .plus-line,
      abbr > #toggle-card-details > .plus-icon > .plus-line,
      abbr > #toggle-loan-details > .plus-icon > .plus-line,
      abbr > #toggle-template-open > .plus-icon > .plus-line,
      abbr > #toggle-payment-open > .plus-icon > .plus-line,
      acronym > #toggle-acc-details > .plus-icon > .plus-line,
      acronym > #toggle-card-details > .plus-icon > .plus-line,
      acronym > #toggle-loan-details > .plus-icon > .plus-line,
      acronym > #toggle-template-open > .plus-icon > .plus-line,
      acronym > #toggle-payment-open > .plus-icon > .plus-line,
      address > #toggle-acc-details > .plus-icon > .plus-line,
      address > #toggle-card-details > .plus-icon > .plus-line,
      address > #toggle-loan-details > .plus-icon > .plus-line,
      address > #toggle-template-open > .plus-icon > .plus-line,
      address > #toggle-payment-open > .plus-icon > .plus-line,
      big > #toggle-acc-details > .plus-icon > .plus-line,
      big > #toggle-card-details > .plus-icon > .plus-line,
      big > #toggle-loan-details > .plus-icon > .plus-line,
      big > #toggle-template-open > .plus-icon > .plus-line,
      big > #toggle-payment-open > .plus-icon > .plus-line,
      cite > #toggle-acc-details > .plus-icon > .plus-line,
      cite > #toggle-card-details > .plus-icon > .plus-line,
      cite > #toggle-loan-details > .plus-icon > .plus-line,
      cite > #toggle-template-open > .plus-icon > .plus-line,
      cite > #toggle-payment-open > .plus-icon > .plus-line,
      code > #toggle-acc-details > .plus-icon > .plus-line,
      code > #toggle-card-details > .plus-icon > .plus-line,
      code > #toggle-loan-details > .plus-icon > .plus-line,
      code > #toggle-template-open > .plus-icon > .plus-line,
      code > #toggle-payment-open > .plus-icon > .plus-line,
      del > #toggle-acc-details > .plus-icon > .plus-line,
      del > #toggle-card-details > .plus-icon > .plus-line,
      del > #toggle-loan-details > .plus-icon > .plus-line,
      del > #toggle-template-open > .plus-icon > .plus-line,
      del > #toggle-payment-open > .plus-icon > .plus-line,
      dfn > #toggle-acc-details > .plus-icon > .plus-line,
      dfn > #toggle-card-details > .plus-icon > .plus-line,
      dfn > #toggle-loan-details > .plus-icon > .plus-line,
      dfn > #toggle-template-open > .plus-icon > .plus-line,
      dfn > #toggle-payment-open > .plus-icon > .plus-line,
      em > #toggle-acc-details > .plus-icon > .plus-line,
      em > #toggle-card-details > .plus-icon > .plus-line,
      em > #toggle-loan-details > .plus-icon > .plus-line,
      em > #toggle-template-open > .plus-icon > .plus-line,
      em > #toggle-payment-open > .plus-icon > .plus-line,
      img > #toggle-acc-details > .plus-icon > .plus-line,
      img > #toggle-card-details > .plus-icon > .plus-line,
      img > #toggle-loan-details > .plus-icon > .plus-line,
      img > #toggle-template-open > .plus-icon > .plus-line,
      img > #toggle-payment-open > .plus-icon > .plus-line,
      ins > #toggle-acc-details > .plus-icon > .plus-line,
      ins > #toggle-card-details > .plus-icon > .plus-line,
      ins > #toggle-loan-details > .plus-icon > .plus-line,
      ins > #toggle-template-open > .plus-icon > .plus-line,
      ins > #toggle-payment-open > .plus-icon > .plus-line,
      kbd > #toggle-acc-details > .plus-icon > .plus-line,
      kbd > #toggle-card-details > .plus-icon > .plus-line,
      kbd > #toggle-loan-details > .plus-icon > .plus-line,
      kbd > #toggle-template-open > .plus-icon > .plus-line,
      kbd > #toggle-payment-open > .plus-icon > .plus-line,
      q > #toggle-acc-details > .plus-icon > .plus-line,
      q > #toggle-card-details > .plus-icon > .plus-line,
      q > #toggle-loan-details > .plus-icon > .plus-line,
      q > #toggle-template-open > .plus-icon > .plus-line,
      q > #toggle-payment-open > .plus-icon > .plus-line,
      s > #toggle-acc-details > .plus-icon > .plus-line,
      s > #toggle-card-details > .plus-icon > .plus-line,
      s > #toggle-loan-details > .plus-icon > .plus-line,
      s > #toggle-template-open > .plus-icon > .plus-line,
      s > #toggle-payment-open > .plus-icon > .plus-line,
      samp > #toggle-acc-details > .plus-icon > .plus-line,
      samp > #toggle-card-details > .plus-icon > .plus-line,
      samp > #toggle-loan-details > .plus-icon > .plus-line,
      samp > #toggle-template-open > .plus-icon > .plus-line,
      samp > #toggle-payment-open > .plus-icon > .plus-line,
      small > #toggle-acc-details > .plus-icon > .plus-line,
      small > #toggle-card-details > .plus-icon > .plus-line,
      small > #toggle-loan-details > .plus-icon > .plus-line,
      small > #toggle-template-open > .plus-icon > .plus-line,
      small > #toggle-payment-open > .plus-icon > .plus-line,
      strike > #toggle-acc-details > .plus-icon > .plus-line,
      strike > #toggle-card-details > .plus-icon > .plus-line,
      strike > #toggle-loan-details > .plus-icon > .plus-line,
      strike > #toggle-template-open > .plus-icon > .plus-line,
      strike > #toggle-payment-open > .plus-icon > .plus-line,
      strong > #toggle-acc-details > .plus-icon > .plus-line,
      strong > #toggle-card-details > .plus-icon > .plus-line,
      strong > #toggle-loan-details > .plus-icon > .plus-line,
      strong > #toggle-template-open > .plus-icon > .plus-line,
      strong > #toggle-payment-open > .plus-icon > .plus-line,
      sub > #toggle-acc-details > .plus-icon > .plus-line,
      sub > #toggle-card-details > .plus-icon > .plus-line,
      sub > #toggle-loan-details > .plus-icon > .plus-line,
      sub > #toggle-template-open > .plus-icon > .plus-line,
      sub > #toggle-payment-open > .plus-icon > .plus-line,
      sup > #toggle-acc-details > .plus-icon > .plus-line,
      sup > #toggle-card-details > .plus-icon > .plus-line,
      sup > #toggle-loan-details > .plus-icon > .plus-line,
      sup > #toggle-template-open > .plus-icon > .plus-line,
      sup > #toggle-payment-open > .plus-icon > .plus-line,
      tt > #toggle-acc-details > .plus-icon > .plus-line,
      tt > #toggle-card-details > .plus-icon > .plus-line,
      tt > #toggle-loan-details > .plus-icon > .plus-line,
      tt > #toggle-template-open > .plus-icon > .plus-line,
      tt > #toggle-payment-open > .plus-icon > .plus-line,
      var > #toggle-acc-details > .plus-icon > .plus-line,
      var > #toggle-card-details > .plus-icon > .plus-line,
      var > #toggle-loan-details > .plus-icon > .plus-line,
      var > #toggle-template-open > .plus-icon > .plus-line,
      var > #toggle-payment-open > .plus-icon > .plus-line,
      b > #toggle-acc-details > .plus-icon > .plus-line,
      b > #toggle-card-details > .plus-icon > .plus-line,
      b > #toggle-loan-details > .plus-icon > .plus-line,
      b > #toggle-template-open > .plus-icon > .plus-line,
      b > #toggle-payment-open > .plus-icon > .plus-line,
      u > #toggle-acc-details > .plus-icon > .plus-line,
      u > #toggle-card-details > .plus-icon > .plus-line,
      u > #toggle-loan-details > .plus-icon > .plus-line,
      u > #toggle-template-open > .plus-icon > .plus-line,
      u > #toggle-payment-open > .plus-icon > .plus-line,
      i > #toggle-acc-details > .plus-icon > .plus-line,
      i > #toggle-card-details > .plus-icon > .plus-line,
      i > #toggle-loan-details > .plus-icon > .plus-line,
      i > #toggle-template-open > .plus-icon > .plus-line,
      i > #toggle-payment-open > .plus-icon > .plus-line,
      center > #toggle-acc-details > .plus-icon > .plus-line,
      center > #toggle-card-details > .plus-icon > .plus-line,
      center > #toggle-loan-details > .plus-icon > .plus-line,
      center > #toggle-template-open > .plus-icon > .plus-line,
      center > #toggle-payment-open > .plus-icon > .plus-line,
      dl > #toggle-acc-details > .plus-icon > .plus-line,
      dl > #toggle-card-details > .plus-icon > .plus-line,
      dl > #toggle-loan-details > .plus-icon > .plus-line,
      dl > #toggle-template-open > .plus-icon > .plus-line,
      dl > #toggle-payment-open > .plus-icon > .plus-line,
      dt > #toggle-acc-details > .plus-icon > .plus-line,
      dt > #toggle-card-details > .plus-icon > .plus-line,
      dt > #toggle-loan-details > .plus-icon > .plus-line,
      dt > #toggle-template-open > .plus-icon > .plus-line,
      dt > #toggle-payment-open > .plus-icon > .plus-line,
      dd > #toggle-acc-details > .plus-icon > .plus-line,
      dd > #toggle-card-details > .plus-icon > .plus-line,
      dd > #toggle-loan-details > .plus-icon > .plus-line,
      dd > #toggle-template-open > .plus-icon > .plus-line,
      dd > #toggle-payment-open > .plus-icon > .plus-line,
      ol > #toggle-acc-details > .plus-icon > .plus-line,
      ol > #toggle-card-details > .plus-icon > .plus-line,
      ol > #toggle-loan-details > .plus-icon > .plus-line,
      ol > #toggle-template-open > .plus-icon > .plus-line,
      ol > #toggle-payment-open > .plus-icon > .plus-line,
      ul > #toggle-acc-details > .plus-icon > .plus-line,
      ul > #toggle-card-details > .plus-icon > .plus-line,
      ul > #toggle-loan-details > .plus-icon > .plus-line,
      ul > #toggle-template-open > .plus-icon > .plus-line,
      ul > #toggle-payment-open > .plus-icon > .plus-line,
      li > #toggle-acc-details > .plus-icon > .plus-line,
      li > #toggle-card-details > .plus-icon > .plus-line,
      li > #toggle-loan-details > .plus-icon > .plus-line,
      li > #toggle-template-open > .plus-icon > .plus-line,
      li > #toggle-payment-open > .plus-icon > .plus-line,
      fieldset > #toggle-acc-details > .plus-icon > .plus-line,
      fieldset > #toggle-card-details > .plus-icon > .plus-line,
      fieldset > #toggle-loan-details > .plus-icon > .plus-line,
      fieldset > #toggle-template-open > .plus-icon > .plus-line,
      fieldset > #toggle-payment-open > .plus-icon > .plus-line,
      form > #toggle-acc-details > .plus-icon > .plus-line,
      form > #toggle-card-details > .plus-icon > .plus-line,
      form > #toggle-loan-details > .plus-icon > .plus-line,
      form > #toggle-template-open > .plus-icon > .plus-line,
      form > #toggle-payment-open > .plus-icon > .plus-line,
      label > #toggle-acc-details > .plus-icon > .plus-line,
      label > #toggle-card-details > .plus-icon > .plus-line,
      label > #toggle-loan-details > .plus-icon > .plus-line,
      label > #toggle-template-open > .plus-icon > .plus-line,
      label > #toggle-payment-open > .plus-icon > .plus-line,
      legend > #toggle-acc-details > .plus-icon > .plus-line,
      legend > #toggle-card-details > .plus-icon > .plus-line,
      legend > #toggle-loan-details > .plus-icon > .plus-line,
      legend > #toggle-template-open > .plus-icon > .plus-line,
      legend > #toggle-payment-open > .plus-icon > .plus-line,
      table > #toggle-acc-details > .plus-icon > .plus-line,
      table > #toggle-card-details > .plus-icon > .plus-line,
      table > #toggle-loan-details > .plus-icon > .plus-line,
      table > #toggle-template-open > .plus-icon > .plus-line,
      table > #toggle-payment-open > .plus-icon > .plus-line,
      caption > #toggle-acc-details > .plus-icon > .plus-line,
      caption > #toggle-card-details > .plus-icon > .plus-line,
      caption > #toggle-loan-details > .plus-icon > .plus-line,
      caption > #toggle-template-open > .plus-icon > .plus-line,
      caption > #toggle-payment-open > .plus-icon > .plus-line,
      tbody > #toggle-acc-details > .plus-icon > .plus-line,
      tbody > #toggle-card-details > .plus-icon > .plus-line,
      tbody > #toggle-loan-details > .plus-icon > .plus-line,
      tbody > #toggle-template-open > .plus-icon > .plus-line,
      tbody > #toggle-payment-open > .plus-icon > .plus-line,
      tfoot > #toggle-acc-details > .plus-icon > .plus-line,
      tfoot > #toggle-card-details > .plus-icon > .plus-line,
      tfoot > #toggle-loan-details > .plus-icon > .plus-line,
      tfoot > #toggle-template-open > .plus-icon > .plus-line,
      tfoot > #toggle-payment-open > .plus-icon > .plus-line,
      thead > #toggle-acc-details > .plus-icon > .plus-line,
      thead > #toggle-card-details > .plus-icon > .plus-line,
      thead > #toggle-loan-details > .plus-icon > .plus-line,
      thead > #toggle-template-open > .plus-icon > .plus-line,
      thead > #toggle-payment-open > .plus-icon > .plus-line,
      tr > #toggle-acc-details > .plus-icon > .plus-line,
      tr > #toggle-card-details > .plus-icon > .plus-line,
      tr > #toggle-loan-details > .plus-icon > .plus-line,
      tr > #toggle-template-open > .plus-icon > .plus-line,
      tr > #toggle-payment-open > .plus-icon > .plus-line,
      th > #toggle-acc-details > .plus-icon > .plus-line,
      th > #toggle-card-details > .plus-icon > .plus-line,
      th > #toggle-loan-details > .plus-icon > .plus-line,
      th > #toggle-template-open > .plus-icon > .plus-line,
      th > #toggle-payment-open > .plus-icon > .plus-line,
      td > #toggle-acc-details > .plus-icon > .plus-line,
      td > #toggle-card-details > .plus-icon > .plus-line,
      td > #toggle-loan-details > .plus-icon > .plus-line,
      td > #toggle-template-open > .plus-icon > .plus-line,
      td > #toggle-payment-open > .plus-icon > .plus-line,
      article > #toggle-acc-details > .plus-icon > .plus-line,
      article > #toggle-card-details > .plus-icon > .plus-line,
      article > #toggle-loan-details > .plus-icon > .plus-line,
      article > #toggle-template-open > .plus-icon > .plus-line,
      article > #toggle-payment-open > .plus-icon > .plus-line,
      aside > #toggle-acc-details > .plus-icon > .plus-line,
      aside > #toggle-card-details > .plus-icon > .plus-line,
      aside > #toggle-loan-details > .plus-icon > .plus-line,
      aside > #toggle-template-open > .plus-icon > .plus-line,
      aside > #toggle-payment-open > .plus-icon > .plus-line,
      canvas > #toggle-acc-details > .plus-icon > .plus-line,
      canvas > #toggle-card-details > .plus-icon > .plus-line,
      canvas > #toggle-loan-details > .plus-icon > .plus-line,
      canvas > #toggle-template-open > .plus-icon > .plus-line,
      canvas > #toggle-payment-open > .plus-icon > .plus-line,
      details > #toggle-acc-details > .plus-icon > .plus-line,
      details > #toggle-card-details > .plus-icon > .plus-line,
      details > #toggle-loan-details > .plus-icon > .plus-line,
      details > #toggle-template-open > .plus-icon > .plus-line,
      details > #toggle-payment-open > .plus-icon > .plus-line,
      embed > #toggle-acc-details > .plus-icon > .plus-line,
      embed > #toggle-card-details > .plus-icon > .plus-line,
      embed > #toggle-loan-details > .plus-icon > .plus-line,
      embed > #toggle-template-open > .plus-icon > .plus-line,
      embed > #toggle-payment-open > .plus-icon > .plus-line,
      figure > #toggle-acc-details > .plus-icon > .plus-line,
      figure > #toggle-card-details > .plus-icon > .plus-line,
      figure > #toggle-loan-details > .plus-icon > .plus-line,
      figure > #toggle-template-open > .plus-icon > .plus-line,
      figure > #toggle-payment-open > .plus-icon > .plus-line,
      figcaption > #toggle-acc-details > .plus-icon > .plus-line,
      figcaption > #toggle-card-details > .plus-icon > .plus-line,
      figcaption > #toggle-loan-details > .plus-icon > .plus-line,
      figcaption > #toggle-template-open > .plus-icon > .plus-line,
      figcaption > #toggle-payment-open > .plus-icon > .plus-line,
      ooter > #toggle-acc-details > .plus-icon > .plus-line,
      ooter > #toggle-card-details > .plus-icon > .plus-line,
      ooter > #toggle-loan-details > .plus-icon > .plus-line,
      ooter > #toggle-template-open > .plus-icon > .plus-line,
      ooter > #toggle-payment-open > .plus-icon > .plus-line, header > #toggle-acc-details > .plus-icon > .plus-line,
      header > #toggle-card-details > .plus-icon > .plus-line,
      header > #toggle-loan-details > .plus-icon > .plus-line,
      header > #toggle-template-open > .plus-icon > .plus-line,
      header > #toggle-payment-open > .plus-icon > .plus-line,
      hgroup > #toggle-acc-details > .plus-icon > .plus-line,
      hgroup > #toggle-card-details > .plus-icon > .plus-line,
      hgroup > #toggle-loan-details > .plus-icon > .plus-line,
      hgroup > #toggle-template-open > .plus-icon > .plus-line,
      hgroup > #toggle-payment-open > .plus-icon > .plus-line,
      menu > #toggle-acc-details > .plus-icon > .plus-line,
      menu > #toggle-card-details > .plus-icon > .plus-line,
      menu > #toggle-loan-details > .plus-icon > .plus-line,
      menu > #toggle-template-open > .plus-icon > .plus-line,
      menu > #toggle-payment-open > .plus-icon > .plus-line,
      nav > #toggle-acc-details > .plus-icon > .plus-line,
      nav > #toggle-card-details > .plus-icon > .plus-line,
      nav > #toggle-loan-details > .plus-icon > .plus-line,
      nav > #toggle-template-open > .plus-icon > .plus-line,
      nav > #toggle-payment-open > .plus-icon > .plus-line,
      output > #toggle-acc-details > .plus-icon > .plus-line,
      output > #toggle-card-details > .plus-icon > .plus-line,
      output > #toggle-loan-details > .plus-icon > .plus-line,
      output > #toggle-template-open > .plus-icon > .plus-line,
      output > #toggle-payment-open > .plus-icon > .plus-line,
      ruby > #toggle-acc-details > .plus-icon > .plus-line,
      ruby > #toggle-card-details > .plus-icon > .plus-line,
      ruby > #toggle-loan-details > .plus-icon > .plus-line,
      ruby > #toggle-template-open > .plus-icon > .plus-line,
      ruby > #toggle-payment-open > .plus-icon > .plus-line,
      section > #toggle-acc-details > .plus-icon > .plus-line,
      section > #toggle-card-details > .plus-icon > .plus-line,
      section > #toggle-loan-details > .plus-icon > .plus-line,
      section > #toggle-template-open > .plus-icon > .plus-line,
      section > #toggle-payment-open > .plus-icon > .plus-line,
      summary > #toggle-acc-details > .plus-icon > .plus-line,
      summary > #toggle-card-details > .plus-icon > .plus-line,
      summary > #toggle-loan-details > .plus-icon > .plus-line,
      summary > #toggle-template-open > .plus-icon > .plus-line,
      summary > #toggle-payment-open > .plus-icon > .plus-line,
      time > #toggle-acc-details > .plus-icon > .plus-line,
      time > #toggle-card-details > .plus-icon > .plus-line,
      time > #toggle-loan-details > .plus-icon > .plus-line,
      time > #toggle-template-open > .plus-icon > .plus-line,
      time > #toggle-payment-open > .plus-icon > .plus-line,
      mark > #toggle-acc-details > .plus-icon > .plus-line,
      mark > #toggle-card-details > .plus-icon > .plus-line,
      mark > #toggle-loan-details > .plus-icon > .plus-line,
      mark > #toggle-template-open > .plus-icon > .plus-line,
      mark > #toggle-payment-open > .plus-icon > .plus-line,
      audio > #toggle-acc-details > .plus-icon > .plus-line,
      audio > #toggle-card-details > .plus-icon > .plus-line,
      audio > #toggle-loan-details > .plus-icon > .plus-line,
      audio > #toggle-template-open > .plus-icon > .plus-line,
      audio > #toggle-payment-open > .plus-icon > .plus-line,
      video > #toggle-acc-details > .plus-icon > .plus-line,
      video > #toggle-card-details > .plus-icon > .plus-line,
      video > #toggle-loan-details > .plus-icon > .plus-line,
      video > #toggle-template-open > .plus-icon > .plus-line,
      video > #toggle-payment-open > .plus-icon > .plus-line {
        position: absolute;
        top: 70%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #d20000;
        transform-origin: center center;
        -webkit-transition: -webkit-transform .3s;
        transition: transform .3s; }
        html > #toggle-acc-details > .plus-icon > .plus-line.vert,
        html > #toggle-card-details > .plus-icon > .plus-line.vert,
        html > #toggle-loan-details > .plus-icon > .plus-line.vert,
        html > #toggle-template-open > .plus-icon > .plus-line.vert,
        html > #toggle-payment-open > .plus-icon > .plus-line.vert,
        body > #toggle-acc-details > .plus-icon > .plus-line.vert,
        body > #toggle-card-details > .plus-icon > .plus-line.vert,
        body > #toggle-loan-details > .plus-icon > .plus-line.vert,
        body > #toggle-template-open > .plus-icon > .plus-line.vert,
        body > #toggle-payment-open > .plus-icon > .plus-line.vert,
        div > #toggle-acc-details > .plus-icon > .plus-line.vert,
        div > #toggle-card-details > .plus-icon > .plus-line.vert,
        div > #toggle-loan-details > .plus-icon > .plus-line.vert,
        div > #toggle-template-open > .plus-icon > .plus-line.vert,
        div > #toggle-payment-open > .plus-icon > .plus-line.vert,
        span > #toggle-acc-details > .plus-icon > .plus-line.vert,
        span > #toggle-card-details > .plus-icon > .plus-line.vert,
        span > #toggle-loan-details > .plus-icon > .plus-line.vert,
        span > #toggle-template-open > .plus-icon > .plus-line.vert,
        span > #toggle-payment-open > .plus-icon > .plus-line.vert,
        applet > #toggle-acc-details > .plus-icon > .plus-line.vert,
        applet > #toggle-card-details > .plus-icon > .plus-line.vert,
        applet > #toggle-loan-details > .plus-icon > .plus-line.vert,
        applet > #toggle-template-open > .plus-icon > .plus-line.vert,
        applet > #toggle-payment-open > .plus-icon > .plus-line.vert,
        object > #toggle-acc-details > .plus-icon > .plus-line.vert,
        object > #toggle-card-details > .plus-icon > .plus-line.vert,
        object > #toggle-loan-details > .plus-icon > .plus-line.vert,
        object > #toggle-template-open > .plus-icon > .plus-line.vert,
        object > #toggle-payment-open > .plus-icon > .plus-line.vert,
        frame > #toggle-acc-details > .plus-icon > .plus-line.vert,
        frame > #toggle-card-details > .plus-icon > .plus-line.vert,
        frame > #toggle-loan-details > .plus-icon > .plus-line.vert,
        frame > #toggle-template-open > .plus-icon > .plus-line.vert,
        frame > #toggle-payment-open > .plus-icon > .plus-line.vert,
        h1 > #toggle-acc-details > .plus-icon > .plus-line.vert,
        h1 > #toggle-card-details > .plus-icon > .plus-line.vert,
        h1 > #toggle-loan-details > .plus-icon > .plus-line.vert,
        h1 > #toggle-template-open > .plus-icon > .plus-line.vert,
        h1 > #toggle-payment-open > .plus-icon > .plus-line.vert,
        h2 > #toggle-acc-details > .plus-icon > .plus-line.vert,
        h2 > #toggle-card-details > .plus-icon > .plus-line.vert,
        h2 > #toggle-loan-details > .plus-icon > .plus-line.vert,
        h2 > #toggle-template-open > .plus-icon > .plus-line.vert,
        h2 > #toggle-payment-open > .plus-icon > .plus-line.vert,
        h3 > #toggle-acc-details > .plus-icon > .plus-line.vert,
        h3 > #toggle-card-details > .plus-icon > .plus-line.vert,
        h3 > #toggle-loan-details > .plus-icon > .plus-line.vert,
        h3 > #toggle-template-open > .plus-icon > .plus-line.vert,
        h3 > #toggle-payment-open > .plus-icon > .plus-line.vert,
        h4 > #toggle-acc-details > .plus-icon > .plus-line.vert,
        h4 > #toggle-card-details > .plus-icon > .plus-line.vert,
        h4 > #toggle-loan-details > .plus-icon > .plus-line.vert,
        h4 > #toggle-template-open > .plus-icon > .plus-line.vert,
        h4 > #toggle-payment-open > .plus-icon > .plus-line.vert,
        h5 > #toggle-acc-details > .plus-icon > .plus-line.vert,
        h5 > #toggle-card-details > .plus-icon > .plus-line.vert,
        h5 > #toggle-loan-details > .plus-icon > .plus-line.vert,
        h5 > #toggle-template-open > .plus-icon > .plus-line.vert,
        h5 > #toggle-payment-open > .plus-icon > .plus-line.vert,
        h6 > #toggle-acc-details > .plus-icon > .plus-line.vert,
        h6 > #toggle-card-details > .plus-icon > .plus-line.vert,
        h6 > #toggle-loan-details > .plus-icon > .plus-line.vert,
        h6 > #toggle-template-open > .plus-icon > .plus-line.vert,
        h6 > #toggle-payment-open > .plus-icon > .plus-line.vert,
        h6 > #toggle-acc-details > .plus-icon > .plus-line.vert,
        h6 > #toggle-card-details > .plus-icon > .plus-line.vert,
        h6 > #toggle-loan-details > .plus-icon > .plus-line.vert,
        h6 > #toggle-template-open > .plus-icon > .plus-line.vert,
        h6 > #toggle-payment-open > .plus-icon > .plus-line.vert,
        p > #toggle-acc-details > .plus-icon > .plus-line.vert,
        p > #toggle-card-details > .plus-icon > .plus-line.vert,
        p > #toggle-loan-details > .plus-icon > .plus-line.vert,
        p > #toggle-template-open > .plus-icon > .plus-line.vert,
        p > #toggle-payment-open > .plus-icon > .plus-line.vert,
        blockquote > #toggle-acc-details > .plus-icon > .plus-line.vert,
        blockquote > #toggle-card-details > .plus-icon > .plus-line.vert,
        blockquote > #toggle-loan-details > .plus-icon > .plus-line.vert,
        blockquote > #toggle-template-open > .plus-icon > .plus-line.vert,
        blockquote > #toggle-payment-open > .plus-icon > .plus-line.vert,
        pre > #toggle-acc-details > .plus-icon > .plus-line.vert,
        pre > #toggle-card-details > .plus-icon > .plus-line.vert,
        pre > #toggle-loan-details > .plus-icon > .plus-line.vert,
        pre > #toggle-template-open > .plus-icon > .plus-line.vert,
        pre > #toggle-payment-open > .plus-icon > .plus-line.vert,
        a > #toggle-acc-details > .plus-icon > .plus-line.vert,
        a > #toggle-card-details > .plus-icon > .plus-line.vert,
        a > #toggle-loan-details > .plus-icon > .plus-line.vert,
        a > #toggle-template-open > .plus-icon > .plus-line.vert,
        a > #toggle-payment-open > .plus-icon > .plus-line.vert,
        abbr > #toggle-acc-details > .plus-icon > .plus-line.vert,
        abbr > #toggle-card-details > .plus-icon > .plus-line.vert,
        abbr > #toggle-loan-details > .plus-icon > .plus-line.vert,
        abbr > #toggle-template-open > .plus-icon > .plus-line.vert,
        abbr > #toggle-payment-open > .plus-icon > .plus-line.vert,
        acronym > #toggle-acc-details > .plus-icon > .plus-line.vert,
        acronym > #toggle-card-details > .plus-icon > .plus-line.vert,
        acronym > #toggle-loan-details > .plus-icon > .plus-line.vert,
        acronym > #toggle-template-open > .plus-icon > .plus-line.vert,
        acronym > #toggle-payment-open > .plus-icon > .plus-line.vert,
        address > #toggle-acc-details > .plus-icon > .plus-line.vert,
        address > #toggle-card-details > .plus-icon > .plus-line.vert,
        address > #toggle-loan-details > .plus-icon > .plus-line.vert,
        address > #toggle-template-open > .plus-icon > .plus-line.vert,
        address > #toggle-payment-open > .plus-icon > .plus-line.vert,
        big > #toggle-acc-details > .plus-icon > .plus-line.vert,
        big > #toggle-card-details > .plus-icon > .plus-line.vert,
        big > #toggle-loan-details > .plus-icon > .plus-line.vert,
        big > #toggle-template-open > .plus-icon > .plus-line.vert,
        big > #toggle-payment-open > .plus-icon > .plus-line.vert,
        cite > #toggle-acc-details > .plus-icon > .plus-line.vert,
        cite > #toggle-card-details > .plus-icon > .plus-line.vert,
        cite > #toggle-loan-details > .plus-icon > .plus-line.vert,
        cite > #toggle-template-open > .plus-icon > .plus-line.vert,
        cite > #toggle-payment-open > .plus-icon > .plus-line.vert,
        code > #toggle-acc-details > .plus-icon > .plus-line.vert,
        code > #toggle-card-details > .plus-icon > .plus-line.vert,
        code > #toggle-loan-details > .plus-icon > .plus-line.vert,
        code > #toggle-template-open > .plus-icon > .plus-line.vert,
        code > #toggle-payment-open > .plus-icon > .plus-line.vert,
        del > #toggle-acc-details > .plus-icon > .plus-line.vert,
        del > #toggle-card-details > .plus-icon > .plus-line.vert,
        del > #toggle-loan-details > .plus-icon > .plus-line.vert,
        del > #toggle-template-open > .plus-icon > .plus-line.vert,
        del > #toggle-payment-open > .plus-icon > .plus-line.vert,
        dfn > #toggle-acc-details > .plus-icon > .plus-line.vert,
        dfn > #toggle-card-details > .plus-icon > .plus-line.vert,
        dfn > #toggle-loan-details > .plus-icon > .plus-line.vert,
        dfn > #toggle-template-open > .plus-icon > .plus-line.vert,
        dfn > #toggle-payment-open > .plus-icon > .plus-line.vert,
        em > #toggle-acc-details > .plus-icon > .plus-line.vert,
        em > #toggle-card-details > .plus-icon > .plus-line.vert,
        em > #toggle-loan-details > .plus-icon > .plus-line.vert,
        em > #toggle-template-open > .plus-icon > .plus-line.vert,
        em > #toggle-payment-open > .plus-icon > .plus-line.vert,
        img > #toggle-acc-details > .plus-icon > .plus-line.vert,
        img > #toggle-card-details > .plus-icon > .plus-line.vert,
        img > #toggle-loan-details > .plus-icon > .plus-line.vert,
        img > #toggle-template-open > .plus-icon > .plus-line.vert,
        img > #toggle-payment-open > .plus-icon > .plus-line.vert,
        ins > #toggle-acc-details > .plus-icon > .plus-line.vert,
        ins > #toggle-card-details > .plus-icon > .plus-line.vert,
        ins > #toggle-loan-details > .plus-icon > .plus-line.vert,
        ins > #toggle-template-open > .plus-icon > .plus-line.vert,
        ins > #toggle-payment-open > .plus-icon > .plus-line.vert,
        kbd > #toggle-acc-details > .plus-icon > .plus-line.vert,
        kbd > #toggle-card-details > .plus-icon > .plus-line.vert,
        kbd > #toggle-loan-details > .plus-icon > .plus-line.vert,
        kbd > #toggle-template-open > .plus-icon > .plus-line.vert,
        kbd > #toggle-payment-open > .plus-icon > .plus-line.vert,
        q > #toggle-acc-details > .plus-icon > .plus-line.vert,
        q > #toggle-card-details > .plus-icon > .plus-line.vert,
        q > #toggle-loan-details > .plus-icon > .plus-line.vert,
        q > #toggle-template-open > .plus-icon > .plus-line.vert,
        q > #toggle-payment-open > .plus-icon > .plus-line.vert,
        s > #toggle-acc-details > .plus-icon > .plus-line.vert,
        s > #toggle-card-details > .plus-icon > .plus-line.vert,
        s > #toggle-loan-details > .plus-icon > .plus-line.vert,
        s > #toggle-template-open > .plus-icon > .plus-line.vert,
        s > #toggle-payment-open > .plus-icon > .plus-line.vert,
        samp > #toggle-acc-details > .plus-icon > .plus-line.vert,
        samp > #toggle-card-details > .plus-icon > .plus-line.vert,
        samp > #toggle-loan-details > .plus-icon > .plus-line.vert,
        samp > #toggle-template-open > .plus-icon > .plus-line.vert,
        samp > #toggle-payment-open > .plus-icon > .plus-line.vert,
        small > #toggle-acc-details > .plus-icon > .plus-line.vert,
        small > #toggle-card-details > .plus-icon > .plus-line.vert,
        small > #toggle-loan-details > .plus-icon > .plus-line.vert,
        small > #toggle-template-open > .plus-icon > .plus-line.vert,
        small > #toggle-payment-open > .plus-icon > .plus-line.vert,
        strike > #toggle-acc-details > .plus-icon > .plus-line.vert,
        strike > #toggle-card-details > .plus-icon > .plus-line.vert,
        strike > #toggle-loan-details > .plus-icon > .plus-line.vert,
        strike > #toggle-template-open > .plus-icon > .plus-line.vert,
        strike > #toggle-payment-open > .plus-icon > .plus-line.vert,
        strong > #toggle-acc-details > .plus-icon > .plus-line.vert,
        strong > #toggle-card-details > .plus-icon > .plus-line.vert,
        strong > #toggle-loan-details > .plus-icon > .plus-line.vert,
        strong > #toggle-template-open > .plus-icon > .plus-line.vert,
        strong > #toggle-payment-open > .plus-icon > .plus-line.vert,
        sub > #toggle-acc-details > .plus-icon > .plus-line.vert,
        sub > #toggle-card-details > .plus-icon > .plus-line.vert,
        sub > #toggle-loan-details > .plus-icon > .plus-line.vert,
        sub > #toggle-template-open > .plus-icon > .plus-line.vert,
        sub > #toggle-payment-open > .plus-icon > .plus-line.vert,
        sup > #toggle-acc-details > .plus-icon > .plus-line.vert,
        sup > #toggle-card-details > .plus-icon > .plus-line.vert,
        sup > #toggle-loan-details > .plus-icon > .plus-line.vert,
        sup > #toggle-template-open > .plus-icon > .plus-line.vert,
        sup > #toggle-payment-open > .plus-icon > .plus-line.vert,
        tt > #toggle-acc-details > .plus-icon > .plus-line.vert,
        tt > #toggle-card-details > .plus-icon > .plus-line.vert,
        tt > #toggle-loan-details > .plus-icon > .plus-line.vert,
        tt > #toggle-template-open > .plus-icon > .plus-line.vert,
        tt > #toggle-payment-open > .plus-icon > .plus-line.vert,
        var > #toggle-acc-details > .plus-icon > .plus-line.vert,
        var > #toggle-card-details > .plus-icon > .plus-line.vert,
        var > #toggle-loan-details > .plus-icon > .plus-line.vert,
        var > #toggle-template-open > .plus-icon > .plus-line.vert,
        var > #toggle-payment-open > .plus-icon > .plus-line.vert,
        b > #toggle-acc-details > .plus-icon > .plus-line.vert,
        b > #toggle-card-details > .plus-icon > .plus-line.vert,
        b > #toggle-loan-details > .plus-icon > .plus-line.vert,
        b > #toggle-template-open > .plus-icon > .plus-line.vert,
        b > #toggle-payment-open > .plus-icon > .plus-line.vert,
        u > #toggle-acc-details > .plus-icon > .plus-line.vert,
        u > #toggle-card-details > .plus-icon > .plus-line.vert,
        u > #toggle-loan-details > .plus-icon > .plus-line.vert,
        u > #toggle-template-open > .plus-icon > .plus-line.vert,
        u > #toggle-payment-open > .plus-icon > .plus-line.vert,
        i > #toggle-acc-details > .plus-icon > .plus-line.vert,
        i > #toggle-card-details > .plus-icon > .plus-line.vert,
        i > #toggle-loan-details > .plus-icon > .plus-line.vert,
        i > #toggle-template-open > .plus-icon > .plus-line.vert,
        i > #toggle-payment-open > .plus-icon > .plus-line.vert,
        center > #toggle-acc-details > .plus-icon > .plus-line.vert,
        center > #toggle-card-details > .plus-icon > .plus-line.vert,
        center > #toggle-loan-details > .plus-icon > .plus-line.vert,
        center > #toggle-template-open > .plus-icon > .plus-line.vert,
        center > #toggle-payment-open > .plus-icon > .plus-line.vert,
        dl > #toggle-acc-details > .plus-icon > .plus-line.vert,
        dl > #toggle-card-details > .plus-icon > .plus-line.vert,
        dl > #toggle-loan-details > .plus-icon > .plus-line.vert,
        dl > #toggle-template-open > .plus-icon > .plus-line.vert,
        dl > #toggle-payment-open > .plus-icon > .plus-line.vert,
        dt > #toggle-acc-details > .plus-icon > .plus-line.vert,
        dt > #toggle-card-details > .plus-icon > .plus-line.vert,
        dt > #toggle-loan-details > .plus-icon > .plus-line.vert,
        dt > #toggle-template-open > .plus-icon > .plus-line.vert,
        dt > #toggle-payment-open > .plus-icon > .plus-line.vert,
        dd > #toggle-acc-details > .plus-icon > .plus-line.vert,
        dd > #toggle-card-details > .plus-icon > .plus-line.vert,
        dd > #toggle-loan-details > .plus-icon > .plus-line.vert,
        dd > #toggle-template-open > .plus-icon > .plus-line.vert,
        dd > #toggle-payment-open > .plus-icon > .plus-line.vert,
        ol > #toggle-acc-details > .plus-icon > .plus-line.vert,
        ol > #toggle-card-details > .plus-icon > .plus-line.vert,
        ol > #toggle-loan-details > .plus-icon > .plus-line.vert,
        ol > #toggle-template-open > .plus-icon > .plus-line.vert,
        ol > #toggle-payment-open > .plus-icon > .plus-line.vert,
        ul > #toggle-acc-details > .plus-icon > .plus-line.vert,
        ul > #toggle-card-details > .plus-icon > .plus-line.vert,
        ul > #toggle-loan-details > .plus-icon > .plus-line.vert,
        ul > #toggle-template-open > .plus-icon > .plus-line.vert,
        ul > #toggle-payment-open > .plus-icon > .plus-line.vert,
        li > #toggle-acc-details > .plus-icon > .plus-line.vert,
        li > #toggle-card-details > .plus-icon > .plus-line.vert,
        li > #toggle-loan-details > .plus-icon > .plus-line.vert,
        li > #toggle-template-open > .plus-icon > .plus-line.vert,
        li > #toggle-payment-open > .plus-icon > .plus-line.vert,
        fieldset > #toggle-acc-details > .plus-icon > .plus-line.vert,
        fieldset > #toggle-card-details > .plus-icon > .plus-line.vert,
        fieldset > #toggle-loan-details > .plus-icon > .plus-line.vert,
        fieldset > #toggle-template-open > .plus-icon > .plus-line.vert,
        fieldset > #toggle-payment-open > .plus-icon > .plus-line.vert,
        form > #toggle-acc-details > .plus-icon > .plus-line.vert,
        form > #toggle-card-details > .plus-icon > .plus-line.vert,
        form > #toggle-loan-details > .plus-icon > .plus-line.vert,
        form > #toggle-template-open > .plus-icon > .plus-line.vert,
        form > #toggle-payment-open > .plus-icon > .plus-line.vert,
        label > #toggle-acc-details > .plus-icon > .plus-line.vert,
        label > #toggle-card-details > .plus-icon > .plus-line.vert,
        label > #toggle-loan-details > .plus-icon > .plus-line.vert,
        label > #toggle-template-open > .plus-icon > .plus-line.vert,
        label > #toggle-payment-open > .plus-icon > .plus-line.vert,
        legend > #toggle-acc-details > .plus-icon > .plus-line.vert,
        legend > #toggle-card-details > .plus-icon > .plus-line.vert,
        legend > #toggle-loan-details > .plus-icon > .plus-line.vert,
        legend > #toggle-template-open > .plus-icon > .plus-line.vert,
        legend > #toggle-payment-open > .plus-icon > .plus-line.vert,
        table > #toggle-acc-details > .plus-icon > .plus-line.vert,
        table > #toggle-card-details > .plus-icon > .plus-line.vert,
        table > #toggle-loan-details > .plus-icon > .plus-line.vert,
        table > #toggle-template-open > .plus-icon > .plus-line.vert,
        table > #toggle-payment-open > .plus-icon > .plus-line.vert,
        caption > #toggle-acc-details > .plus-icon > .plus-line.vert,
        caption > #toggle-card-details > .plus-icon > .plus-line.vert,
        caption > #toggle-loan-details > .plus-icon > .plus-line.vert,
        caption > #toggle-template-open > .plus-icon > .plus-line.vert,
        caption > #toggle-payment-open > .plus-icon > .plus-line.vert,
        tbody > #toggle-acc-details > .plus-icon > .plus-line.vert,
        tbody > #toggle-card-details > .plus-icon > .plus-line.vert,
        tbody > #toggle-loan-details > .plus-icon > .plus-line.vert,
        tbody > #toggle-template-open > .plus-icon > .plus-line.vert,
        tbody > #toggle-payment-open > .plus-icon > .plus-line.vert,
        tfoot > #toggle-acc-details > .plus-icon > .plus-line.vert,
        tfoot > #toggle-card-details > .plus-icon > .plus-line.vert,
        tfoot > #toggle-loan-details > .plus-icon > .plus-line.vert,
        tfoot > #toggle-template-open > .plus-icon > .plus-line.vert,
        tfoot > #toggle-payment-open > .plus-icon > .plus-line.vert,
        thead > #toggle-acc-details > .plus-icon > .plus-line.vert,
        thead > #toggle-card-details > .plus-icon > .plus-line.vert,
        thead > #toggle-loan-details > .plus-icon > .plus-line.vert,
        thead > #toggle-template-open > .plus-icon > .plus-line.vert,
        thead > #toggle-payment-open > .plus-icon > .plus-line.vert,
        tr > #toggle-acc-details > .plus-icon > .plus-line.vert,
        tr > #toggle-card-details > .plus-icon > .plus-line.vert,
        tr > #toggle-loan-details > .plus-icon > .plus-line.vert,
        tr > #toggle-template-open > .plus-icon > .plus-line.vert,
        tr > #toggle-payment-open > .plus-icon > .plus-line.vert,
        th > #toggle-acc-details > .plus-icon > .plus-line.vert,
        th > #toggle-card-details > .plus-icon > .plus-line.vert,
        th > #toggle-loan-details > .plus-icon > .plus-line.vert,
        th > #toggle-template-open > .plus-icon > .plus-line.vert,
        th > #toggle-payment-open > .plus-icon > .plus-line.vert,
        td > #toggle-acc-details > .plus-icon > .plus-line.vert,
        td > #toggle-card-details > .plus-icon > .plus-line.vert,
        td > #toggle-loan-details > .plus-icon > .plus-line.vert,
        td > #toggle-template-open > .plus-icon > .plus-line.vert,
        td > #toggle-payment-open > .plus-icon > .plus-line.vert,
        article > #toggle-acc-details > .plus-icon > .plus-line.vert,
        article > #toggle-card-details > .plus-icon > .plus-line.vert,
        article > #toggle-loan-details > .plus-icon > .plus-line.vert,
        article > #toggle-template-open > .plus-icon > .plus-line.vert,
        article > #toggle-payment-open > .plus-icon > .plus-line.vert,
        aside > #toggle-acc-details > .plus-icon > .plus-line.vert,
        aside > #toggle-card-details > .plus-icon > .plus-line.vert,
        aside > #toggle-loan-details > .plus-icon > .plus-line.vert,
        aside > #toggle-template-open > .plus-icon > .plus-line.vert,
        aside > #toggle-payment-open > .plus-icon > .plus-line.vert,
        canvas > #toggle-acc-details > .plus-icon > .plus-line.vert,
        canvas > #toggle-card-details > .plus-icon > .plus-line.vert,
        canvas > #toggle-loan-details > .plus-icon > .plus-line.vert,
        canvas > #toggle-template-open > .plus-icon > .plus-line.vert,
        canvas > #toggle-payment-open > .plus-icon > .plus-line.vert,
        details > #toggle-acc-details > .plus-icon > .plus-line.vert,
        details > #toggle-card-details > .plus-icon > .plus-line.vert,
        details > #toggle-loan-details > .plus-icon > .plus-line.vert,
        details > #toggle-template-open > .plus-icon > .plus-line.vert,
        details > #toggle-payment-open > .plus-icon > .plus-line.vert,
        embed > #toggle-acc-details > .plus-icon > .plus-line.vert,
        embed > #toggle-card-details > .plus-icon > .plus-line.vert,
        embed > #toggle-loan-details > .plus-icon > .plus-line.vert,
        embed > #toggle-template-open > .plus-icon > .plus-line.vert,
        embed > #toggle-payment-open > .plus-icon > .plus-line.vert,
        figure > #toggle-acc-details > .plus-icon > .plus-line.vert,
        figure > #toggle-card-details > .plus-icon > .plus-line.vert,
        figure > #toggle-loan-details > .plus-icon > .plus-line.vert,
        figure > #toggle-template-open > .plus-icon > .plus-line.vert,
        figure > #toggle-payment-open > .plus-icon > .plus-line.vert,
        figcaption > #toggle-acc-details > .plus-icon > .plus-line.vert,
        figcaption > #toggle-card-details > .plus-icon > .plus-line.vert,
        figcaption > #toggle-loan-details > .plus-icon > .plus-line.vert,
        figcaption > #toggle-template-open > .plus-icon > .plus-line.vert,
        figcaption > #toggle-payment-open > .plus-icon > .plus-line.vert,
        ooter > #toggle-acc-details > .plus-icon > .plus-line.vert,
        ooter > #toggle-card-details > .plus-icon > .plus-line.vert,
        ooter > #toggle-loan-details > .plus-icon > .plus-line.vert,
        ooter > #toggle-template-open > .plus-icon > .plus-line.vert,
        ooter > #toggle-payment-open > .plus-icon > .plus-line.vert, header > #toggle-acc-details > .plus-icon > .plus-line.vert,
        header > #toggle-card-details > .plus-icon > .plus-line.vert,
        header > #toggle-loan-details > .plus-icon > .plus-line.vert,
        header > #toggle-template-open > .plus-icon > .plus-line.vert,
        header > #toggle-payment-open > .plus-icon > .plus-line.vert,
        hgroup > #toggle-acc-details > .plus-icon > .plus-line.vert,
        hgroup > #toggle-card-details > .plus-icon > .plus-line.vert,
        hgroup > #toggle-loan-details > .plus-icon > .plus-line.vert,
        hgroup > #toggle-template-open > .plus-icon > .plus-line.vert,
        hgroup > #toggle-payment-open > .plus-icon > .plus-line.vert,
        menu > #toggle-acc-details > .plus-icon > .plus-line.vert,
        menu > #toggle-card-details > .plus-icon > .plus-line.vert,
        menu > #toggle-loan-details > .plus-icon > .plus-line.vert,
        menu > #toggle-template-open > .plus-icon > .plus-line.vert,
        menu > #toggle-payment-open > .plus-icon > .plus-line.vert,
        nav > #toggle-acc-details > .plus-icon > .plus-line.vert,
        nav > #toggle-card-details > .plus-icon > .plus-line.vert,
        nav > #toggle-loan-details > .plus-icon > .plus-line.vert,
        nav > #toggle-template-open > .plus-icon > .plus-line.vert,
        nav > #toggle-payment-open > .plus-icon > .plus-line.vert,
        output > #toggle-acc-details > .plus-icon > .plus-line.vert,
        output > #toggle-card-details > .plus-icon > .plus-line.vert,
        output > #toggle-loan-details > .plus-icon > .plus-line.vert,
        output > #toggle-template-open > .plus-icon > .plus-line.vert,
        output > #toggle-payment-open > .plus-icon > .plus-line.vert,
        ruby > #toggle-acc-details > .plus-icon > .plus-line.vert,
        ruby > #toggle-card-details > .plus-icon > .plus-line.vert,
        ruby > #toggle-loan-details > .plus-icon > .plus-line.vert,
        ruby > #toggle-template-open > .plus-icon > .plus-line.vert,
        ruby > #toggle-payment-open > .plus-icon > .plus-line.vert,
        section > #toggle-acc-details > .plus-icon > .plus-line.vert,
        section > #toggle-card-details > .plus-icon > .plus-line.vert,
        section > #toggle-loan-details > .plus-icon > .plus-line.vert,
        section > #toggle-template-open > .plus-icon > .plus-line.vert,
        section > #toggle-payment-open > .plus-icon > .plus-line.vert,
        summary > #toggle-acc-details > .plus-icon > .plus-line.vert,
        summary > #toggle-card-details > .plus-icon > .plus-line.vert,
        summary > #toggle-loan-details > .plus-icon > .plus-line.vert,
        summary > #toggle-template-open > .plus-icon > .plus-line.vert,
        summary > #toggle-payment-open > .plus-icon > .plus-line.vert,
        time > #toggle-acc-details > .plus-icon > .plus-line.vert,
        time > #toggle-card-details > .plus-icon > .plus-line.vert,
        time > #toggle-loan-details > .plus-icon > .plus-line.vert,
        time > #toggle-template-open > .plus-icon > .plus-line.vert,
        time > #toggle-payment-open > .plus-icon > .plus-line.vert,
        mark > #toggle-acc-details > .plus-icon > .plus-line.vert,
        mark > #toggle-card-details > .plus-icon > .plus-line.vert,
        mark > #toggle-loan-details > .plus-icon > .plus-line.vert,
        mark > #toggle-template-open > .plus-icon > .plus-line.vert,
        mark > #toggle-payment-open > .plus-icon > .plus-line.vert,
        audio > #toggle-acc-details > .plus-icon > .plus-line.vert,
        audio > #toggle-card-details > .plus-icon > .plus-line.vert,
        audio > #toggle-loan-details > .plus-icon > .plus-line.vert,
        audio > #toggle-template-open > .plus-icon > .plus-line.vert,
        audio > #toggle-payment-open > .plus-icon > .plus-line.vert,
        video > #toggle-acc-details > .plus-icon > .plus-line.vert,
        video > #toggle-card-details > .plus-icon > .plus-line.vert,
        video > #toggle-loan-details > .plus-icon > .plus-line.vert,
        video > #toggle-template-open > .plus-icon > .plus-line.vert,
        video > #toggle-payment-open > .plus-icon > .plus-line.vert {
          height: 100%;
          width: 2px;
          border-radius: 8px;
          transition: .5s ease; }
        html > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        html > #toggle-card-details > .plus-icon > .plus-line.horiz,
        html > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        html > #toggle-template-open > .plus-icon > .plus-line.horiz,
        html > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        body > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        body > #toggle-card-details > .plus-icon > .plus-line.horiz,
        body > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        body > #toggle-template-open > .plus-icon > .plus-line.horiz,
        body > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        div > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        div > #toggle-card-details > .plus-icon > .plus-line.horiz,
        div > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        div > #toggle-template-open > .plus-icon > .plus-line.horiz,
        div > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        span > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        span > #toggle-card-details > .plus-icon > .plus-line.horiz,
        span > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        span > #toggle-template-open > .plus-icon > .plus-line.horiz,
        span > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        applet > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        applet > #toggle-card-details > .plus-icon > .plus-line.horiz,
        applet > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        applet > #toggle-template-open > .plus-icon > .plus-line.horiz,
        applet > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        object > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        object > #toggle-card-details > .plus-icon > .plus-line.horiz,
        object > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        object > #toggle-template-open > .plus-icon > .plus-line.horiz,
        object > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        frame > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        frame > #toggle-card-details > .plus-icon > .plus-line.horiz,
        frame > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        frame > #toggle-template-open > .plus-icon > .plus-line.horiz,
        frame > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        h1 > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        h1 > #toggle-card-details > .plus-icon > .plus-line.horiz,
        h1 > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        h1 > #toggle-template-open > .plus-icon > .plus-line.horiz,
        h1 > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        h2 > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        h2 > #toggle-card-details > .plus-icon > .plus-line.horiz,
        h2 > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        h2 > #toggle-template-open > .plus-icon > .plus-line.horiz,
        h2 > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        h3 > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        h3 > #toggle-card-details > .plus-icon > .plus-line.horiz,
        h3 > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        h3 > #toggle-template-open > .plus-icon > .plus-line.horiz,
        h3 > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        h4 > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        h4 > #toggle-card-details > .plus-icon > .plus-line.horiz,
        h4 > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        h4 > #toggle-template-open > .plus-icon > .plus-line.horiz,
        h4 > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        h5 > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        h5 > #toggle-card-details > .plus-icon > .plus-line.horiz,
        h5 > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        h5 > #toggle-template-open > .plus-icon > .plus-line.horiz,
        h5 > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        h6 > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        h6 > #toggle-card-details > .plus-icon > .plus-line.horiz,
        h6 > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        h6 > #toggle-template-open > .plus-icon > .plus-line.horiz,
        h6 > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        h6 > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        h6 > #toggle-card-details > .plus-icon > .plus-line.horiz,
        h6 > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        h6 > #toggle-template-open > .plus-icon > .plus-line.horiz,
        h6 > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        p > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        p > #toggle-card-details > .plus-icon > .plus-line.horiz,
        p > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        p > #toggle-template-open > .plus-icon > .plus-line.horiz,
        p > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        blockquote > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        blockquote > #toggle-card-details > .plus-icon > .plus-line.horiz,
        blockquote > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        blockquote > #toggle-template-open > .plus-icon > .plus-line.horiz,
        blockquote > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        pre > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        pre > #toggle-card-details > .plus-icon > .plus-line.horiz,
        pre > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        pre > #toggle-template-open > .plus-icon > .plus-line.horiz,
        pre > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        a > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        a > #toggle-card-details > .plus-icon > .plus-line.horiz,
        a > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        a > #toggle-template-open > .plus-icon > .plus-line.horiz,
        a > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        abbr > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        abbr > #toggle-card-details > .plus-icon > .plus-line.horiz,
        abbr > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        abbr > #toggle-template-open > .plus-icon > .plus-line.horiz,
        abbr > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        acronym > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        acronym > #toggle-card-details > .plus-icon > .plus-line.horiz,
        acronym > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        acronym > #toggle-template-open > .plus-icon > .plus-line.horiz,
        acronym > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        address > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        address > #toggle-card-details > .plus-icon > .plus-line.horiz,
        address > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        address > #toggle-template-open > .plus-icon > .plus-line.horiz,
        address > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        big > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        big > #toggle-card-details > .plus-icon > .plus-line.horiz,
        big > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        big > #toggle-template-open > .plus-icon > .plus-line.horiz,
        big > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        cite > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        cite > #toggle-card-details > .plus-icon > .plus-line.horiz,
        cite > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        cite > #toggle-template-open > .plus-icon > .plus-line.horiz,
        cite > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        code > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        code > #toggle-card-details > .plus-icon > .plus-line.horiz,
        code > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        code > #toggle-template-open > .plus-icon > .plus-line.horiz,
        code > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        del > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        del > #toggle-card-details > .plus-icon > .plus-line.horiz,
        del > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        del > #toggle-template-open > .plus-icon > .plus-line.horiz,
        del > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        dfn > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        dfn > #toggle-card-details > .plus-icon > .plus-line.horiz,
        dfn > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        dfn > #toggle-template-open > .plus-icon > .plus-line.horiz,
        dfn > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        em > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        em > #toggle-card-details > .plus-icon > .plus-line.horiz,
        em > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        em > #toggle-template-open > .plus-icon > .plus-line.horiz,
        em > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        img > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        img > #toggle-card-details > .plus-icon > .plus-line.horiz,
        img > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        img > #toggle-template-open > .plus-icon > .plus-line.horiz,
        img > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        ins > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        ins > #toggle-card-details > .plus-icon > .plus-line.horiz,
        ins > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        ins > #toggle-template-open > .plus-icon > .plus-line.horiz,
        ins > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        kbd > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        kbd > #toggle-card-details > .plus-icon > .plus-line.horiz,
        kbd > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        kbd > #toggle-template-open > .plus-icon > .plus-line.horiz,
        kbd > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        q > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        q > #toggle-card-details > .plus-icon > .plus-line.horiz,
        q > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        q > #toggle-template-open > .plus-icon > .plus-line.horiz,
        q > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        s > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        s > #toggle-card-details > .plus-icon > .plus-line.horiz,
        s > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        s > #toggle-template-open > .plus-icon > .plus-line.horiz,
        s > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        samp > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        samp > #toggle-card-details > .plus-icon > .plus-line.horiz,
        samp > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        samp > #toggle-template-open > .plus-icon > .plus-line.horiz,
        samp > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        small > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        small > #toggle-card-details > .plus-icon > .plus-line.horiz,
        small > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        small > #toggle-template-open > .plus-icon > .plus-line.horiz,
        small > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        strike > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        strike > #toggle-card-details > .plus-icon > .plus-line.horiz,
        strike > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        strike > #toggle-template-open > .plus-icon > .plus-line.horiz,
        strike > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        strong > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        strong > #toggle-card-details > .plus-icon > .plus-line.horiz,
        strong > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        strong > #toggle-template-open > .plus-icon > .plus-line.horiz,
        strong > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        sub > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        sub > #toggle-card-details > .plus-icon > .plus-line.horiz,
        sub > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        sub > #toggle-template-open > .plus-icon > .plus-line.horiz,
        sub > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        sup > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        sup > #toggle-card-details > .plus-icon > .plus-line.horiz,
        sup > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        sup > #toggle-template-open > .plus-icon > .plus-line.horiz,
        sup > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        tt > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        tt > #toggle-card-details > .plus-icon > .plus-line.horiz,
        tt > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        tt > #toggle-template-open > .plus-icon > .plus-line.horiz,
        tt > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        var > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        var > #toggle-card-details > .plus-icon > .plus-line.horiz,
        var > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        var > #toggle-template-open > .plus-icon > .plus-line.horiz,
        var > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        b > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        b > #toggle-card-details > .plus-icon > .plus-line.horiz,
        b > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        b > #toggle-template-open > .plus-icon > .plus-line.horiz,
        b > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        u > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        u > #toggle-card-details > .plus-icon > .plus-line.horiz,
        u > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        u > #toggle-template-open > .plus-icon > .plus-line.horiz,
        u > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        i > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        i > #toggle-card-details > .plus-icon > .plus-line.horiz,
        i > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        i > #toggle-template-open > .plus-icon > .plus-line.horiz,
        i > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        center > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        center > #toggle-card-details > .plus-icon > .plus-line.horiz,
        center > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        center > #toggle-template-open > .plus-icon > .plus-line.horiz,
        center > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        dl > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        dl > #toggle-card-details > .plus-icon > .plus-line.horiz,
        dl > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        dl > #toggle-template-open > .plus-icon > .plus-line.horiz,
        dl > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        dt > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        dt > #toggle-card-details > .plus-icon > .plus-line.horiz,
        dt > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        dt > #toggle-template-open > .plus-icon > .plus-line.horiz,
        dt > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        dd > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        dd > #toggle-card-details > .plus-icon > .plus-line.horiz,
        dd > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        dd > #toggle-template-open > .plus-icon > .plus-line.horiz,
        dd > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        ol > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        ol > #toggle-card-details > .plus-icon > .plus-line.horiz,
        ol > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        ol > #toggle-template-open > .plus-icon > .plus-line.horiz,
        ol > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        ul > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        ul > #toggle-card-details > .plus-icon > .plus-line.horiz,
        ul > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        ul > #toggle-template-open > .plus-icon > .plus-line.horiz,
        ul > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        li > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        li > #toggle-card-details > .plus-icon > .plus-line.horiz,
        li > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        li > #toggle-template-open > .plus-icon > .plus-line.horiz,
        li > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        fieldset > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        fieldset > #toggle-card-details > .plus-icon > .plus-line.horiz,
        fieldset > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        fieldset > #toggle-template-open > .plus-icon > .plus-line.horiz,
        fieldset > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        form > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        form > #toggle-card-details > .plus-icon > .plus-line.horiz,
        form > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        form > #toggle-template-open > .plus-icon > .plus-line.horiz,
        form > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        label > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        label > #toggle-card-details > .plus-icon > .plus-line.horiz,
        label > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        label > #toggle-template-open > .plus-icon > .plus-line.horiz,
        label > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        legend > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        legend > #toggle-card-details > .plus-icon > .plus-line.horiz,
        legend > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        legend > #toggle-template-open > .plus-icon > .plus-line.horiz,
        legend > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        table > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        table > #toggle-card-details > .plus-icon > .plus-line.horiz,
        table > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        table > #toggle-template-open > .plus-icon > .plus-line.horiz,
        table > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        caption > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        caption > #toggle-card-details > .plus-icon > .plus-line.horiz,
        caption > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        caption > #toggle-template-open > .plus-icon > .plus-line.horiz,
        caption > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        tbody > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        tbody > #toggle-card-details > .plus-icon > .plus-line.horiz,
        tbody > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        tbody > #toggle-template-open > .plus-icon > .plus-line.horiz,
        tbody > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        tfoot > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        tfoot > #toggle-card-details > .plus-icon > .plus-line.horiz,
        tfoot > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        tfoot > #toggle-template-open > .plus-icon > .plus-line.horiz,
        tfoot > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        thead > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        thead > #toggle-card-details > .plus-icon > .plus-line.horiz,
        thead > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        thead > #toggle-template-open > .plus-icon > .plus-line.horiz,
        thead > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        tr > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        tr > #toggle-card-details > .plus-icon > .plus-line.horiz,
        tr > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        tr > #toggle-template-open > .plus-icon > .plus-line.horiz,
        tr > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        th > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        th > #toggle-card-details > .plus-icon > .plus-line.horiz,
        th > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        th > #toggle-template-open > .plus-icon > .plus-line.horiz,
        th > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        td > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        td > #toggle-card-details > .plus-icon > .plus-line.horiz,
        td > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        td > #toggle-template-open > .plus-icon > .plus-line.horiz,
        td > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        article > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        article > #toggle-card-details > .plus-icon > .plus-line.horiz,
        article > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        article > #toggle-template-open > .plus-icon > .plus-line.horiz,
        article > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        aside > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        aside > #toggle-card-details > .plus-icon > .plus-line.horiz,
        aside > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        aside > #toggle-template-open > .plus-icon > .plus-line.horiz,
        aside > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        canvas > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        canvas > #toggle-card-details > .plus-icon > .plus-line.horiz,
        canvas > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        canvas > #toggle-template-open > .plus-icon > .plus-line.horiz,
        canvas > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        details > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        details > #toggle-card-details > .plus-icon > .plus-line.horiz,
        details > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        details > #toggle-template-open > .plus-icon > .plus-line.horiz,
        details > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        embed > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        embed > #toggle-card-details > .plus-icon > .plus-line.horiz,
        embed > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        embed > #toggle-template-open > .plus-icon > .plus-line.horiz,
        embed > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        figure > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        figure > #toggle-card-details > .plus-icon > .plus-line.horiz,
        figure > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        figure > #toggle-template-open > .plus-icon > .plus-line.horiz,
        figure > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        figcaption > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        figcaption > #toggle-card-details > .plus-icon > .plus-line.horiz,
        figcaption > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        figcaption > #toggle-template-open > .plus-icon > .plus-line.horiz,
        figcaption > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        ooter > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        ooter > #toggle-card-details > .plus-icon > .plus-line.horiz,
        ooter > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        ooter > #toggle-template-open > .plus-icon > .plus-line.horiz,
        ooter > #toggle-payment-open > .plus-icon > .plus-line.horiz, header > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        header > #toggle-card-details > .plus-icon > .plus-line.horiz,
        header > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        header > #toggle-template-open > .plus-icon > .plus-line.horiz,
        header > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        hgroup > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        hgroup > #toggle-card-details > .plus-icon > .plus-line.horiz,
        hgroup > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        hgroup > #toggle-template-open > .plus-icon > .plus-line.horiz,
        hgroup > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        menu > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        menu > #toggle-card-details > .plus-icon > .plus-line.horiz,
        menu > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        menu > #toggle-template-open > .plus-icon > .plus-line.horiz,
        menu > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        nav > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        nav > #toggle-card-details > .plus-icon > .plus-line.horiz,
        nav > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        nav > #toggle-template-open > .plus-icon > .plus-line.horiz,
        nav > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        output > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        output > #toggle-card-details > .plus-icon > .plus-line.horiz,
        output > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        output > #toggle-template-open > .plus-icon > .plus-line.horiz,
        output > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        ruby > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        ruby > #toggle-card-details > .plus-icon > .plus-line.horiz,
        ruby > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        ruby > #toggle-template-open > .plus-icon > .plus-line.horiz,
        ruby > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        section > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        section > #toggle-card-details > .plus-icon > .plus-line.horiz,
        section > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        section > #toggle-template-open > .plus-icon > .plus-line.horiz,
        section > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        summary > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        summary > #toggle-card-details > .plus-icon > .plus-line.horiz,
        summary > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        summary > #toggle-template-open > .plus-icon > .plus-line.horiz,
        summary > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        time > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        time > #toggle-card-details > .plus-icon > .plus-line.horiz,
        time > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        time > #toggle-template-open > .plus-icon > .plus-line.horiz,
        time > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        mark > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        mark > #toggle-card-details > .plus-icon > .plus-line.horiz,
        mark > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        mark > #toggle-template-open > .plus-icon > .plus-line.horiz,
        mark > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        audio > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        audio > #toggle-card-details > .plus-icon > .plus-line.horiz,
        audio > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        audio > #toggle-template-open > .plus-icon > .plus-line.horiz,
        audio > #toggle-payment-open > .plus-icon > .plus-line.horiz,
        video > #toggle-acc-details > .plus-icon > .plus-line.horiz,
        video > #toggle-card-details > .plus-icon > .plus-line.horiz,
        video > #toggle-loan-details > .plus-icon > .plus-line.horiz,
        video > #toggle-template-open > .plus-icon > .plus-line.horiz,
        video > #toggle-payment-open > .plus-icon > .plus-line.horiz {
          height: 2px;
          width: 100%;
          border-radius: 8px; }
    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,
    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: "Mark-Bold", sans-serif;
      font-size: 16px;
      line-height: 1;
      color: #d20000; }
    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,
    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,
  h6 > .show-more-btn,
  p > .show-more-btn,
  blockquote > .show-more-btn,
  pre > .show-more-btn,
  a > .show-more-btn,
  abbr > .show-more-btn,
  acronym > .show-more-btn,
  address > .show-more-btn,
  big > .show-more-btn,
  cite > .show-more-btn,
  code > .show-more-btn,
  del > .show-more-btn,
  dfn > .show-more-btn,
  em > .show-more-btn,
  img > .show-more-btn,
  ins > .show-more-btn,
  kbd > .show-more-btn,
  q > .show-more-btn,
  s > .show-more-btn,
  samp > .show-more-btn,
  small > .show-more-btn,
  strike > .show-more-btn,
  strong > .show-more-btn,
  sub > .show-more-btn,
  sup > .show-more-btn,
  tt > .show-more-btn,
  var > .show-more-btn,
  b > .show-more-btn,
  u > .show-more-btn,
  i > .show-more-btn,
  center > .show-more-btn,
  dl > .show-more-btn,
  dt > .show-more-btn,
  dd > .show-more-btn,
  ol > .show-more-btn,
  ul > .show-more-btn,
  li > .show-more-btn,
  fieldset > .show-more-btn,
  form > .show-more-btn,
  label > .show-more-btn,
  legend > .show-more-btn,
  table > .show-more-btn,
  caption > .show-more-btn,
  tbody > .show-more-btn,
  tfoot > .show-more-btn,
  thead > .show-more-btn,
  tr > .show-more-btn,
  th > .show-more-btn,
  td > .show-more-btn,
  article > .show-more-btn,
  aside > .show-more-btn,
  canvas > .show-more-btn,
  details > .show-more-btn,
  embed > .show-more-btn,
  figure > .show-more-btn,
  figcaption > .show-more-btn,
  ooter > .show-more-btn, header > .show-more-btn,
  hgroup > .show-more-btn,
  menu > .show-more-btn,
  nav > .show-more-btn,
  output > .show-more-btn,
  ruby > .show-more-btn,
  section > .show-more-btn,
  summary > .show-more-btn,
  time > .show-more-btn,
  mark > .show-more-btn,
  audio > .show-more-btn,
  video > .show-more-btn {
    width: 100%;
    text-align: center;
    padding: 18px;
    cursor: pointer;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%); }
    html > .show-more-btn > .detailsBtn,
    body > .show-more-btn > .detailsBtn,
    div > .show-more-btn > .detailsBtn,
    span > .show-more-btn > .detailsBtn,
    applet > .show-more-btn > .detailsBtn,
    object > .show-more-btn > .detailsBtn,
    frame > .show-more-btn > .detailsBtn,
    h1 > .show-more-btn > .detailsBtn,
    h2 > .show-more-btn > .detailsBtn,
    h3 > .show-more-btn > .detailsBtn,
    h4 > .show-more-btn > .detailsBtn,
    h5 > .show-more-btn > .detailsBtn,
    h6 > .show-more-btn > .detailsBtn,
    h6 > .show-more-btn > .detailsBtn,
    p > .show-more-btn > .detailsBtn,
    blockquote > .show-more-btn > .detailsBtn,
    pre > .show-more-btn > .detailsBtn,
    a > .show-more-btn > .detailsBtn,
    abbr > .show-more-btn > .detailsBtn,
    acronym > .show-more-btn > .detailsBtn,
    address > .show-more-btn > .detailsBtn,
    big > .show-more-btn > .detailsBtn,
    cite > .show-more-btn > .detailsBtn,
    code > .show-more-btn > .detailsBtn,
    del > .show-more-btn > .detailsBtn,
    dfn > .show-more-btn > .detailsBtn,
    em > .show-more-btn > .detailsBtn,
    img > .show-more-btn > .detailsBtn,
    ins > .show-more-btn > .detailsBtn,
    kbd > .show-more-btn > .detailsBtn,
    q > .show-more-btn > .detailsBtn,
    s > .show-more-btn > .detailsBtn,
    samp > .show-more-btn > .detailsBtn,
    small > .show-more-btn > .detailsBtn,
    strike > .show-more-btn > .detailsBtn,
    strong > .show-more-btn > .detailsBtn,
    sub > .show-more-btn > .detailsBtn,
    sup > .show-more-btn > .detailsBtn,
    tt > .show-more-btn > .detailsBtn,
    var > .show-more-btn > .detailsBtn,
    b > .show-more-btn > .detailsBtn,
    u > .show-more-btn > .detailsBtn,
    i > .show-more-btn > .detailsBtn,
    center > .show-more-btn > .detailsBtn,
    dl > .show-more-btn > .detailsBtn,
    dt > .show-more-btn > .detailsBtn,
    dd > .show-more-btn > .detailsBtn,
    ol > .show-more-btn > .detailsBtn,
    ul > .show-more-btn > .detailsBtn,
    li > .show-more-btn > .detailsBtn,
    fieldset > .show-more-btn > .detailsBtn,
    form > .show-more-btn > .detailsBtn,
    label > .show-more-btn > .detailsBtn,
    legend > .show-more-btn > .detailsBtn,
    table > .show-more-btn > .detailsBtn,
    caption > .show-more-btn > .detailsBtn,
    tbody > .show-more-btn > .detailsBtn,
    tfoot > .show-more-btn > .detailsBtn,
    thead > .show-more-btn > .detailsBtn,
    tr > .show-more-btn > .detailsBtn,
    th > .show-more-btn > .detailsBtn,
    td > .show-more-btn > .detailsBtn,
    article > .show-more-btn > .detailsBtn,
    aside > .show-more-btn > .detailsBtn,
    canvas > .show-more-btn > .detailsBtn,
    details > .show-more-btn > .detailsBtn,
    embed > .show-more-btn > .detailsBtn,
    figure > .show-more-btn > .detailsBtn,
    figcaption > .show-more-btn > .detailsBtn,
    ooter > .show-more-btn > .detailsBtn, header > .show-more-btn > .detailsBtn,
    hgroup > .show-more-btn > .detailsBtn,
    menu > .show-more-btn > .detailsBtn,
    nav > .show-more-btn > .detailsBtn,
    output > .show-more-btn > .detailsBtn,
    ruby > .show-more-btn > .detailsBtn,
    section > .show-more-btn > .detailsBtn,
    summary > .show-more-btn > .detailsBtn,
    time > .show-more-btn > .detailsBtn,
    mark > .show-more-btn > .detailsBtn,
    audio > .show-more-btn > .detailsBtn,
    video > .show-more-btn > .detailsBtn {
      position: relative;
      pointer-events: none;
      user-select: none;
      font-family: 'Sarabun-Bold','sans-serif';
      font-size: 14px;
      padding: 0 30px;
      line-height: 1;
      padding: 0 30px;
      color: #52ae30; }
      html > .show-more-btn > .detailsBtn:before,
      body > .show-more-btn > .detailsBtn:before,
      div > .show-more-btn > .detailsBtn:before,
      span > .show-more-btn > .detailsBtn:before,
      applet > .show-more-btn > .detailsBtn:before,
      object > .show-more-btn > .detailsBtn:before,
      frame > .show-more-btn > .detailsBtn:before,
      h1 > .show-more-btn > .detailsBtn:before,
      h2 > .show-more-btn > .detailsBtn:before,
      h3 > .show-more-btn > .detailsBtn:before,
      h4 > .show-more-btn > .detailsBtn:before,
      h5 > .show-more-btn > .detailsBtn:before,
      h6 > .show-more-btn > .detailsBtn:before,
      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,
    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,
    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"); }

.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;
  transition: height 1s ease;
  margin-bottom: 24px; }
  .popup-wrapper.acc {
    height: 270px; }
  .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; }

.transaction-popup-options-wrapper h4 {
  margin-bottom: 8px;
  line-height: 2.5;
  color: #121212;
  font-size: 18px;
  font-family: "Mark-Bold", sans-serif; }

.transaction-popup-options-wrapper .transaction-popup-option {
  border-radius: 8px;
  margin-bottom: 0px; }
  .transaction-popup-options-wrapper .transaction-popup-option:hover {
    background-color: rgba(238, 197, 144, 0.3); }
    .transaction-popup-options-wrapper .transaction-popup-option:hover svg.profile-text-arrow {
      -webkit-transform: none;
      transform: none; }
  .transaction-popup-options-wrapper .transaction-popup-option .dot-menu svg {
    width: 20px;
    height: 20px; }
  .transaction-popup-options-wrapper .transaction-popup-option svg.profile-text-arrow {
    width: 20px;
    height: 20px;
    -webkit-transform: none; }

/* 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: #121212;
  -webkit-text-size-adjust: none;
  margin: 0;
  padding: 0;
  overflow: hidden !important;
  background-color: #FFFFFF;
  font-family: "Mark-Regular", sans-serif; }

html {
  height: 100%;
  font: inherit; }

.alignleft {
  float: left; }

.aligncenter {
  margin: 0 auto; }

.alignleft {
  float: left; }

.languagesContainer {
  width: 150px;
  position: absolute;
  top: 52px;
  right: 195px;
  color: #121212;
  font-size: 16px;
  line-height: 1.5;
  font-family: "Mark-Regular", sans-serif;
  cursor: pointer;
  border-radius: 8px;
  border: 2px solid transparent;
  overflow: hidden;
  z-index: 9;
  opacity: 0; }

body.LanguageLogout .languagesContainer {
  top: 24px;
  left: 24px; }

body.LanguageLogout {
  overflow-y: scroll !important; }

body.languageVisible .languagesContainer {
  opacity: 1; }

.languages-wrapper {
  display: none;
  justify-content: column;
  z-index: 21;
  user-select: none; }
  .languages-wrapper.open {
    display: block;
    margin-top: 7px;
    width: 148px; }
  .languages-wrapper > ul.languageSelector {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: fit-content;
    font-family: "Mark-Medium", sans-serif;
    font-size: 14px;
    line-height: 1.143;
    color: #121212;
    transition: all 0.2s ease;
    background: #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    outline: none;
    position: relative;
    cursor: pointer;
    box-shadow: 0 2px rgba(18, 18, 18, 0.16); }
    .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="sq-AL"],
    .languages-wrapper > ul.languageSelector > li[data-culture="tr-TR"],
    .languages-wrapper > ul.languageSelector > li[data-culture="de-DE"],
    .languages-wrapper > ul.languageSelector > li[data-culture="mk-MK"],
    .languages-wrapper > ul.languageSelector > li[data-culture="sq"],
    .languages-wrapper > ul.languageSelector > li[data-culture="tr"] {
      display: none; }
    .languages-wrapper > ul.languageSelector > li.active {
      color: #d20000; }
    .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="sr-Latn-CS"] > .lang-flag {
      background-image: url("images/lang-icons/sr-Latn-CS.png"); }
    .languages-wrapper > ul.languageSelector > .portal-language {
      display: flex;
      align-items: center;
      padding: 11px 11px 12px 17px;
      border-right: 0 !important;
      border-bottom: 1px solid transparent;
      font-weight: bold;
      width: 150px;
      cursor: pointer;
      color: #333;
      zoom: 1; }
      .languages-wrapper > ul.languageSelector > .portal-language:hover {
        color: #d20000; }
      .languages-wrapper > ul.languageSelector > .portal-language > .lang-flag {
        width: 16px;
        height: 16px;
        background-size: cover; }
      .languages-wrapper > ul.languageSelector > .portal-language .title {
        font-family: "Mark-Regular", sans-serif;
        color: #121212;
        border-bottom: 1px solid transparent;
        margin-left: 0.3rem;
        transition: filter .2s ease; }
      .languages-wrapper > ul.languageSelector > .portal-language.active .title {
        color: #d20000; }
    .languages-wrapper > ul.languageSelector .dropdown-checkmark-icon {
      display: none; }
    .languages-wrapper > ul.languageSelector > .active {
      font-weight: bold; }
      .languages-wrapper > ul.languageSelector > .active .dropdown-checkmark-icon {
        display: block; }

/*==============================================*/
.active-lang {
  display: flex;
  align-items: center;
  width: 146px;
  height: fit-content;
  font-family: "Mark-Regular", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #121212;
  background-color: #f3f3f3;
  border: 2px solid transparent;
  background: #f3f3f3;
  outline: none;
  position: relative;
  cursor: pointer;
  z-index: 21;
  border: 0;
  border-radius: 8px;
  /*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: 2px solid #121212;
    border-radius: 8px; }
    .active-lang.open-border .arrows {
      top: 0px;
      transform: rotate(180deg); }
  .active-lang > ul {
    display: flex; }
    .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="mk-MK"],
    .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="sq-AL"],
    .active-lang > ul > li[data-culture="tr-TR"],
    .active-lang > ul > li[data-culture="de-DE"],
    .active-lang > ul > li[data-culture="sq"],
    .active-lang > ul > li[data-culture="tr"] {
      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/flag.png"); }
    .active-lang > ul > li[data-culture="sr-Latn-CS"] > .lang-flag {
      background-image: url("images/lang-icons/srb.png"); }
    .active-lang > ul > .active-language {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 10px;
      border-right: 0 !important;
      margin-right: 5px;
      font-weight: bold;
      cursor: pointer;
      color: #333;
      zoom: 1; }
      .active-lang > ul > .active-language > .lang-flag {
        width: 16px;
        height: 16px;
        background-size: cover; }
      .active-lang > ul > .active-language .title {
        font-family: "Mark-Regular", sans-serif;
        color: #121212;
        margin-left: 0.3rem;
        /*transition: all .2s ease;*/
        user-select: none; }
  .active-lang > .arrows {
    width: 17px;
    height: 28px;
    position: absolute;
    right: 15px;
    top: 5px;
    transform: scale(0.5); }
  .active-lang span .arrows {
    width: 17px;
    height: 28px;
    position: absolute;
    right: 15px;
    top: 7px;
    transition: transform .3s; }

/*=========================================================*/
input::-ms-reveal,
input::-ms-clear {
  display: none; }

.languageSelectorContainer {
  display: none; }

.active {
  display: block; }

.hidden {
  display: none; }

:focus {
  outline: -webkit-focus-ring-color none 0px !important;
  outline-color: -webkit-focus-ring-color !important;
  outline-style: none !important;
  outline-width: 0px !important; }

.ui-widget-overlay {
  background-color: #000000 !important;
  opacity: .6 !important;
  z-index: 999 !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: 10px; }

h1 {
  font: 400 32px/1.3 "Source-Sans-Pro", sans-serif; }

h2 {
  font: 400 24px/1.2 "Source-Sans-Pro", sans-serif; }

h3 {
  font: 400 22px/1.2 "Source-Sans-Pro", sans-serif; }

h4 {
  font: 400 20px/1.2 "Source-Sans-Pro", sans-serif; }

h5 {
  font: 400 16px/1.2 "Source-Sans-Pro", sans-serif; }

h6 {
  font: 400 14px/1.2 "Source-Sans-Pro", 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: 8px;
  -webkit-transition: border-color .3s;
  transition: border-color .3s;
  background: #FFFFFF;
  position: relative; }
  .input-wrap.input-icon {
    padding-left: 32px;
    background-position: 10px 15px;
    background-repeat: no-repeat; }
  .input-wrap-focus {
    border: solid 1px #494f5a !important; }
  .input-wrap.type-2 {
    padding: 14px 15px 12px 15px; }
    .input-wrap.type-2.input-wrap-payment {
      width: calc(100% - 70px); }
  .input-wrap.type-3 {
    padding: 18px 15px 20px 15px; }
    .input-wrap.type-3.input-wrap-payment {
      width: calc(100% - 70px); }
  .input-wrap.input-check .input-1 {
    padding-right: 15px; }
  .input-wrap.select-1, .input-wrap.combo-wrap {
    padding: 0;
    position: relative; }
  .input-wrap .progress-wrapper {
    position: absolute;
    left: 0;
    bottom: 0; }
  .input-wrap .custom-autocomplete-dropdown {
    position: absolute;
    z-index: 50;
    left: -1px;
    top: 100%;
    /*Bojana*/
    width: calc(100%);
    /*Old:
        width: calc(100% + 2px);
    */ }
  .input-wrap .input-button {
    position: absolute;
    top: 0;
    right: 0; }

textarea {
  font-family: "futura", sans-serif;
  width: 100%;
  font-size: 16px;
  letter-spacing: 0.5px;
  border: none;
  -webkit-appearance: none;
  border-radius: 0;
  padding: 0;
  padding-left: 3px;
  background-color: transparent;
  color: #000000; }

.input-1, .input-change-name {
  width: 100%;
  height: 50px;
  font-family: #555;
  font-size: 16px;
  text-align: left;
  color: #121212;
  padding: 0 52px 0 12px;
  background: #f3f3f3;
  border-radius: 8px;
  line-height: 1.5;
  border: 2px solid transparent;
  margin: 0;
  -webkit-appearance: none;
  transition: all .3s; }
  .input-1.size-2, .input-change-name.size-2 {
    font-size: 18px !important; }
  .input-1[disabled], .input-change-name[disabled] {
    color: #989898;
    background-color: #f1f1f1; }

.input-change-name:focus {
  border-color: #d20000 !important; }

.input-2 {
  font-family: "futura", sans-serif;
  font-size: 16px;
  display: block;
  width: 100%;
  padding: 10px 16px;
  text-align: right;
  border: 1px solid #d1d1d1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 32px; }

.input.bold {
  font-weight: 700; }

.input.text-size-2 {
  font-size: 18px; }

.widget.type-3 {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto; }

.input-button {
  width: 50px;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat; }

.info-button {
  cursor: pointer; }
  .info-button-wrap {
    position: relative; }
    .info-button-wrap .info-button {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      right: -65px;
      top: calc(50% - 10px); }

.progress-wrapper {
  position: relative;
  width: 100%;
  min-height: 10px;
  background-color: #d1d1d1;
  overflow: hidden; }

.progress-bar {
  position: absolute;
  height: 100%;
  background-color: #9CCC66;
  left: 0;
  top: 0; }
  .progress-bar.overFunds {
    background-color: #FF0000; }

.progress-input {
  zoom: 1;
  margin-bottom: 40px; }
  .progress-input:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "."; }

.group-inner.date-group .input-wrap {
  padding-top: 10px; }

.date-input {
  padding-top: 5px;
  background: url(images/icons/calendar.png) 100% center no-repeat;
  background-size: 15px; }

.checkbox-1.styledCheckbox {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(images/icons/checkbox-1.png);
  background-repeat: no-repeat;
  background-position: 0px -16px !important;
  background-size: 16px;
  cursor: pointer;
  position: relative;
  top: 2px;
  margin-right: 10px; }
  .checkbox-1.styledCheckbox.checked {
    background-position: 0px 0px !important; }

.radio-1.styledRadio {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(images/icons/checkbox-2.png);
  background-repeat: no-repeat;
  background-size: 16px;
  cursor: pointer;
  position: relative;
  top: 1px;
  margin-right: 10px; }

.checkbox-label {
  font-size: 14px;
  color: #000000; }
  .checkbox-label-2 {
    display: inline-block;
    padding: 18px 15px 16px 15px;
    line-height: 23px;
    min-height: 24px;
    font-family: "futura", sans-serif;
    font-size: 16px;
    letter-spacing: 0.5px;
    color: #494f5a;
    border: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0; }
    .checkbox-label-2.col-1 {
      padding: 0 0 0 10px; }
    .checkbox-label-2.col-2 {
      padding: 0 0 0 34px; }

.checkbox-wrap {
  padding: 10px 0; }

.radio-list:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: "."; }

.radio-list li {
  zoom: 1;
  margin-bottom: 20px; }

.radio-list .radio-1 {
  float: left; }

.radio-list .checkbox-label {
  float: left;
  line-height: 18px;
  width: calc(100% - 26px);
  text-transform: uppercase; }

.list-title {
  font-size: 14px;
  color: #7b7b7b; }

.focusin .custom-autocomplete-dropdown {
  border: 1px solid #000000; }

.custom-autocomplete-dropdown {
  -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.05);
  display: none;
  border: 1px solid #d1d1d1;
  max-height: 386px;
  overflow: auto;
  background-color: #ffffff; }

.dropdown-item {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: relative;
  display: block;
  padding: 22px;
  padding-left: 75px;
  font-size: 16px;
  cursor: pointer; }
  .dropdown-item:hover, .dropdown-item.highlight {
    background-color: #e5f4f9; }
  .dropdown-item.border {
    border-bottom: 1px solid #ebeced; }
  .dropdown-item .icon {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    width: 20px;
    height: 20px;
    right: 0px;
    background-repeat: no-repeat;
    background-position: 100% center; }
  .dropdown-item .dropdown-tag {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: 20px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    border: 2px solid #d1d1d1;
    background-repeat: no-repeat;
    background-position: center; }
    .dropdown-item .dropdown-tag.type-2 {
      background-color: #ED1C24;
      border-color: #ED1C24; }
    .dropdown-item .dropdown-tag img {
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      position: absolute;
      top: 50%;
      left: 50%;
      display: inline-block;
      max-width: calc(100% - 4px);
      max-height: calc(100% - 4px); }

.custom-checkbox-wrapper {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-border-radius: 7.5px;
  -moz-border-radius: 7.5px;
  -ms-border-radius: 7.5px;
  border-radius: 7.5px;
  display: inline-block;
  position: relative;
  width: 30px;
  height: 15px;
  background-color: #dadada;
  cursor: pointer; }
  .custom-checkbox-wrapper.checked {
    background-color: #c3b400; }
    .custom-checkbox-wrapper.checked .custom-checkbox-pin {
      background-color: #FFEC00;
      border-color: #FFEC00;
      left: 15px; }
  .custom-checkbox-wrapper.col {
    position: absolute;
    left: 0;
    top: 5px; }
    .custom-checkbox-wrapper.col-2 {
      right: -27px;
      margin-bottom: -2px; }
  .custom-checkbox-wrapper .custom-checkbox-pin {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: -5px;
    right: auto;
    width: 20px;
    height: 20px;
    background-color: #FFFFFF;
    border: 1px solid #d1d1d1; }
  .custom-checkbox-wrapper .cc-checkbox {
    display: none; }

.combined-inputs .input {
  display: inline-block;
  line-height: 23px;
  min-height: 24px;
  max-width: 30px;
  font-family: "futura", sans-serif;
  font-size: 16px;
  letter-spacing: 0.5px;
  color: #494f5a;
  border: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 0; }
  .combined-inputs .input.type-2 {
    max-width: 137px; }
  .combined-inputs .input-size-changer {
    position: absolute;
    top: -9999px;
    display: inline-block;
    line-height: 23px;
    margin: 0;
    min-width: 20px !important;
    min-height: 24px;
    font-family: "futura", sans-serif;
    font-size: 16px;
    letter-spacing: 0.5px;
    color: #494f5a;
    border: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0; }

.combined-inputs hr {
  display: inline-block;
  width: 16px;
  margin-left: 5px;
  margin-right: 5px;
  border-style: solid;
  border-color: #dedede; }

.custom-form .button-wrap.two-buttons {
  zoom: 1; }
  .custom-form .button-wrap.two-buttons:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "."; }
  .custom-form .button-wrap.two-buttons .button {
    width: 50%;
    float: left; }
  .custom-form .button-wrap.two-buttons-2 {
    height: 70px; }
    .custom-form .button-wrap.two-buttons-2 .button {
      width: calc(50% - 10px);
      float: left; }
      .custom-form .button-wrap.two-buttons-2 .button:first-child {
        margin-right: 10px; }
      .custom-form .button-wrap.two-buttons-2 .button:last-child {
        margin-left: 10px; }

.s-widget .custom-form {
  padding-top: 50px; }

.s-widget .widget-links {
  margin-bottom: 50px; }

.s-widget.FXTrading .inner {
  padding: 0 100px; }

.s-widget .inner.type-2 {
  padding: 0 50px; }

.custom-form .group {
  position: relative;
  margin-bottom: 50px; }
  .custom-form .group.margin-2 {
    position: relative;
    margin-bottom: 20px; }
  .custom-form .group.type-2 {
    position: relative;
    margin-bottom: 20px; }
  .custom-form .group .info-icon {
    right: -65px; }

.content-hidden {
  display: none;
  padding-top: 5px; }

.custom-form.border-top {
  border-top: 2px solid #EFEFEF; }

.widget-btn-wrap .stripe:before {
  position: relative;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "";
  height: 100%;
  width: 1px;
  background-color: #EFEFEF;
  visibility: visible; }

.input-select-wrap {
  position: relative;
  padding-right: 90px; }
  .input-select-wrap.type-2 {
    padding-right: 180px; }
  .input-select-wrap .select-4 {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: calc(100% - 160px);
    max-width: 165px; }
  .input-select-wrap .select-3 {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    right: 0;
    margin: 0;
    min-width: auto; }
    .input-select-wrap .select-3 select {
      width: auto;
      font-weight: 700; }

.col-fix-size-2 {
  float: left;
  width: 400px; }

.col-fix-size-1 {
  float: left;
  width: 200px; }

.group-title {
  font-size: 18px;
  color: #0095c9;
  margin-bottom: 40px; }
  .group-title.type-2 {
    font-size: 14px;
    color: #7b7b7b; }

.plan-text {
  zoom: 1;
  border-bottom: 1px solid #ebeced;
  margin-bottom: 30px; }
  .plan-text:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "."; }
  .plan-text.margin-2 {
    margin-bottom: 45px; }
  .plan-text .key {
    font-size: 16px;
    margin-bottom: 5px;
    float: left; }
  .plan-text .value {
    text-align: right;
    font-size: 16px;
    margin-bottom: 5px;
    float: right; }
  .plan-text p.size-2,
  .plan-text span.size-2 {
    font-size: 18px; }
  .plan-text p.bold,
  .plan-text span.bold {
    font-weight: 700; }

.text-cl-1 {
  color: #000000; }

.text-cl-2 {
  color: #333333; }

.text-cl-3 {
  color: #7b7b7b; }

.dropdown-item.type-2 {
  padding-left: 55px; }
  .dropdown-item.type-2 .dropdown-tag {
    left: 0; }

.custom-autocomplete-dropdown .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail {
  background-color: transparent; }

.custom-autocomplete-dropdown .mCSB_inside > .mCSB_container {
  margin-right: 0px !important; }

.custom-autocomplete-dropdown .mCSB_scrollTools {
  width: 5px; }

.custom-autocomplete-dropdown .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 0; }

.creditAccountPart {
  width: auto; }
  .creditAccountPart.creditAccount2 {
    width: 130px; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */ }

input[type='number'] {
  -moz-appearance: textfield; }

.input.text-size-2 {
  font-size: 18px; }

.input.bold {
  font-weight: 700; }

.texarea-1 {
  border: none;
  -webkit-appearance: none;
  width: 100%;
  resize: none;
  font-family: "futura", sans-serif;
  font-size: 16px;
  letter-spacing: 0.5px;
  color: #000000; }
  .texarea-1:focus {
    outline: none; }

/*#endregion inputs*/
/*#region select*/
.select-wrap {
  padding-left: 0;
  padding-right: 0; }

.select-1:focus {
  outline: none; }

.select-3 {
  margin-bottom: 15px;
  display: inline-block;
  min-width: 130px; }
  .select-3:before {
    content: '';
    width: 0;
    height: 0;
    border: 0;
    background: none;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #000000 transparent transparent transparent;
    position: absolute;
    top: 23px;
    right: 15px; }
  .select-3 select {
    background-color: #FFFFFF;
    font-family: "futura", sans-serif;
    font-size: 16px;
    display: block;
    width: calc(100% - 50px);
    padding: 14px 35px;
    line-height: 24px;
    padding-left: 0px;
    float: right;
    direction: rtl;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }

.select-4:before {
  content: '';
  width: 0;
  height: 0;
  border: 0;
  background: none;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #000000 transparent transparent transparent;
  position: absolute;
  top: 21px;
  right: 15px; }

.select-4 select {
  background-color: #FFFFFF;
  font-family: "futura", sans-serif;
  max-width: 100%;
  font-size: 16px;
  display: block;
  padding: 14px 5px;
  padding-right: 40px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

select::-ms-expand {
  display: none; }

/*#endregion select*/
/*#region Objects*/
.z-10 {
  position: relative;
  z-index: 10; }

.z-20 {
  position: relative;
  z-index: 20; }

.z-30 {
  position: relative;
  z-index: 30; }

.z-40 {
  position: relative;
  z-index: 40; }

.z-50 {
  position: relative;
  z-index: 50; }

.inner-margin-1 {
  margin-bottom: 10px; }

.inner-margin-2 {
  margin-bottom: 20px; }

.inner-margin-3 {
  margin-bottom: 30px; }

.inner-margin-4 {
  margin-bottom: 40px; }

.inner-margin-5 {
  margin-bottom: 50px; }

.inner-margin-6 {
  margin-bottom: 60px; }

.inner-margin-7 {
  margin-bottom: 70px; }

.inner-margin-right-small {
  margin-right: 30px; }

.inner-margin-medium {
  margin-bottom: 100px !important; }

.inner-padding-1 {
  padding-top: 10px; }

.inner-padding-2 {
  padding-top: 20px; }

.inner-padding-3 {
  padding-top: 30px; }

.inner-padding-4 {
  padding-top: 40px; }

.inner-padding-5 {
  padding-top: 50px; }

.inner-padding-7 {
  padding-top: 70px; }

.inner-padding-medium {
  padding-top: 100px !important; }

.inner-padding-bottom {
  padding-bottom: 100px; }

#icon-container {
  display: none; }

/*#endregion Objects*/
/*#region buttons*/
button {
  font-family: "futura", sans-serif; }
  button:focus {
    outline: none; }

.btn-1 {
  display: inline-block;
  font-family: "Mark-Medium", sans-serif;
  font-size: 15px;
  text-align: center;
  border: none;
  padding: 15px 17px;
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
  -webkit-appearance: none;
  width: 100%; }
  .btn-1:hover {
    background-color: #b40000;
    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.color-1 {
    color: #FFFFFF;
    background: #d20000; }
    .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: #d20000;
    transition: all .5s; }
    .btn-1.color-6:hover {
      background-color: #b40000;
      transition: all .5s; }
      .btn-1.color-6:hover .arr-right {
        background-image: url(images/icons/arrow-y-right.png); }
  .btn-1.color-7 {
    background-color: #000000;
    color: #FFF200; }
    .btn-1.color-7:hover {
      background-color: #393939;
      color: #FFF200; }
  .btn-1.color-8 {
    background-color: transparent;
    color: #0095c9;
    font-weight: normal; }
    .btn-1.color-8:hover {
      background-color: #fff64d;
      color: #000000; }

.button-3 {
  display: inline-block;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
  color: #0095c9 !important;
  border: 1px solid #d1d1d1;
  padding: 17px 25px;
  padding-left: 60px;
  background-position: 20px center;
  background-repeat: no-repeat;
  text-align: center;
  cursor: pointer; }
  .button-3:hover {
    background-color: rgba 82, 174, 48, 0.5; }
  .button-3.type-2 {
    padding-left: 25px;
    max-width: 345px;
    width: 100%; }

/*#endregion buttons*/
/*#region labels*/
.label-1 {
  display: block;
  font-family: "Mark-Medium", sans-serif;
  font-size: 14px;
  line-height: 1.42;
  color: #888888;
  margin-bottom: 8px; }

/*#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/left-arrow.png); }

.right-icon {
  background-image: url(images/icons/arrow-right-3.png); }
  .right-icon-2 {
    background-image: url(images/icons/right-arrow.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 .input-ico-right {
  width: 18px;
  height: 18px;
  right: 15%;
  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; }

.UserInfo i {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  margin-right: 10px; }

.tag {
  border-radius: 50%;
  border: 2px solid #D9D9D9;
  color: #000000;
  font-weight: normal;
  font-size: 16px;
  width: 35px;
  height: 35px;
  line-height: 30px;
  margin-right: 10px;
  margin-left: 15px;
  box-sizing: border-box;
  text-align: center;
  display: inline-block;
  position: relative;
  float: left; }
  .tag .tag-icon {
    width: 31px;
    height: 31px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    background-repeat: no-repeat !important;
    display: inline-block; }
    .tag .tag-icon:not(.trnType) {
      background-size: cover !important; }

.side-modal .tag {
  float: right;
  position: absolute;
  top: 5px;
  right: 1px; }

/*#endregion icons*/
/*#region option*/
.widget-options .move {
  display: none; }
  .widget-options .move-icon {
    background-size: 14px; }
    .widget-options .move-icon:hover {
      background-image: url(images/icons/move-3.png); }
    .widget-options .move-icon.dark {
      background-image: url(images/icons/move-2.png); }
    .widget-options .move-icon.dark-2 {
      background-image: url(images/icons/move-3.png); }

.widget-options .icon-options-1:hover {
  background-image: url(images/icons/options-icon-3.png); }

.widget-options .options-icon.dark {
  background-image: url(images/icons/options-icon-2.png); }
  .widget-options .options-icon.dark:hover {
    background-color: rgba(73, 79, 90, 0.3);
    border-color: #494f5a; }
  .widget-options .options-icon.dark-2 {
    background-image: url(images/icons/options-icon-3.png); }
    .widget-options .options-icon.dark-2:hover {
      background-color: rgba(73, 79, 90, 0.3); }

.widget-options .print-icon {
  background-size: 16px; }
  .widget-options .print-icon:hover {
    background-image: url(images/icons/print-icon-2.png); }

.widget-options .icon-save-1:hover {
  background-image: url(images/icons/save-icon-2.png); }

.widget-options .minimize-icon {
  background-size: 10px; }

.widget-options .maximize-icon {
  background-size: 10px; }

.widget-options .filter-icon {
  background-size: 14px; }
  .widget-options .filter-icon:hover {
    background-image: url(images/icons/filter-2.png); }

.widget-options li.active .icon-list-1 {
  background-image: url(images/icons/list-2.png);
  border-color: #494f5a; }
  .widget-options li.active .icon-list-1:hover {
    background-image: url(images/icons/list-2.png);
    border-color: #494f5a; }

.widget-options li.active .icon-chart-1 {
  background-image: url(images/icons/chart-2.png);
  border-color: #494f5a; }

.widget-options li .left-icon:hover,
.widget-options li .right-icon:hover {
  border-color: #CFD0D2; }

.widget-options .icon-list-1 {
  background-image: url(images/icons/list-2.png);
  border-color: #494f5a; }
  .widget-options .icon-list-1:hover {
    background-image: url(images/icons/list-2.png);
    border-color: #494f5a; }

.widget-options .icon-chart-1 {
  background-image: url(images/icons/chart-2.png);
  border-color: #494f5a; }

.widget-options .options-icon {
  background-size: 3px; }

.widget-options .left-icon {
  background-position: 11px center;
  background-size: 7px; }

.widget-options .right-icon {
  background-position: 14px center;
  background-size: 7px; }

.showCardBalance {
  display: flex;
  position: relative;
  top: 47px;
  left: -11px; }
  .showCardBalance2 {
    position: relative;
    top: 62px;
    left: -11px; }
  .showCardBalance0 {
    position: absolute;
    top: 57px;
    left: 3px; }
    .showCardBalance0 a {
      width: 179px !important; }
    .showCardBalance0 a:nth-child(2) {
      position: absolute;
      top: 37px;
      margin-top: 10px; }

.btn-0 {
  padding: 7px 10px !important; }

.paddingLeft {
  padding-left: 10px; }

.flex {
  display: flex; }

.btnShowCardBalaceGrid {
  position: relative !important;
  float: right !important;
  width: 161px !important;
  margin-top: 0px !important;
  background: url(images/icons/icon-reload-2.png) no-repeat 8px;
  background-size: 23px;
  text-align: right;
  margin-right: -16px; }
  .btnShowCardBalaceGrid a {
    width: 170px !important; }

.gvCurrencyExchange .clientGridPager .wrapper {
  opacity: 0;
  user-select: none;
  pointer-events: none; }

.w-options {
  position: relative; }
  .w-options .options-down {
    display: none;
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 1;
    background: #FFFFFF;
    -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.3); }
    .w-options .options-down ul {
      padding: 10px 20px; }
    .w-options .options-down li {
      float: none;
      margin: 5px 0; }
    .w-options .options-down a,
    .w-options .options-down p {
      display: block;
      font-size: 14px;
      color: #333333;
      text-transform: uppercase;
      text-align: right;
      margin: 5px 0;
      white-space: nowrap; }

/*#endregion option*/
/*#region slidertutorial*/
.SliderTutorial,
.widget-tutorial-slider {
  position: relative; }
  .SliderTutorial .slider .slick-list,
  .widget-tutorial-slider .slider .slick-list {
    max-width: 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: .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: #d20000; }
    .SliderTutorial .slick-dots button,
    .widget-tutorial-slider .slick-dots button {
      border-radius: 50%;
      color: transparent;
      background-color: #C7C7C7;
      font-size: 2px;
      margin: 0 2px;
      width: 8px;
      height: 8px;
      padding: 0;
      text-indent: -9999px;
      overflow: hidden;
      border: none;
      cursor: pointer; }
  .SliderTutorial .slick-slide,
  .widget-tutorial-slider .slick-slide {
    opacity: 1 !important;
    position: relative; }
  .SliderTutorial .slick-active,
  .widget-tutorial-slider .slick-active {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    transition-delay: .5s;
    opacity: 1 !important; }
  .SliderTutorial .slide .inner,
  .widget-tutorial-slider .slide .inner {
    position: absolute;
    bottom: 30px;
    text-align: left;
    padding-left: 50px;
    margin-bottom: 40px;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
    max-width: 380px; }
    .SliderTutorial .slide .inner p,
    .widget-tutorial-slider .slide .inner p {
      font-size: 40px;
      color: #FFFFFF; }
    .SliderTutorial .slide .inner .title,
    .widget-tutorial-slider .slide .inner .title {
      margin-bottom: 10px;
      color: #ffffff;
      font-family: Source-Sans-Pro-Bold;
      font-size: 40px;
      line-height: 100%;
      letter-spacing: -.02em; }
    .SliderTutorial .slide .inner .text,
    .widget-tutorial-slider .slide .inner .text {
      margin-bottom: 40px;
      color: #ffffff;
      font-size: 18px;
      line-height: 1.08333; }
  .SliderTutorial .play-icon-btn,
  .widget-tutorial-slider .play-icon-btn {
    display: inline-block;
    width: 90px;
    min-height: 30px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    border: none;
    padding: 14px 36px 11px;
    text-align: center;
    border-radius: 38px;
    font-size: 15px;
    transition: all .5s;
    margin-left: 0px;
    margin-bottom: -40px; }
  .SliderTutorial .btn-slider-show,
  .widget-tutorial-slider .btn-slider-show {
    background-color: #d20000;
    z-index: 100;
    border-radius: 38px;
    display: inline;
    padding: 15px 2px 10px;
    min-height: 27px;
    transition: all .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 .5s;
    color: #ffffff;
    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.UserInfo {
  background-color: transparent;
  height: 100%; }
  .s-widget.UserInfo .s-widget-content {
    height: 100%; }
  .s-widget.UserInfo .s-widget-body {
    min-height: 0;
    height: 100%;
    overflow: visible; }

.userinfo .s-widget-body .loginControls {
  text-align: right;
  height: 40px;
  margin-top: 20px; }

/*#endregion userinfo*/
/*#region custom*/
.filter-dialog-button {
  position: absolute;
  right: 13px;
  top: 13px;
  display: inline-block;
  width: 36px;
  height: 26px;
  border: 2px solid #CFD0D2;
  border-radius: 13px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 14px;
  vertical-align: middle;
  background-image: url(images/icons/filter-1.png);
  cursor: pointer;
  box-sizing: border-box; }
  .filter-dialog-button:hover {
    background-image: url(images/icons/filter-2.png);
    border-color: #494f5a; }

.search-message-button {
  position: absolute;
  right: 13px;
  top: 13px;
  display: inline-block;
  width: 36px;
  height: 26px;
  border: 2px solid #CFD0D2;
  border-radius: 13px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 14px;
  vertical-align: middle;
  background-image: url(images/icons/icon-search-1.png);
  cursor: pointer;
  box-sizing: border-box; }
  .search-message-button:hover {
    background-image: url(images/icons/icon-search-2.png);
    border-color: #494f5a; }

.filter.message-hub.hidden {
  display: none; }

.filter.message-hub.active {
  display: block; }

.input-wrap.message-hub {
  width: 83%;
  float: left;
  margin-right: 20px; }

.btn-1.color-6.messahe-hub {
  width: 15%;
  padding: 17px 10px; }

.group-inner.message-hub {
  box-sizing: border-box; }

.MessageHubNotificationList .filter .filter-inner {
  padding: 0 20px;
  padding-top: 25px; }

[class^="col-button"] {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  cursor: pointer;
  display: inline-block;
  color: #0095c9;
  font-size: 14px;
  line-height: 38px;
  text-align: center;
  text-transform: uppercase;
  padding-right: 30px;
  background-image: url(images/icons/arrow-blue-r.png);
  background-size: 6px;
  background-repeat: no-repeat;
  background-position: 100% center;
  margin: 0; }
  [class^="col-button"]:hover {
    opacity: .6; }

.button-col .col-button {
  position: absolute;
  top: 12px;
  right: 20px; }

.group {
  width: 100%; }
  .group.group-two .group-inner {
    float: left;
    width: 48%; }
    .group.group-two .group-inner:first-child {
      margin-right: 4%; }
  .group .group-inner {
    width: 100%;
    margin-bottom: 25px; }
    .group .group-inner .input-info input {
      padding-right: 40px; }
    .group .group-inner .info-icon {
      display: inline-block;
      width: 34px;
      height: 24px;
      border: 2px solid #CFD0D2;
      border-radius: 13px;
      background-position: center center;
      background-repeat: no-repeat;
      background-image: url(images/icons/info-icon-1.png);
      background-size: 2px;
      position: absolute;
      right: 5px;
      top: 12px; }
      .group .group-inner .info-icon:hover p {
        opacity: 1;
        visibility: visible; }
      .group .group-inner .info-icon p {
        width: 250px;
        padding: 15px;
        background-color: rgba(73, 80, 90, 0.7);
        position: absolute;
        right: 15px;
        bottom: 29px;
        font-size: 14px;
        color: #FFFFFF;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
        margin-bottom: 20px; }
        .group .group-inner .info-icon p:after {
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 12px 0px 0 13px;
          border-color: #49505A transparent transparent transparent;
          position: absolute;
          right: 0px;
          bottom: -12px;
          opacity: 0.7; }
    .group .group-inner .step-line {
      height: 3px;
      background-color: #d1d1d1; }
      .group .group-inner .step-line div {
        height: 100%;
        background-color: #FFF200; }
      .group .group-inner .step-line .step-line-inner-1 {
        width: 33%; }
      .group .group-inner .step-line .step-line-inner-2 {
        width: 66%; }
    .group .group-inner .info-box-1 {
      padding: 20px;
      border: 1px solid #d1d1d1;
      margin-top: 150px; }
      .group .group-inner .info-box-1 .info-box-image {
        background: url(images/contact-2xx.png);
        width: 50px;
        height: 50px;
        background-size: cover;
        display: inline-block; }
      .group .group-inner .info-box-1 h4 {
        padding-top: 15px;
        text-transform: none;
        font: 700 20px/1.2 "futura", sans-serif;
        font-size: 16px;
        display: inline-block;
        position: relative;
        top: -17px;
        left: 15px; }
      .group .group-inner .info-box-1 p {
        font-size: 16px;
        color: #7b7b7b;
        margin-top: 30px;
        line-height: 24px; }
    .group .group-inner.error-msg .error-msg_p {
      color: #FF0000;
      font-size: 15px;
      margin-top: 25px; }
    .group .group-inner.error-msg .input-wrap {
      border-color: #FF0000 !important; }
  .group.steps-new p {
    font-size: 16px;
    color: #7b7b7b;
    margin-top: 30px;
    line-height: 24px;
    margin-bottom: 20px; }

.col-ls-24 {
  width: 100% !important; }

.custom-table * {
  box-sizing: border-box; }

.custom-table .list-item.row-1 {
  cursor: pointer; }

.custom-table .col {
  float: left;
  padding: 11px 15px;
  position: relative; }
  .custom-table .col.col-ls-24 {
    width: 100%; }
  .custom-table .col.col-ls-23 {
    width: 95.83333333%; }
  .custom-table .col.col-ls-22 {
    width: 91.66666667%; }
  .custom-table .col.col-ls-21 {
    width: 87.5%; }
  .custom-table .col.col-ls-20 {
    width: 83.33333333%; }
  .custom-table .col.col-ls-19 {
    width: 79.16666666%; }
  .custom-table .col.col-ls-18 {
    width: 75%; }
  .custom-table .col.col-ls-17 {
    width: 70.83333266%; }
  .custom-table .col.col-ls-16 {
    width: 66.66666667%; }
  .custom-table .col.col-ls-15 {
    width: 62.5%; }
  .custom-table .col.col-ls-14 {
    width: 58.33333333%; }
  .custom-table .col.col-ls-13 {
    width: 54.16666667%; }
  .custom-table .col.col-ls-12 {
    width: 50%; }
  .custom-table .col.col-ls-11 {
    width: 45.83333333%; }
  .custom-table .col.col-ls-10 {
    width: 41.66666667%; }
  .custom-table .col.col-ls-9 {
    width: 37.5%; }
  .custom-table .col.col-ls-8 {
    width: 33.33333333%; }
  .custom-table .col.col-ls-7 {
    width: 29.16666667%; }
  .custom-table .col.col-ls-6 {
    width: 25%; }
  .custom-table .col.col-ls-5 {
    width: 20.83333333%; }
  .custom-table .col.col-ls-4 {
    width: 16.66666667%; }
  .custom-table .col.col-ls-3 {
    width: 12.5%; }
  .custom-table .col.col-ls-2 {
    width: 8.333333333%; }
  .custom-table .col.col-ls-1 {
    width: 4.166666667%; }

.custom-table .list-item {
  padding: 5px 0;
  border-bottom: 2px solid #EFEFEF; }
  .custom-table .list-item.selected, .custom-table .list-item:hover {
    background: rgba 82, 174, 48, 0.5; }
  .custom-table .list-item:after {
    content: "";
    display: table;
    clear: both; }
  .custom-table .list-item .big {
    font-size: 20px; }
  .custom-table .list-item .account-col {
    padding-right: 50px;
    padding-left: 70px; }
    .custom-table .list-item .account-col .account-icon {
      position: absolute;
      top: 50%;
      left: 20px;
      margin-top: -15px;
      display: inline-block;
      width: 30px;
      height: 30px;
      background-repeat: no-repeat;
      background-position: center center; }
    .custom-table .list-item .account-col .edit-icon,
    .custom-table .list-item .account-col .hide-icon {
      display: inline-block;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 14px;
      position: absolute;
      top: 50%;
      right: 10px;
      margin-top: -14px;
      overflow: visible;
      width: 36px;
      height: 26px;
      border: 2px solid #CFD0D2;
      border-radius: 13px;
      cursor: pointer; }
  .custom-table .list-item .overdraft-amount-col {
    padding-top: 10px; }
  .custom-table .list-item .button-col {
    padding-right: 160px; }
    .custom-table .list-item .button-col .btn-1 {
      width: 130px;
      position: absolute;
      top: 50%;
      margin-top: -18px;
      right: 15px; }
      .custom-table .list-item .button-col .btn-1.up-btn {
        margin-top: -40px; }
  .custom-table .list-item .btn-1 {
    display: inline-block;
    width: auto;
    min-width: 82px;
    padding: 9px 10px; }
  .custom-table .list-item .col-text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 0; }
  .custom-table .list-item .text-1 {
    font-size: 14px;
    line-height: 38px; }
  .custom-table .list-item .text-3 {
    font-size: 18px;
    line-height: 38px; }
  .custom-table .list-item .text-top-2 {
    font-size: 14px;
    line-height: 15px; }
  .custom-table .list-item .text-cl-1 {
    color: #333333; }
  .custom-table .list-item .text-cl-cl-1 {
    color: #333333; }
  .custom-table .list-item .left {
    text-align: left !important; }
  .custom-table .list-item .right {
    text-align: right; }

.custom-table .has-button {
  padding-right: 160px; }
  .custom-table .has-button .btn-1 {
    width: 130px;
    position: absolute;
    top: 50%;
    margin-top: -18px;
    right: 15px; }

.custom-table .text-bottom-2 {
  line-height: 21px; }

.show-more {
  padding: 21px 0 20px 0;
  text-transform: uppercase;
  cursor: pointer; }
  .show-more.type-2 {
    display: inline-block;
    width: auto;
    color: #0095c9; }
  .show-more .arrow-bottom-1 {
    background: url(images/icons/arrow-blue-d.png) center center no-repeat;
    background-size: 10px;
    display: inline-block;
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
    .show-more .arrow-bottom-1.rotated {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }
  .show-more span {
    font-size: 14px; }

.halign {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%); }

.acc-nav .nav-arr {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 2px solid #f4f4f4;
  background-position: center center;
  background-size: 7px;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  position: absolute;
  top: 50%;
  margin-top: -40px; }

.acc-nav #arr-prev {
  background-image: url(images/icons/arrow-b-left.png);
  left: 50%;
  margin-left: -400px;
  z-index: 100; }

.acc-nav #arr-next {
  background-image: url(images/icons/arrow-b-right.png);
  right: 50%;
  margin-right: -400px;
  z-index: 100; }

.uk-width-1-2, .uk-width-2-4, .uk-width-5-10 {
  width: 50%; }

.uk-width-3-6 {
  width: 100% !important; }

.uk-width-2-3, .uk-width-4-6 {
  width: 66.666%; }

.uk-width-1-3, .uk-width-2-6 {
  width: 33.333%; }

.uk-width-1-6 {
  width: 16.6%;
  display: inline-block; }

.uk-width-5-6 {
  width: 82.8%;
  display: inline-block;
  box-sizing: border-box; }

.line {
  background-color: #ebeced;
  height: 1px;
  border: none; }

.ui-slider-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: 8px 13px;
  margin-left: 16px;
  background-color: #d20000;
  -webkit-transition: box-shadow .5s,background-color .5s;
  transition: box-shadow .5s,background-color .5s;
  border-radius: 20px;
  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: #fff200; }

.dropdown-wrap {
  position: relative;
  font-size: 16px;
  color: #000000;
  padding: 20px 0;
  padding-right: calc(50% + 20px);
  line-height: 22px; }
  .dropdown-wrap .input-wrap {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    right: 0;
    width: calc(50% - 10px);
    padding: 16px 15px 13px 15px; }

.info-card {
  position: relative;
  border: 1px solid #d1d1d1;
  padding: 20px;
  padding-top: 35px; }
  .info-card i {
    position: absolute;
    display: inline-block;
    left: 15px;
    top: 15px;
    width: 55px;
    height: 55px;
    background-repeat: no-repeat;
    background-position: center; }
  .info-card .title {
    font-size: 16px;
    font-weight: 700;
    color: #000000;
    margin-left: 65px; }
  .info-card .text {
    font-size: 16px;
    color: #7b7b7b; }

.empty-section {
  padding: 100px 0;
  text-align: center; }
  .empty-section .title {
    font-size: 20px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 5px; }
  .empty-section .text {
    font-size: 16px;
    color: #7b7b7b;
    margin-bottom: 20px; }
  .empty-section .empty-section-image {
    background-repeat: no-repeat !important;
    width: 91px;
    height: 91px;
    margin: auto auto 30px auto; }
    .empty-section .empty-section-image.empty-section-accounts {
      background: url(images/icons/icon-account-1.png); }
    .empty-section .empty-section-image.empty-section-cards {
      background: url(images/icons/icon-cards-1.png); }
    .empty-section .empty-section-image.empty-section-loans {
      background: url(images/icons/icon-loans-1.png); }

.header-border-bottom .s-widget-header {
  border-bottom: 2px solid #EFEFEF; }

.close-button-2 {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(images/icons/close.png);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  float: right;
  cursor: pointer; }

.checkbox-bar {
  padding-top: 25px;
  padding-bottom: 25px; }
  .checkbox-bar.border {
    border-bottom: 1px solid #ebeced; }
  .checkbox-bar .custom-check-label {
    position: relative;
    font-size: 16px;
    display: inline-block;
    padding-right: 50px;
    margin-right: 100px; }
    .checkbox-bar .custom-check-label .custom-checkbox-wrapper {
      top: 50%;
      transform: translateY(-50%);
      position: absolute;
      right: 0; }
      .checkbox-bar .custom-check-label .custom-checkbox-wrapper.checked {
        background-color: #c3b400; }

.hideSlickArrows .slide-control {
  display: none !important; }

.modal-text {
  font-size: 16px;
  line-height: 22px;
  color: #000000; }

.custom-dropdown {
  position: relative;
  padding: 14px 15px 12px 15px;
  border: 1px solid #d1d1d1;
  cursor: pointer; }
  .custom-dropdown.open {
    border-bottom-color: transparent; }
    .custom-dropdown.open-up {
      border-bottom-color: #d1d1d1;
      border-top-color: transparent; }
      .custom-dropdown.open-up .menu {
        border-top-color: #d1d1d1;
        border-bottom-color: transparent;
        top: auto;
        bottom: 100%; }
  .custom-dropdown .menu {
    display: none;
    position: absolute;
    left: -1px;
    top: 100%;
    width: calc(100% + 2px);
    border: 1px solid #d1d1d1;
    border-top-color: transparent;
    background-color: #FFFFFF;
    max-height: 385px;
    overflow: auto;
    z-index: 1001; }
    .custom-dropdown .menu .category-item {
      position: relative;
      display: block;
      font-size: 18px;
      font-weight: 500;
      padding: 10px 15px; }
      .custom-dropdown .menu .category-item.active, .custom-dropdown .menu .category-item:hover {
        background-color: #F2F2F2; }
      .custom-dropdown .menu .category-item:after {
        position: absolute;
        content: "";
        top: 15px;
        right: 15px;
        width: 15px;
        height: 15px;
        background-image: url(images/icons/icon-plus-1.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 14px; }
      .custom-dropdown .menu .category-item.active:after {
        background-image: url(images/icons/icon-minus-1.png); }
      .custom-dropdown .menu .category-item.active .btn-add {
        display: block; }
      .custom-dropdown .menu .category-item .btn-add {
        display: none;
        padding: 10px 0;
        font-weight: 400;
        text-transform: uppercase;
        font-size: 14px;
        color: #0095c9; }
      .custom-dropdown .menu .category-item .add-input {
        display: none;
        position: absolute;
        left: 10px;
        bottom: 10px;
        width: calc(100% - 80px);
        padding-right: 64px; }
        .custom-dropdown .menu .category-item .add-input input {
          display: block;
          width: 100%;
          font-size: 16px;
          font-weight: 400;
          background-color: #FFFFFF;
          border: 1px solid #d1d1d1;
          padding: 5px; }
        .custom-dropdown .menu .category-item .add-input .cancel {
          position: absolute;
          top: 0;
          right: 32px;
          width: 32px;
          height: 100%;
          background-color: #d1d1d1;
          background-image: url(images/icons/close.png);
          background-size: 8px;
          background-repeat: no-repeat;
          background-position: center; }
        .custom-dropdown .menu .category-item .add-input .confirm {
          position: absolute;
          top: 0;
          right: 0px;
          width: 32px;
          height: 100%;
          background-color: #FFF200;
          background-image: url(images/icons/icon-check-1.png);
          background-size: 10px;
          background-repeat: no-repeat;
          background-position: center; }
      .custom-dropdown .menu .category-item.adding .btn-add {
        opacity: 0;
        visibility: hidden; }
      .custom-dropdown .menu .category-item.adding .add-input {
        display: block; }
    .custom-dropdown .menu .sub-menu {
      display: none; }
      .custom-dropdown .menu .sub-menu li {
        position: relative;
        padding: 10px 0;
        padding-right: 30px;
        font-weight: 400;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        .custom-dropdown .menu .sub-menu li:hover {
          color: #0095c9; }
        .custom-dropdown .menu .sub-menu li .remove,
        .custom-dropdown .menu .sub-menu li .edit,
        .custom-dropdown .menu .sub-menu li .save,
        .custom-dropdown .menu .sub-menu li .cancel {
          position: absolute;
          top: 0px;
          width: 30px;
          height: 100%;
          background-repeat: no-repeat;
          background-position: center;
          background-size: 14px; }
        .custom-dropdown .menu .sub-menu li .remove,
        .custom-dropdown .menu .sub-menu li .cancel {
          right: -5px;
          background-image: url(images/icons/icon-remove-1.png); }
        .custom-dropdown .menu .sub-menu li .cancel {
          display: none; }
        .custom-dropdown .menu .sub-menu li .edit {
          right: 15px;
          background-image: url(images/icons/edit-4.png); }
        .custom-dropdown .menu .sub-menu li .save {
          display: none;
          right: 15px;
          background-image: url(images/icons/checked-green.png); }
  .custom-dropdown .label {
    font-size: 16px;
    color: #7b7b7b;
    background: #FFFFFF;
    position: absolute;
    bottom: calc(100% - 8px);
    left: 5px;
    padding: 0 10px;
    letter-spacing: .2px;
    margin: 0; }
  .custom-dropdown .main-title {
    position: relative;
    line-height: 23px;
    min-height: 24px;
    font-size: 16px;
    letter-spacing: 0.5px;
    color: #000000;
    margin: 0; }
    .custom-dropdown .main-title:after {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      content: "";
      right: 0;
      width: 12px;
      height: 12px;
      background-image: url(images/icons/icon-carrot-1.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 11px; }
  .custom-dropdown .add-input {
    display: none;
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: calc(100% - 20px);
    padding-right: 64px; }

.remove-button {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -ms-border-radius: 13px;
  border-radius: 13px;
  display: inline-block;
  width: 36px;
  height: 26px;
  border: 2px solid #CFD0D2;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 12px;
  right: 0; }

.custom-radio-1 .radio {
  cursor: pointer;
  position: relative;
  display: block;
  font-size: 16px;
  padding: 25px 20px;
  padding-left: 40px;
  text-overflow: ellipsis;
  overflow: hidden; }
  .custom-radio-1 .radio.has-input {
    padding-right: 130px; }
    .custom-radio-1 .radio.has-input-2 {
      padding-right: 230px; }
      .custom-radio-1 .radio.has-input-2 .input-wrap {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        right: 0;
        max-width: 220px; }
    .custom-radio-1 .radio.has-input .input-wrap {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      right: 0;
      max-width: 120px; }
  .custom-radio-1 .radio > i {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: 0px;
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(images/icons/radio-off.png);
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat; }
  .custom-radio-1 .radio.checked > i {
    background-image: url(images/icons/radio-on.png); }

.link-1 {
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
  display: inline-block;
  font-size: 16px;
  color: #0095c9;
  text-decoration: underline;
  text-transform: uppercase;
  cursor: pointer; }

.info-list {
  font-size: 16px;
  color: #000000; }
  .info-list .icon {
    width: 60px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    border: 2px solid #D9D9D9;
    border-radius: 50%;
    background-position: 50%;
    background-repeat: no-repeat; }
  .info-list li {
    margin-bottom: 25px; }

.fastPaymentButton {
  float: right;
  min-width: 70px;
  background: #fff200;
  font-size: 14px;
  line-height: 30px;
  font-weight: 700;
  color: #000000;
  text-align: center;
  text-transform: uppercase;
  padding: 0 25px;
  right: 20px;
  opacity: 0;
  border: none;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .fastPaymentButton:hover {
    color: #FFFFFF;
    background: #0095c9; }
  .fastPaymentButton.edit, .fastPaymentButton.delete {
    display: none; }

/*#endregion custom*/
/*#region StickyHeader*/
.sticky-header {
  display: none;
  position: fixed;
  border-radius: 0 0 0 40px;
  width: -webkit-calc(100% - 320px);
  width: calc(100% - 320px);
  top: 0;
  right: 0;
  z-index: 300;
  -webkit-transition: opacity .5s,visibility .5s,-webkit-transform .5s;
  transition: opacity .5s,visibility .5s,-webkit-transform .5s;
  transition: transform .5s,opacity .5s,visibility .5s;
  transition: transform .5s,opacity .5s,visibility .5s,-webkit-transform .5s;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  background-color: #d20000; }
  .sticky-header .headerAccountNumber {
    color: #FFFFFF; }
  .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 {
    max-width: 360px;
    position: relative;
    padding: 19px 25px;
    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: #b40000; }
    .sticky-header .main-peace .payment-filter-ico {
      position: absolute;
      fill: #FFFFFF;
      width: 8px;
      height: 14px;
      right: 7%;
      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: 360px;
    overflow-y: auto;
    max-height: calc(100vh - 80px);
    border-radius: 0 0 16px 16px;
    background-color: #d20000; }
    .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: #b40000; }
  .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 .ui-button.ui-state-disabled:hover, html .ui-datepicker-calendar .ui-button.ui-state-disabled:active {
  border: none;
  background: transparent;
  font-weight: normal;
  color: #454545; }

.ui-datepicker-trigger {
  display: block !important;
  position: absolute;
  right: 15px;
  width: 18px;
  height: 18px;
  z-index: 2;
  cursor: pointer; }

.ui-datepicker-calendar td a:hover {
  border-radius: 50%;
  background-color: #d20000; }

.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: normal;
  font-size: 16px;
  color: #121212;
  text-align: center;
  border-radius: 50%;
  font-family: "Mark-Regular", sans-serif;
  min-height: 36px;
  min-width: 36px;
  padding: 0;
  transition: background-color .5s,color .5s; }

.ui-datepicker th {
  padding-bottom: 1.35em;
  padding-top: 1em;
  padding-right: 0.3em;
  padding-left: 0.3em;
  text-align: center;
  font-weight: 700;
  border: 0;
  font-size: .875rem; }
  .ui-datepicker th span {
    font-family: "Mark-Regular", sans-serif;
    color: #121212; }

.ui-datepicker td .ui-state-default:after {
  content: "";
  display: block;
  z-index: -1;
  position: absolute;
  top: -10 px;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #d20000;
  opacity: 0; }

.ui-datepicker td .ui-state-default.ui-state-active:after {
  opacity: 1;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
  top: -6px !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: normal !important; }

.ui-datepicker .ui-widget-header {
  border: none;
  background-color: transparent;
  height: 40px;
  padding-left: 24px !important;
  padding-right: 24px !important; }
  .ui-datepicker .ui-widget-header .ui-datepicker-next, .ui-datepicker .ui-widget-header .ui-datepicker-prev {
    top: 4px;
    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: 8px;
    background-color: #F3F3F3;
    transition: background-color .3s;
    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: #d6d6d6; }
    .ui-datepicker .ui-widget-header .ui-datepicker-next span, .ui-datepicker .ui-widget-header .ui-datepicker-prev span {
      width: 40px;
      height: 40px;
      border-style: solid;
      margin-left: -10px;
      margin-top: -10px; }
  .ui-datepicker .ui-widget-header .ui-datepicker-prev span {
    background: url(images/left-calendar.png) center center no-repeat;
    border: none; }
  .ui-datepicker .ui-widget-header .ui-datepicker-next span {
    background: url(images/right-calendar.png) center center no-repeat;
    border: none; }
  .ui-datepicker .ui-widget-header .ui-datepicker-next {
    right: 24px; }
  .ui-datepicker .ui-widget-header .ui-datepicker-prev {
    left: 24px; }
  .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: 0px 47px;
    align-items: center;
    min-height: 40px;
    -webkit-box-pack: justify;
    justify-content: space-between; }
    .ui-datepicker .ui-widget-header .ui-datepicker-title .ui-datepicker-month {
      border: none;
      background-color: #F3F3F3;
      font-size: 16px;
      font-family: "Mark-Regular", sans-serif;
      color: rgba(0, 0, 0, 0.54);
      outline: none;
      cursor: pointer;
      width: 58%;
      height: 40px;
      color: #121212;
      font-weight: 400;
      border-radius: 8px;
      text-align: center; }
      .ui-datepicker .ui-widget-header .ui-datepicker-title .ui-datepicker-month:hover {
        background-color: #d6d6d6; }
      .ui-datepicker .ui-widget-header .ui-datepicker-title .ui-datepicker-month option {
        color: rgba(0, 0, 0, 0.87); }
    .ui-datepicker .ui-widget-header .ui-datepicker-title .ui-datepicker-year {
      border: none;
      background-color: #F3F3F3;
      font-size: 16px;
      font-family: "Mark-Regular", sans-serif;
      outline: none;
      cursor: pointer;
      width: 40%;
      height: 40px;
      color: #121212;
      font-weight: 400;
      border-radius: 8px;
      text-align: center; }
      .ui-datepicker .ui-widget-header .ui-datepicker-title .ui-datepicker-year:hover {
        background-color: #d6d6d6; }
      .ui-datepicker .ui-widget-header .ui-datepicker-title .ui-datepicker-year option {
        color: rgba(0, 0, 0, 0.87); }
    .ui-datepicker .ui-widget-header .ui-datepicker-title .transaction-form-submit-arrow {
      width: 9px;
      fill: #d20000;
      height: 9px;
      transform: rotate(90deg);
      position: relative;
      right: 10px; }
  .ui-datepicker .ui-widget-header .ui-datepicker-calendar {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em; }
    .ui-datepicker .ui-widget-header .ui-datepicker-calendar th {
      padding: .7em .3em;
      text-align: center;
      border: 0;
      background: none;
      font-size: 16px; }
      .ui-datepicker .ui-widget-header .ui-datepicker-calendar th span {
        font-family: "futura", sans-serif;
        color: #505050;
        font-weight: 500; }
    .ui-datepicker .ui-widget-header .ui-datepicker-calendar td {
      padding: 1px 2px; }
      .ui-datepicker .ui-widget-header .ui-datepicker-calendar td a {
        background: none;
        font-family: "Source-Sans-Pro", 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: #d20000;
          background: #d20000;
          font-family: "Mark-Bold", 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: 466px;
  position: absolute;
  left: 0;
  top: 110%;
  z-index: 1003 !important;
  background-color: #FFFFFF;
  background: #ffffff !important;
  border: none !important;
  border-radius: 8px;
  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  padding: 24px 0;
  box-sizing: border-box; }

/*#endregion datepicker*/
/*#region dialogs*/
.ui-dialog {
  overflow: hidden;
  /*Hiding scrollbar*/
  z-index: 1002 !important; }
  .ui-dialog.info-dialog-installmentsPayFinal .ui-dialog-buttonset {
    margin-bottom: -40px; }
  .ui-dialog.SMSDialog {
    z-index: 999 !important; }
    .ui-dialog.SMSDialog .ui-widget-content {
      background: none !important;
      padding: 0 !important;
      overflow: unset;
      margin-bottom: 0 !important;
      font-size: 15px;
      font-family: "Mark-Regular", sans-serif;
      line-height: 24px; }
  .ui-dialog-titlebar:before {
    content: "";
    display: table;
    width: 40px;
    height: 6px;
    border-radius: 6px;
    margin: auto;
    margin-bottom: 5px;
    background-color: #d20000; }
  .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) {
    padding: 50px 40px;
    z-index: 1010 !important; }
  .ui-dialog:not(.no-yes-dialog):not(.support-dialog):not(.before-print-dialog):not(.message-hub-dialog):not(.details-dialog):not(.right-dialog) {
    z-index: 1011 !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 {
    overflow-y: scroll !important;
    /*Hiding scrollbar*/
    overflow-x: hidden !important;
    /*Hiding scrollbar*/
    position: fixed !important;
    right: 0px;
    z-index: 1000;
    width: auto !important;
    overflow-y: auto !important;
    box-sizing: border-box;
    background-color: #EFEFEF;
    overflow: hidden !important;
    border-radius: 16px !important;
    padding-top: 0;
    margin: auto; }
    .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: #2A7F00; }
      .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; }
      .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: 16px;
        padding: 10px 28px;
        border: 2px solid transparent;
        text-align: center;
        -webkit-transition: box-shadow .5s;
        transition: box-shadow .5s;
        background-color: #F3F3F3;
        color: #d20000;
        border-radius: 8px;
        font-family: "Mark-Medium", sans-serif;
        line-height: 1;
        height: 50px; }
    .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: #D20000; }
  .ui-dialog.error-dialog.info-dialog:before, .ui-dialog.error-dialog.information:before {
    background-color: #D20000 !important; }
  .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: #121212;
    padding: 0;
    width: auto;
    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: 8px;
      padding: 14px 16px !important;
      margin: 0; }
      .ui-dialog.no-yes-dialog.ui-widget-content .ui-dialog-buttonset button:nth-child(2) {
        background-color: #F3F3F3;
        color: black;
        float: right; }
        .ui-dialog.no-yes-dialog.ui-widget-content .ui-dialog-buttonset button:nth-child(2):hover {
          background-color: #E6E6E6; }
      .ui-dialog.no-yes-dialog.ui-widget-content .ui-dialog-buttonset button:nth-child(1) {
        background-color: #d20000;
        color: #FFFFFF;
        transition: all .5s;
        float: left; }
        .ui-dialog.no-yes-dialog.ui-widget-content .ui-dialog-buttonset button:nth-child(1):hover {
          background-color: #b40000; }
  .ui-dialog.no-yes-dialog .ui-dialog-content {
    margin-bottom: 0 !important;
    font-size: 15px;
    font-family: "Mark-Regular", sans-serif;
    line-height: 24px;
    padding: 0; }
    .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-color: #d20000;
      color: #FFFFFF; }
      .ui-dialog.no-yes-dialog.LoginErrorDialog.ui-widget-content .ui-dialog-buttonset button:nth-child(1):hover {
        background-color: #2A7F00 !important;
        box-shadow: 0 -2px 24px rgba(54, 60, 164, 0.4); }
  .ui-dialog.info-dialog, .ui-dialog.information {
    border-radius: 12px !important;
    position: relative;
    /*&: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: #d20000;
        }*/ }
    .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; }
      .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: "Mark-Medium", sans-serif; }
  .ui-dialog .input-1 {
    font-family: "Mark-Regular", 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; }

.no-back-arrow {
  padding-top: 50px !important; }

.modal-primaoc .modal-title,
.modal-primaoc .input-wrap {
  margin-bottom: 30px; }

.side-modal {
  display: block;
  position: absolute;
  background-color: #FFFFFF;
  top: 0;
  right: 0;
  width: 440px;
  height: 100%;
  overflow: auto;
  overflow-x: hidden; }
  .side-modal-wrapper {
    z-index: 1000;
    display: block;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
  .side-modal .btn-1 {
    margin-top: 70px; }
  .side-modal .button-wrap {
    box-sizing: border-box; }
    .side-modal .button-wrap .button {
      box-sizing: border-box;
      width: calc(50% - 13px);
      margin-right: 20px; }
      .side-modal .button-wrap .button:last-child {
        margin-right: 0; }

.modal-inner-content {
  position: relative;
  padding-top: 50px;
  font-family: "futura", sans-serif; }

.message-hub-dialog .modal-inner-content.type-2 {
  padding: 50px 40px;
  padding-top: 35px;
  padding-bottom: 0; }
  .message-hub-dialog .modal-inner-content.type-2 .modal-close-button {
    top: 40px; }

.message-hub-dialog .modal-inner-content .button-wrap.type-2 {
  left: calc(50%);
  width: calc(100% - 80px); }
  .message-hub-dialog .modal-inner-content .button-wrap.type-2 .button {
    width: 100%; }

.message-hub-dialog .modal-inner-content .button-wrap .button {
  width: calc(50% - 12px);
  margin-right: 20px; }
  .message-hub-dialog .modal-inner-content .button-wrap .button:last-child {
    margin-right: 0px; }

.modal-close-button {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 50px;
  right: 40px;
  background-image: url(images/icons/close.png);
  background-size: 20px;
  background-repeat: no-repeat; }

.modal-title-1 {
  font-size: 20px;
  font-weight: 700;
  padding-right: 50px; }

.modal-title-2 {
  font-size: 30px;
  font-weight: 700;
  padding-right: 40px;
  line-height: 35px; }
  .modal-title-2 mall {
    font-size: 16px;
    color: #7b7b7b;
    font-weight: normal; }
  .modal-title-2 span {
    font-size: 16px;
    color: #0095c9;
    text-transform: uppercase;
    font-weight: 400; }

.modal-title-3 {
  font-size: 16px;
  font-weight: 700;
  padding-right: 40px;
  line-height: 25px; }
  .modal-title-3 small {
    font-size: 16px;
    color: #7b7b7b;
    font-weight: normal; }
  .modal-title-3 span {
    font-size: 16px;
    color: #0095c9;
    text-transform: uppercase;
    font-weight: 400; }

.modal-title.type-2 {
  margin-left: 50px; }

.modal-title.icon {
  padding-left: 40px;
  background-repeat: no-repeat;
  background-position: left center; }

.popup-content .popup-text {
  font-size: 16px;
  color: #000000; }

@media only screen and (max-width: 1550px) {
  .popup-content.type-mobile {
    top: -115%;
    right: 45px !important;
    transform: translateY(-50%);
    padding: 13px 13px 0 13px; }
    .InflowsCorporate .popup-content.type-mobile {
      top: -60%;
      right: 55px !important; }
      .InflowsCorporate .popup-content.type-mobile .page-text:last-child {
        margin-bottom: 13px !important; }
    .popup-content.type-mobile .dot-decoration {
      right: -14px !important;
      top: 50%;
      transform: translateY(-50%); }
    .popup-content.type-mobile .page-text {
      margin-bottom: 7px !important;
      font-size: 15px; }
      .popup-content.type-mobile .page-text:last-child {
        margin-bottom: 0 !important; } }

.before-print-dialog .ui-dialog {
  padding: 20px 20px 20px 40px !important; }
  .before-print-dialog .ui-dialog-titlebar {
    display: none; }

.before-print-dialog .btnPrint {
  padding: 15px 30px; }

.change-name-hint {
  width: 36px !important;
  height: 26px !important;
  top: 50% !important;
  right: 15px !important; }

.ruleForm .btn-1 {
  margin-top: 0; }

.ruleForm .has-button {
  position: relative;
  padding-right: 60px; }
  .ruleForm .has-button .remove-button {
    cursor: pointer; }

.ruleForm .categoryName {
  padding-right: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90%;
  overflow: hidden; }

.ruleForm .button-3.type-2 {
  box-sizing: border-box; }

.ruleForm .custom-dropdown-container {
  width: 48.2%; }

.buy-hov-modal .col-ls-12:nth-child(odd) {
  width: calc(50% - 12px); }

.buy-hov-modal .col-ls-12:nth-child(even) {
  width: calc(50% + 8px); }

.buy-hov-modal .col-ls-12 .custom-radio-1 .radio.disabled span,
.buy-hov-modal .col-ls-12 .custom-radio-1 .radio.disabled label,
.buy-hov-modal .col-ls-12 .custom-radio-1 .radio.disabled input {
  color: #adadad; }

.buy-hov-modal .col-ls-12 .custom-radio-1 .radio.disabled .input-wrap {
  pointer-events: none; }
  .buy-hov-modal .col-ls-12 .custom-radio-1 .radio.disabled .input-wrap-focus {
    border-color: #c1b3b3 !important; }

.buy-hov-modal .col-ls-12 .custom-radio-1 .radio.disabled i {
  background-image: url(images/icons/radio-disabled.png);
  background-size: 22px; }

.buy-hov-modal .col-ls-12 .custom-radio-1 .radio.disabled.checked i {
  background-image: url(images/icons/radio-on-disabled.png); }

.buy-hov-modal .col-ls-12.hovTypeContainer {
  width: 100%; }
  .buy-hov-modal .col-ls-12.hovTypeContainer .custom-radio-1 .radio {
    display: inline-block;
    width: 49%;
    box-sizing: border-box;
    overflow: visible; }
  .buy-hov-modal .col-ls-12.hovTypeContainer:not(.withdrawOrderType) .radio.disabled .input-wrap,
  .buy-hov-modal .col-ls-12.hovTypeContainer:not(.withdrawOrderType) .radio.iceberg:not(.checked) .input-wrap {
    display: none; }
  .buy-hov-modal .col-ls-12.hovTypeContainer.withdrawOrderType .radio.disabled:not(.checked) .input-wrap {
    display: none; }

.buy-hov-modal .hideValidationMessage .validationMessage {
  display: none; }

/*#endregion dialogs*/
/*#region right-dialog details*/
/*.row.custom-grid.type-2.inner-margin-5,
.row.custom-grid.type-2.inner-margin-6 {
    overflow: auto;
}*/
.side-modal {
  width: 100% !important; }

.custom-grid.type-2 .col {
  display: inline-block;
  vertical-align: top; }
  .custom-grid.type-2 .col:nth-child(even) {
    padding-left: 30px; }

.col-ls-12 {
  width: 49.5%; }

.transaction.type-2 {
  padding: 0;
  padding-bottom: 2px;
  padding-top: 12px;
  min-height: 49px; }
  .transaction.type-2:first-child {
    border-top: none; }
  .transaction.type-2 span {
    font-size: 16px;
    color: #000000;
    vertical-align: middle; }
  .transaction.type-2 span:nth-child(1) {
    color: #7b7b7b;
    line-height: 25px; }

.transaction.type-3 {
  padding: 0;
  padding-bottom: 2px;
  padding-top: 12px;
  min-height: 49px; }
  .transaction.type-3 span {
    font-size: 16px;
    color: #000000;
    vertical-align: middle; }
    .transaction.type-3 span:nth-child(1) {
      color: #7b7b7b;
      line-height: 25px; }

.cf:before, .cf:after,
.container:before,
.container:after,
.widget:before,
.widget:after,
form ol > li:before,
form ol > li:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden; }

.cf:after,
.clear,
.container:after,
.widget:after,
form ol > li:after {
  clear: both; }

.widget-links.type-2 .link {
  padding: 20px 0px; }

.widget-links.type-2 .icon {
  right: 0px; }

.transaction {
  position: relative;
  padding: 10px 25px 10px 70px;
  border-bottom: 2px solid #EFEFEF; }
  .transaction .title {
    font-size: 16px;
    float: left;
    margin: 0;
    min-height: 46px; }

/*#endregion right-dialog details*/
/*#region dialog-transitions*/
/*
.ui-widget-overlay {
    opacity: 0 !important;
    transition: 0.8s all ease;
}

.ui-widget-overlay:not(.visible) {
    visibility: hidden;
}

.ui-widget-overlay.visible {
    opacity: 0.6 !important;
}*/
.right-dialog {
  visibility: hidden;
  transition: 0.8s all ease; }
  .right-dialog.visible {
    visibility: visible !important;
    display: block;
    transform: translateX(0); }

.ui-dialog:not(.right-dialog):not(.support-dialog):not(.no-yes-dialog):not(.SMSDialog):not(.information) {
  visibility: hidden;
  opacity: 0;
  transition: 0.4s all ease;
  position: fixed;
  top: 50% !important;
  transform: translateY(-70%);
  width: 300px !important; }

.ui-dialog:not(.right-dialog):not(.no-yes-dialog):not(.downloads-dialog):not(.SMSDialog).visible {
  visibility: visible;
  opacity: 1;
  transform: translateY(-50%);
  width: 300px !important; }

/*#endregion dialog-transitions*/
/*#region validation*/
.validationMessage {
  color: #FF0000;
  float: left;
  position: relative;
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 0px;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  width: 100%;
  padding-left: 19px; }
  .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: #2A7F00;
  border-radius: 12px; }
  .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: #d20000;
      box-shadow: 0 10px 10px rgba(0, 0, 0, 0.16);
      border-radius: 10px; }
    .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: "Mark-Bold", 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: #d20000 !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: -220px;
      position: absolute;
      width: 656px;
      height: 31px;
      left: 27% !important; }
      .s-widget.MessageHubNotificationList .notificationMsgList .widget-tabs li a {
        padding: 6px 55px;
        white-space: nowrap; }

.attach-icon {
  border: none !important;
  background-image: url(images/icons/icon-attachment-1.png);
  background-position: center;
  background-size: 18px;
  background-repeat: no-repeat; }

.message-hub-dialog {
  padding: 0 !important;
  border-left: 0; }
  .message-hub-dialog .modal-inner-content {
    padding-top: 0;
    padding-left: 50px; }
  .message-hub-dialog .ui-dialog-titlebar {
    display: none; }

.message-controls {
  position: relative;
  padding-left: 65px;
  border-bottom: 2px solid #EFEFEF;
  display: none; }
  .message-controls.Active {
    display: block !important; }
  .message-controls .msg-button {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: block;
    padding: 20px 5px;
    border-left: 2px solid #EFEFEF;
    width: 48%;
    float: left;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    color: #0095c9;
    cursor: pointer; }
    .message-controls .msg-button:hover {
      background-color: rgba 82, 174, 48, 0.5; }
    .message-controls .msg-button span {
      position: relative; }
      .message-controls .msg-button span i {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        width: 35px;
        height: 35px;
        left: -45px;
        background-repeat: no-repeat;
        background-position: center; }
    .message-controls .msg-button .checkbox {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      left: 15px; }

.custom-checkbox-2 {
  position: relative;
  cursor: default;
  width: 30px;
  height: 30px; }
  .custom-checkbox-2 .check {
    position: relative;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    position: absolute;
    display: inline-block;
    height: 18px;
    width: 18px;
    border: 2px solid #C7C7C7;
    border-radius: 2px;
    background: transparent;
    box-sizing: border-box; }
  .custom-checkbox-2 .cc-checkbox {
    display: none; }
  .custom-checkbox-2.checked .check {
    width: 18px;
    height: 18px;
    position: absolute;
    background: url(images/icons/checkbox.png) 0 0 no-repeat;
    background-size: 100%;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    border: none; }

.message {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: relative;
  padding: 17px 20px 17px 70px;
  border-bottom: 2px solid #EFEFEF;
  cursor: pointer;
  border-radius: 50px; }
  .message:hover {
    background-color: #FFFFFF; }
    .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; }
  .message .title {
    font-size: 15px;
    margin: 0;
    color: #121212;
    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: 90px; }
  .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: 20px;
    position: absolute;
    right: 60px;
    background-color: #FFFFFF;
    opacity: 0;
    visibility: hidden;
    padding: 13px 20px;
    margin-left: 16px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
    -webkit-transition: box-shadow .5s,background-color .5s;
    transition: box-shadow .5s,background-color .5s; }
    .message .archive-button svg, .message .archive-button p {
      display: inline; }
    .message .archive-button p {
      padding: 0px 0 0px 10px;
      line-height: 1; }
  .message .checkbox {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: 10px; }
  .message span {
    color: #7b7b7b;
    font-size: 14px; }

.archive-section .message {
  padding: 17px 20px 17px 70px !important; }
  .archive-section .message .tag {
    left: 0; }
  .archive-section .message .title {
    left: 232px !important; }

.reply-card {
  padding: 15px 40px;
  padding-left: 34px;
  border-bottom: 1px solid #ebeced;
  border-left: 6px solid #0095c9;
  font-family: "futura", sans-serif;
  font-size: 10px; }
  .reply-card.border-top {
    border-top: 1px solid #ebeced; }

.input-wrap .file-input-wrap {
  float: right; }

.file-input-wrap .attachment-button {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  display: block;
  width: 50px;
  height: 50px;
  cursor: pointer;
  position: relative; }

.file-input-wrap .file-input {
  display: none; }

.attachment-card {
  box-shadow: none;
  background-color: #2f3291;
  color: #FFFFFF;
  border-color: #252888;
  border-radius: 12px;
  position: relative;
  width: max-content;
  padding: 10px;
  cursor: pointer;
  margin-bottom: 30px;
  -webkit-transition: box-shadow .5s,background-color .5s;
  transition: box-shadow .5s,background-color .5s; }
  .attachment-card.new-message {
    background-color: #FFFFFF !important;
    border: 1px solid #E8E9EC !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important; }
  .attachment-card p {
    font-size: 15px;
    color: #FFFFFF;
    margin-bottom: 0;
    padding-right: 40px; }
  .attachment-card span {
    font-size: 15px;
    padding-left: 10px;
    color: black; }
    .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: 20px;
    height: 20px;
    background-image: url(images/icons/close.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 11px; }

.conversation-box {
  padding: 16px 30px 16px 16px;
  margin-bottom: 30px;
  background-color: #FFFFFF; }
  .conversation-box p {
    color: #121212 !important; }
    .conversation-box p.from {
      color: #d20000 !important; }
  .conversation-box .attachment-card {
    background-color: #f9f9f9;
    color: #d20000;
    border: 1px solid #E8E9EC;
    box-shadow: none; }
    .conversation-box .attachment-card svg {
      fill: #121212; }
  .conversation-box.blue-box {
    background-color: #d20000; }
    .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;
      background-color: #2f3291;
      color: #FFFFFF; }
      .conversation-box.blue-box .attachment-card svg {
        fill: #FFFFFF; }

.widget-messages .cnt {
  padding: 0;
  padding-top: 10px; }

.widget-messages .empty-section.type-3 {
  padding-bottom: 0; }

.widget-messages widget-inner {
  position: relative;
  padding-bottom: 48px; }

.widget-messages widget-btn-wrap {
  width: 100%;
  position: relative;
  bottom: 0;
  left: 0;
  border-top: 1px solid #EFEFEF; }
  .widget-messages widget-btn-wrap.stripe:before {
    position: absolute; }

.widget-messages .btn-1 {
  width: 50%;
  float: left; }

.widget-messages .messages-list {
  max-height: 207px;
  overflow: auto; }
  .widget-messages .messages-list li {
    position: relative;
    border-bottom: 1px solid #ebeced;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer; }
    .widget-messages .messages-list li:hover {
      background: rgba 82, 174, 48, 0.5; }
  .widget-messages .messages-list .message-row {
    display: block;
    padding: 13px 70px 13px 60px; }

.widget-messages .msg-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(images/icons/message-icon-2.png);
  background-size: 12px;
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -10px; }
  .widget-messages .msg-icon.read {
    background-image: url(images/icons/message-icon-7.png);
    background-size: 12px; }

.widget-messages .msg-from {
  font-size: 14px;
  color: #7b7b7b;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px; }

.widget-messages .msg-title {
  font-size: 16px;
  color: #333333;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px; }

.widget-messages .time {
  font-size: 14px;
  color: #a2a2a2;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -9px;
  margin-bottom: 0; }

.widget-btn-wrap.stripe:before {
  position: relative;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "";
  height: 100%;
  width: 1px;
  background-color: #EFEFEF;
  visibility: visible; }

/*#end region message Hub*/
/*#region Payments*/
.signTokenValue {
  float: right;
  background: #d1d1d1;
  padding: 0 5px; }

.PaymentOrderV3 {
  margin: auto; }
  .PaymentOrderV3 hr {
    position: relative;
    top: 5px; }

.DomesticOrderReportCorporate .s-widget-body,
.ForeignOrderReportCorporate .s-widget-body {
  overflow: visible; }

.DomesticOrderReportCorporate .tableFilter,
.ForeignOrderReportCorporate .tableFilter {
  border-bottom: none; }

.DomesticOrderReportCorporate .clientGrid thead,
.ForeignOrderReportCorporate .clientGrid thead {
  display: contents !important; }

.DomesticOrderReportCorporate .pageSize,
.ForeignOrderReportCorporate .pageSize {
  display: block !important; }

.DomesticOrderReportCorporate-wrapper {
  overflow: visible !important; }
  .DomesticOrderReportCorporate-wrapper .account-list {
    border-bottom: 1px solid #C7C7C7;
    width: calc(100% - 16px);
    padding: 18px 8px;
    position: absolute;
    bottom: 80px; }
    @media only screen and (max-width: 640px) {
      .DomesticOrderReportCorporate-wrapper .account-list {
        bottom: 120px; } }
  .DomesticOrderReportCorporate-wrapper .total-selected {
    margin-left: 40px; }

.countdown-widget {
  zoom: 1;
  position: relative;
  background-color: #0095c9; }
  .countdown-widget:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "."; }
  .countdown-widget:before {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: calc(50% + 20px);
    content: "";
    position: absolute;
    width: 1px;
    height: 40px;
    background-color: #8addf4; }
  .countdown-widget .container {
    position: relative;
    float: left;
    width: 50%;
    /*min-height: 65px;*/
    padding: 10px 0; }

.value-title {
  font-size: 18px;
  line-height: 30px;
  color: #82d9f1;
  text-align: center;
  margin: 0; }
  .value-title span {
    font-size: 22px;
    color: #FFFFFF; }
    .value-title span.timer {
      color: #FFEC00; }
      .value-title span.timer.inited {
        animation: countdown 1s infinite reverse; }
  .value-title .icon {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
    transform: translateY(8px);
    display: inline-block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 10px; }

@keyframes countdown {
  from {
    opacity: .2; }
  to {
    opacity: 1; } }

.widget-payment {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto; }
  .widget-payment .page-container {
    padding: 10px 50px 10px 0px;
    max-width: 825px;
    margin: 0 auto; }
  .widget-payment .custom-form {
    padding-top: 50px;
    padding-bottom: 50px; }
  .widget-payment .widget-links {
    margin-bottom: 50px; }
  .widget-payment .inner {
    padding: 0 70px; }
    .widget-payment .inner.type-2 {
      padding: 0 50px; }

.widget-links .link {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: relative;
  display: block;
  font-size: 18px;
  color: #000000;
  border-bottom: 1px solid #EFEFEF;
  padding: 20px 50px; }
  .widget-links .link:hover {
    background-color: #EFEFEF;
    cursor: pointer; }

.widget-links .icon {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  width: 20px;
  height: 20px;
  right: 50px;
  background-repeat: no-repeat;
  background-position: 100% center; }

.payment-slider {
  position: relative;
  padding: 35px 0; }
  .payment-slider .slick-list {
    overflow: visible; }
  .payment-slider .icon-accounts-4 {
    display: inline-block;
    float: left;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center center; }
  .payment-slider .slider-container {
    position: relative;
    z-index: 10;
    padding: 0 80px; }
  .payment-slider .slide {
    display: flex; }
    .payment-slider .slide-left {
      float: left;
      width: 50%;
      text-align: left; }
    .payment-slider .slide-right {
      text-align: right;
      float: right;
      width: 50%; }
    .payment-slider .slide-control {
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      z-index: 20;
      position: absolute;
      display: inline-block;
      width: 40px;
      height: 100%;
      background-color: #fffcd9;
      background-repeat: no-repeat;
      background-position: center; }
      .payment-slider .slide-control:hover {
        border-color: #bfbfbf; }
    .payment-slider .slide-prev {
      cursor: pointer; }
    .payment-slider .slide-next {
      right: 0px;
      cursor: pointer; }
  .payment-slider .slick-dots {
    zoom: 1;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    bottom: -35px; }
    .payment-slider .slick-dots:after {
      display: block;
      visibility: hidden;
      height: 0;
      clear: both;
      content: "."; }
    .payment-slider .slick-dots li {
      display: inline-block; }
      .payment-slider .slick-dots li.slick-active button {
        background-color: #000000; }
    .payment-slider .slick-dots button {
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      border-radius: 50%;
      color: transparent;
      background-color: #CACACA;
      font-size: 2px;
      width: 6px;
      height: 6px;
      padding: 0;
      margin: 0 5px;
      border: none; }
  .payment-slider .slick-slide {
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
    -webkit-transform: translateY(-40%);
    -moz-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    -o-transform: translateY(-40%);
    transform: translateY(-40%);
    opacity: 0 !important; }
  .payment-slider .slick-active {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    transition-delay: .5s;
    opacity: 1 !important; }
  .payment-slider .label {
    color: #7b7b7b;
    font-size: 16px;
    margin-bottom: 10px; }
  .payment-slider .title {
    position: relative;
    color: #000000;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 16px;
    line-height: 30px; }
    .payment-slider .title small {
      font-size: 80%; }
    .payment-slider .title .icon {
      position: absolute;
      left: 0;
      width: 40px;
      height: 100%;
      background-repeat: no-repeat;
      background-position: 5px 2px; }
  .payment-slider .acc-number {
    color: #000000;
    font-size: 16px;
    margin-right: 49px; }
  .payment-slider .type-2 .slider-container {
    padding: 0 100px; }

.FXTrading .payment-slider .slide-right .title {
  padding-left: 0px; }

.PaymentOrderV3 .payment-slider .title.tag-title,
.FXTrading .payment-slider .title.tag-title {
  max-width: 350px;
  min-width: 290px;
  white-space: nowrap;
  float: left; }

title.tag-title {
  max-width: 350px;
  overflow: hidden;
  white-space: nowrap; }

.slick-arrow.slick-hidden {
  display: none !important; }

.progress-bar-wrap {
  width: 100%; }

.progress-bar-value {
  display: none; }

.progress-display {
  position: relative;
  width: 100%;
  background-color: #e6e6e6;
  height: 2px; }
  .progress-display .progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #0095c9;
    width: 0;
    transition: all 0.5s ease; }
    .progress-display .progress.color-2 {
      background-color: #9CCC66; }
    .progress-display .progress.inited {
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }

.custom-form .group {
  position: relative;
  margin-bottom: 40px; }
  .custom-form .group.margin-2 {
    position: relative;
    margin-bottom: 20px; }
  .custom-form .group.margin-3 {
    position: relative;
    margin-bottom: 60px; }
  .custom-form .group.margin-4 {
    position: relative;
    margin-bottom: 30px; }
  .custom-form .group.type-2 {
    position: relative;
    margin-bottom: 20px; }
  .custom-form .group.empty {
    min-height: 60px; }
  .custom-form .group .info-icon {
    right: -65px; }
    .custom-form .group .info-icon.type-2 {
      -moz-transform: none;
      -o-transform: none;
      -ms-transform: none;
      -webkit-transform: none;
      transform: none;
      top: 10px;
      right: -65px; }

.custom-form.border-top {
  border-top: 2px solid #EFEFEF; }

.custom-form .checkbox-group {
  display: flex;
  align-items: center; }
  .custom-form .checkbox-group .info-icon {
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    position: relative;
    top: auto;
    right: auto;
    margin: 0 30px; }
    .custom-form .checkbox-group .info-icon.col {
      position: absolute;
      top: 0px;
      right: 5px; }
    .custom-form .checkbox-group .info-icon.col-2 {
      margin-left: 8px;
      margin-bottom: -8px;
      margin-right: 34px;
      left: -4px; }
  .custom-form .checkbox-group .checkbox-label-2 {
    margin-bottom: 0; }

.left-col {
  width: 49%;
  float: left; }

.right-col {
  width: 49%;
  float: left;
  padding-left: 20px; }

.group .info-icon {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  width: 36px;
  height: 26px;
  border: 2px solid #CFD0D2;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -ms-border-radius: 13px;
  border-radius: 13px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(images/icons/info-icon-1.png);
  background-size: 2px;
  position: absolute;
  right: 5px;
  box-sizing: border-box; }
  .group .info-icon span {
    display: inline-block;
    width: 22px;
    height: 22px;
    cursor: pointer;
    background-color: #d0d0d1;
    background-size: 6px;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease; }
    .group .info-icon span:hover {
      background-color: #FFF200; }
  .group .info-icon p {
    width: 250px;
    padding: 15px;
    background-color: rgba(73, 80, 90, 0.7);
    position: absolute;
    right: 15px;
    bottom: 29px;
    font-size: 14px;
    color: #FFFFFF;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .group .info-icon p:after {
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 12px 0px 0 13px;
      border-color: #49505A transparent transparent transparent;
      position: absolute;
      right: 0px;
      bottom: -12px;
      opacity: 0.7; }
  .group .info-icon:hover p {
    opacity: 1;
    visibility: visible; }

.info-wrap i {
  display: inline-block;
  width: 36px;
  height: 26px;
  border: 2px solid #CFD0D2;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -ms-border-radius: 13px;
  border-radius: 13px;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative; }

.info-wrap .edit-icon:hover {
  border-color: #494f5a;
  background-image: url(images/icons/edit-4.png); }

.info-wrap .icon-eye-2:hover {
  border-color: #494f5a;
  background-image: url(images/icons/icon-eye_d.png); }

.group-inner .info-wrap {
  position: absolute;
  top: 7px;
  right: -50px; }
  .group-inner .info-wrap.amount-info {
    top: 13px;
    right: -150px; }
  .group-inner .info-wrap span {
    width: 250px;
    padding: 15px; }

.payment-main {
  margin-bottom: 30px; }
  .payment-main .tag {
    float: left;
    width: 45px;
    height: 40px;
    background: #dfdfdf;
    border-left-width: 5px;
    border-left-style: solid;
    font-size: 18px;
    font-weight: 700;
    color: #FFFFFF;
    text-align: center;
    line-height: 40px;
    margin-right: 11px; }

.input-wrap.wrap-icon {
  float: right;
  width: calc(100% - 56px); }

.tag-2 {
  display: inline-block;
  width: 44px;
  height: 40px;
  border-left: 4px solid #FFFFFF;
  background-position: center center;
  background-repeat: no-repeat;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: center; }
  .tag-2.color-1 {
    background-color: #c5e1a5;
    border-color: #9CCC66; }
  .tag-2.color-2 {
    background-color: #ff9e19;
    border-color: #dc7f00; }
  .tag-2.color-3 {
    background-color: #ce93d8;
    border-color: #c364d3; }
  .tag-2.color-4 {
    background-color: #90caf9;
    border-color: #5ab0f6; }
  .tag-2.color-5 {
    background-color: #ffe082;
    border-color: #edbc27; }
  .tag-2.color-6 {
    background-color: #d1d1d1;
    border-color: #7b7b7b; }
  .tag-2.color-7 {
    background-color: #ebeced;
    border-color: #fe000c; }

.beneficiary-wrap {
  zoom: 1;
  margin-bottom: 5px; }
  .beneficiary-wrap:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "."; }

.select-tag {
  float: left;
  display: none; }
  .select-tag.active {
    display: inline-block; }

.beneficiary-slat {
  margin-bottom: 50px; }

.beneficiary-content,
.details-content {
  display: none; }

.payment-options {
  margin-bottom: 20px; }
  .payment-options .trigger {
    position: relative;
    text-align: center; }
    .payment-options .trigger:before {
      content: '';
      width: 100%;
      height: 1px;
      background: #d1d1d1;
      position: absolute;
      top: 50%;
      left: 0;
      text-align: center; }
    .payment-options .trigger a {
      display: inline-block;
      background: #FFFFFF;
      font-size: 14px;
      color: #000000;
      text-transform: uppercase;
      padding: 0 40px 0 22px;
      white-space: nowrap;
      position: relative; }
      .payment-options .trigger a:after {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-top-color: #000000;
        top: 7px;
        right: 17px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        transform-origin: 50% 20%; }
    .payment-options .trigger .hide-text {
      display: none; }
    .payment-options .trigger.active .show-text {
      display: none; }
    .payment-options .trigger.active .hide-text {
      display: inline-block; }
    .payment-options .trigger.active a:after {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }
  .payment-options .hidden-content {
    display: block;
    text-align: center; }
    .payment-options .hidden-content ul {
      padding: 30px 0; }
    .payment-options .hidden-content li {
      display: inline-block;
      text-align: center;
      max-width: 160px;
      width: 100%;
      margin: 0 7px 10px 5px; }
      .payment-options .hidden-content li a {
        display: block;
        font-size: 14px;
        border: 1px solid #d1d1d1;
        color: #000000;
        text-transform: uppercase;
        line-height: 1.5;
        padding: 20px 30px 20px 30px;
        background-color: transparent; }
        .payment-options .hidden-content li a span {
          display: block; }
      .payment-options .hidden-content li .icon {
        display: inline-block;
        height: 64px;
        width: 64px;
        background: #FF0000;
        background-size: 64px 64px; }
        .payment-options .hidden-content li .icon-raiff {
          background: url(images/icons/raiff.png) 50% 50% no-repeat;
          background-size: 46px; }
        .payment-options .hidden-content li .icon-transfer {
          background: url(images/icons/transfer.png) 50% 50% no-repeat;
          background-size: 46px; }
        .payment-options .hidden-content li .icon-globle {
          background: url(images/icons/globe.png) 50% 50% no-repeat;
          background-size: 46px; }
      .payment-options .hidden-content li a:hover,
      .payment-options .hidden-content li.active a {
        background-color: #0095c9;
        color: #FFFFFF; }
      .payment-options .hidden-content li.active .icon-raiff,
      .payment-options .hidden-content li a:hover .icon-raiff {
        background-image: url(images/icons/raiff-2.png); }
      .payment-options .hidden-content li.active .icon-raiff,
      .payment-options .hidden-content li a:hover .icon-raiff {
        background-image: url(images/icons/transfer-2.png); }
      .payment-options .hidden-content li.active .icon-globle,
      .payment-options .hidden-content li a:hover .icon-globle {
        background-image: url(images/icons/globe-2.png); }

.payment-bottom .date-group {
  width: 180px;
  margin-right: 50px; }

.payment-bottom .group-two {
  zoom: 1;
  padding-top: 10px; }
  .payment-bottom .group-two:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "."; }
  .payment-bottom .group-two .group-inner {
    float: left;
    width: auto; }

.payment-account {
  border-bottom: 1px solid #ebeced;
  zoom: 1;
  padding-bottom: 4px;
  margin-bottom: 60px; }
  .payment-account:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "."; }
  .payment-account i {
    cursor: pointer; }
  .payment-account .tag-2 {
    float: left;
    margin-top: 2px; }
  .payment-account .inner {
    float: left;
    width: calc(100% - 56px); }
  .payment-account .col-left {
    float: left;
    padding-left: 10px; }
  .payment-account .col-right {
    float: right;
    padding-top: 6px; }
    .payment-account .col-right p {
      font-size: 24px;
      color: #000000;
      margin-bottom: 0;
      opacity: 0;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .payment-account .col-right p span {
        font-size: 16px; }
    .payment-account .col-right .active {
      opacity: 1; }
  .payment-account .acc-name {
    font-size: 16px;
    color: #7b7b7b;
    margin-bottom: 0; }
  .payment-account .acc-nr {
    font-size: 16px;
    line-height: 25px;
    color: #000000;
    margin-bottom: 0; }

.payment-account {
  border-bottom: 1px solid #ebeced;
  zoom: 1;
  padding-bottom: 4px;
  margin-bottom: 60px; }
  .payment-account:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "."; }
  .payment-account i {
    cursor: pointer; }
  .payment-account .tag-2 {
    float: left;
    margin-top: 2px; }
  .payment-account .inner {
    float: left;
    width: calc(100% - 56px); }
  .payment-account .col-left {
    float: left;
    padding-left: 10px; }
  .payment-account .col-right {
    float: right;
    padding-top: 6px; }
    .payment-account .col-right p {
      font-size: 24px;
      color: #000000;
      margin-bottom: 0;
      opacity: 0;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .payment-account .col-right p span {
        font-size: 16px; }
    .payment-account .col-right .active {
      opacity: 1; }
  .payment-account .acc-name {
    font-size: 16px;
    color: #7b7b7b;
    margin-bottom: 0; }
  .payment-account .acc-nr {
    font-size: 16px;
    line-height: 25px;
    color: #000000;
    margin-bottom: 0; }

.PaymentOrderV3 .custom-grid.type-2 {
  margin-left: -30px; }
  .PaymentOrderV3 .custom-grid.type-2 .col {
    padding-left: 30px;
    float: left; }

.PaymentOrderV3 .custom-form .checkbox-group {
  display: flex;
  align-items: center; }

.PaymentOrderV3 .check-wrap-1 {
  position: relative; }
  .PaymentOrderV3 .check-wrap-1.col {
    width: 47%;
    float: left;
    padding-right: 15px; }

.value-changer {
  position: relative;
  padding-right: 25px;
  cursor: pointer; }
  .value-changer:before {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    width: 0;
    height: 0;
    border: 0;
    background: none;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #000000 transparent transparent transparent;
    position: absolute;
    top: calc(50% + 0px);
    right: 7px; }
  .value-changer .value-menu {
    z-index: 50;
    position: absolute;
    top: 100%;
    right: 10px;
    -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.3);
    padding: 2px 10px;
    background-color: #FFFFFF;
    max-height: 105px;
    overflow: auto;
    box-sizing: border-box; }
    .value-changer .value-menu li {
      padding: 2px 5px;
      font-size: 14px; }
      .value-changer .value-menu li:hover {
        color: #ffe082; }

.widget-info-title {
  font-size: 20px;
  text-align: center;
  padding: 10px 20px;
  padding-top: 130px;
  margin-bottom: 30px;
  background-position: center 30px;
  background-repeat: no-repeat; }

.payment-amount-currency {
  padding-left: 16px; }

.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: #7b7b7b;
    line-height: 25px; }
  .monthlyBillDialog .blueHover.custom-grid.type-2 .col .transaction .icon-arrow-right-1 {
    width: 20px;
    height: 20px;
    float: right;
    background-repeat: no-repeat;
    position: relative;
    top: 15px; }

.monthlyBillDialog .account-picture-wrap {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 80px; }
  .monthlyBillDialog .account-picture-wrap .image-wrap {
    position: relative;
    width: 90px;
    height: 90px;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid #D9D9D9;
    border-radius: 50%;
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: center center; }
  .monthlyBillDialog .account-picture-wrap .title {
    font-size: 24px; }
  .monthlyBillDialog .account-picture-wrap .address {
    font-size: 16px;
    color: #7b7b7b; }

.monthlyBillDialog .two-buttons-wrap .btn-1 {
  width: calc(50% - 12px); }
  .monthlyBillDialog .two-buttons-wrap .btn-1:first-child {
    margin-right: 20px; }

.monthlyBillDialog .contractNumberImage {
  height: 230px;
  background-repeat: no-repeat;
  background-size: cover; }

/*#endregion Payments*/
.FXTrading .noAccounts {
  text-align: center;
  height: 102px;
  line-height: 102px; }

/*#region P2P*/
.P2PPaymentTransfer {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto; }
  .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*/
.DomesticOrderReportCorporate .clientGrid thead,
.ForeignOrderReportCorporate .clientGrid thead,
.FXTradingOverview .clientGrid thead,
.P2PPaymentOverview .clientGrid thead,
.MonthlyBillsOverview .clientGrid thead {
  display: none; }

.DomesticOrderReportCorporate .s-widget-body[style="position: relative;"] .filter-dialog-button,
.ForeignOrderReportCorporate .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; }

.DomesticOrderReportCorporate .status_20, .DomesticOrderReportCorporate .status_25,
.ForeignOrderReportCorporate .status_20,
.ForeignOrderReportCorporate .status_25 {
  color: #4fc44f; }

.DomesticOrderReportCorporate .status_22, .DomesticOrderReportCorporate .status_30, .DomesticOrderReportCorporate .status_31, .DomesticOrderReportCorporate .status_32,
.ForeignOrderReportCorporate .status_22,
.ForeignOrderReportCorporate .status_30,
.ForeignOrderReportCorporate .status_31,
.ForeignOrderReportCorporate .status_32 {
  color: #FF0000; }

.DomesticOrderReportCorporate .status_2, .DomesticOrderReportCorporate .status_6, .DomesticOrderReportCorporate .status_9, .DomesticOrderReportCorporate .status_10, .DomesticOrderReportCorporate .status_36, .DomesticOrderReportCorporate .status_44, .DomesticOrderReportCorporate .status_45, .DomesticOrderReportCorporate .status_51, .DomesticOrderReportCorporate .status_56,
.ForeignOrderReportCorporate .status_2,
.ForeignOrderReportCorporate .status_6,
.ForeignOrderReportCorporate .status_9,
.ForeignOrderReportCorporate .status_10,
.ForeignOrderReportCorporate .status_36,
.ForeignOrderReportCorporate .status_44,
.ForeignOrderReportCorporate .status_45,
.ForeignOrderReportCorporate .status_51,
.ForeignOrderReportCorporate .status_56 {
  color: #0095c9; }

/*#endregion PaymentOverview*/
/*#region Inflows*/
.InflowsOverview .s-widget-body {
  min-height: 117px; }

.InflowsOverview .gridFilterArea {
  display: none; }

.InflowsOverview .widget-tabs li {
  padding: 15px 40px;
  cursor: pointer;
  box-sizing: border-box;
  margin-right: 0; }

.InflowsOverview .clientGrid .value {
  display: inline-block; }

.InflowsOverview .clientGrid a {
  margin-right: 20px; }

.InflowsOverview .clientGrid thead {
  display: none; }

/*#endregion Inflows*/
/*#region Accounts*/
.AccountTurnoverV3 {
  position: relative;
  background-position: 25px 18px;
  visibility: hidden; }
  .AccountTurnoverV3 #divPrint,
  .AccountTurnoverV3 .tableHeader,
  .AccountTurnoverV3 .clientGrid thead,
  .AccountTurnoverV3 AccountTurnoverContent .currency {
    display: none; }
  .AccountTurnoverV3 .widget-options.print {
    margin-right: 55px;
    margin-top: 3px; }
  .AccountTurnoverV3 .s-widget-body[style="position: relative;"] .widget-options.print {
    visibility: hidden; }

.select-3-detail {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 90px;
  margin-bottom: 0; }
  .select-3-detail:before {
    content: '';
    width: 0;
    height: 0;
    border: 0;
    background: none;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #000000 transparent transparent transparent;
    position: absolute;
    top: 8px;
    right: 15px; }
  .select-3-detail select {
    width: 100%;
    padding: 0px 35px;
    padding-left: 0;
    background-color: #FFFFFF;
    font-family: "futura", sans-serif;
    font-size: 16px;
    display: block;
    line-height: 24px;
    float: right;
    direction: rtl;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }

.gvUnusedCheques thead,
.gvUndueLiabilities thead,
.gvReservedFunds thead {
  display: none; }

.gvUnusedCheques tbody tr:first-child,
.gvUndueLiabilities tbody tr:first-child,
.gvReservedFunds tbody tr:first-child {
  border-top: none !important; }

.gvUnusedCheques tbody tr .value,
.gvUndueLiabilities tbody tr .value,
.gvReservedFunds tbody tr .value {
  text-align: right !important; }

.gvUnusedCheques .clientGrid tbody tr .value,
.gvUndueLiabilities .clientGrid tbody tr .value,
.gvReservedFunds .clientGrid tbody tr .value {
  line-height: normal; }

.reservedFundsCard,
.reservedFunds,
.pendingOrders {
  padding-top: 0 !important; }
  .reservedFundsCard .pending-expenses-text,
  .reservedFunds .pending-expenses-text,
  .pendingOrders .pending-expenses-text {
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px); }
  .reservedFundsCard .pending-expenses-ico-col,
  .reservedFunds .pending-expenses-ico-col,
  .pendingOrders .pending-expenses-ico-col {
    width: 77%; }
  .reservedFundsCard .reserved-funds-amount,
  .reservedFunds .reserved-funds-amount,
  .pendingOrders .reserved-funds-amount {
    text-align: right; }
  .reservedFundsCard .ok,
  .reservedFunds .ok,
  .pendingOrders .ok {
    color: #52ae30; }
  .reservedFundsCard .all-account-popup-title,
  .reservedFunds .all-account-popup-title,
  .pendingOrders .all-account-popup-title {
    text-align: left !important; }
  .reservedFundsCard .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-3 p,
  .reservedFunds .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-3 p,
  .pendingOrders .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-3 p {
    text-wrap: auto; }

.undue-liabilities-dialog .ui-dialog-buttonset button,
.reserved-dialog .ui-dialog-buttonset button,
.short-dialog .ui-dialog-buttonset button,
.filter-dialog .ui-dialog-buttonset button {
  border: transparent;
  background-size: 25px !important;
  width: 30px;
  height: 30px;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 46px;
  left: 40px;
  background: url(images/back-1.png) no-repeat, transparent; }

.undue-liabilities-dialog .ui-dialog-content.ui-widget-content,
.reserved-dialog .ui-dialog-content.ui-widget-content,
.short-dialog .ui-dialog-content.ui-widget-content,
.filter-dialog .ui-dialog-content.ui-widget-content {
  height: 100% !important; }

.undue-liabilities-dialog .check-title,
.reserved-dialog .check-title,
.short-dialog .check-title,
.filter-dialog .check-title {
  color: #7b7b7b; }

.filter-dialog .ui-dialog-content.ui-widget-content {
  height: calc(100% - 30px) !important; }

.detail-icon-arrow-right-1 {
  background: url(images/icons/arrow-blue-r.png) no-repeat, transparent;
  background-size: 6px;
  position: static;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: center center;
  cursor: pointer;
  margin-left: 10px; }

.account-detail-link {
  cursor: pointer; }
  .account-detail-link:hover {
    opacity: 0.7; }
  .account-detail-link span {
    color: #0095c9 !important; }

/*AccountLastChanges*/
.AccountLastChanges {
  background-position: 25px 18px;
  position: relative; }
  .AccountLastChanges .s-widget-body {
    position: relative;
    overflow: visible;
    min-height: 369px; }
    .AccountLastChanges .s-widget-body-error-summary {
      position: absolute;
      width: 100%; }
    .AccountLastChanges .s-widget-body .empty-section {
      padding: 90px 0; }
    .AccountLastChanges .s-widget-body .topBorder {
      border-top: 1px solid #ebeced !important; }

.gvCardTurnover .clientGrid span.sort-indicator {
  visibility: visible; }

.gvCardTurnover .clientGrid thead th:nth-child(2) div {
  padding-right: 90px !important; }

.gvCardTurnover .clientGrid thead th:nth-child(3) div {
  right: -5px; }

.gvAccountTurnoverPreview {
  display: inline-block; }
  @media only screen and (max-width: 600px) {
    .gvAccountTurnoverPreview {
      width: 100% !important; } }
  .gvAccountTurnoverPreview .clientGrid span.sort-indicator {
    visibility: visible; }
  .gvAccountTurnoverPreview .clientGrid thead th:nth-child(2) div {
    padding-right: 145px !important; }
  .gvAccountTurnoverPreview .clientGrid .tablesaw-cell-content {
    text-align: left;
    font-family: "Source-Sans-Pro", sans-serif;
    letter-spacing: 0px;
    color: #00000D;
    opacity: 1; }
  .gvAccountTurnoverPreview .clientGrid tbody tr td:nth-child(3) span {
    color: rgba(0, 0, 0, 0.54); }
  .gvAccountTurnoverPreview .clientGrid tbody tr td:nth-child(3) {
    max-width: 350px; }

#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-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; }

.AccountTurnoverCorporateV2 .pageSize,
.CardTurnoverCorporateV2 .pageSize,
.LoanAnnuityPlanCorporate .pageSize {
  display: block !important; }

.AccountTurnoverCorporateV2 .s-widget-title,
.CardTurnoverCorporateV2 .s-widget-title,
.LoanAnnuityPlanCorporate .s-widget-title {
  margin-bottom: 24px; }

.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 {
  margin-left: 40px; }
  .CurrencyExchangeV2.dashboard .clientGrid tbody td {
    font-size: 15px; }
  .CurrencyExchangeV2.dashboard .clientGridPager {
    display: none !important; }

.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;
    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 {
    padding-right: 25px !important; }
  .CurrencyExchangeV2:not(.dashboard-currency-exchange) .clientGrid td .currency-flag {
    position: relative;
    width: 24px;
    height: 24px;
    top: 5px;
    float: left;
    margin-right: 16px;
    margin-left: 15px; }

.CurrencyExchangeV2 select.typesList {
  text-transform: uppercase !important; }

.CurrencyExchangeV2 .transaction-filter-box .dk-select {
  font-size: 15px;
  cursor: pointer; }
  .CurrencyExchangeV2 .transaction-filter-box .dk-select.select-1 {
    width: 185px;
    height: 40px;
    position: relative;
    border: 1px solid #E8E9EC;
    border-radius: 25px;
    cursor: pointer; }

.CurrencyExchangeV2 .transaction-filter-box .dk-select.select.select-1:not(li):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; }

.CurrencyExchangeV2 .transaction-filter-box .dk-selected {
  transform: none !important;
  z-index: 2;
  padding: 11px 35px 11px 18px;
  white-space: nowrap;
  overflow: hidden;
  background-color: white;
  border-radius: 25px;
  height: 18px;
  text-overflow: ellipsis;
  position: relative; }
  .CurrencyExchangeV2 .transaction-filter-box .dk-selected:before {
    content: '';
    display: block; }

.CurrencyExchangeV2 .transaction-filter-box .dk-select-options {
  width: auto !important;
  padding-top: 33px;
  top: 11px;
  border-radius: 15px;
  position: absolute;
  display: none !important;
  left: 0;
  right: 0;
  background-color: white;
  list-style: none;
  margin: 0;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12); }
  .CurrencyExchangeV2 .transaction-filter-box .dk-select-options.active {
    display: block !important; }
  .CurrencyExchangeV2 .transaction-filter-box .dk-select-options .dk-option {
    padding: 10px 18px;
    color: #000000;
    background: transparent;
    transition: background-color .3s;
    border-bottom: 1px solid transparent; }
    .CurrencyExchangeV2 .transaction-filter-box .dk-select-options .dk-option:first-child {
      border-top: 1px solid #52AE30; }

.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: 15px; }
  .CurrencyExchangeV2 .clientGrid tbody tr td span.currency-flag:before {
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
    margin: auto;
    content: "";
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
    top: 5px;
    right: 0px;
    border-radius: 50%; }

/*#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*/
.ForeignPredefinedUsersCorporate:not(.dashboard-widget) .s-widget-body,
.CreditorTemplateManaging:not(.dashboard-widget) .s-widget-body {
  position: relative;
  overflow: visible; }

.ForeignPredefinedUsersCorporate:not(.dashboard-widget) .wh-button-top-right,
.CreditorTemplateManaging:not(.dashboard-widget) .wh-button-top-right {
  transform: translateY(-100%); }

.ForeignPredefinedUsersCorporate:not(.dashboard-widget) .name,
.CreditorTemplateManaging:not(.dashboard-widget) .name {
  width: 16%;
  padding-left: 80px; }

.ForeignPredefinedUsersCorporate:not(.dashboard-widget) button,
.CreditorTemplateManaging:not(.dashboard-widget) button {
  border: none;
  background: transparent;
  color: #0095c9;
  text-transform: uppercase;
  font-size: 15px;
  font-family: "Mark-Regular", sans-serif;
  margin-right: 10px;
  cursor: pointer; }
  .ForeignPredefinedUsersCorporate:not(.dashboard-widget) button.pay,
  .CreditorTemplateManaging:not(.dashboard-widget) button.pay {
    display: none; }

.ForeignPredefinedUsersCorporate:not(.dashboard-widget) .newTemplate,
.CreditorTemplateManaging:not(.dashboard-widget) .newTemplate {
  display: none; }

.ForeignPredefinedUsersCorporate:not(.dashboard-widget) .clientGrid tr td:nth-child(4),
.ForeignPredefinedUsersCorporate:not(.dashboard-widget) .clientGrid tr td:nth-child(5),
.CreditorTemplateManaging:not(.dashboard-widget) .clientGrid tr td:nth-child(4),
.CreditorTemplateManaging:not(.dashboard-widget) .clientGrid tr td:nth-child(5) {
  width: 50px; }

.ForeignPredefinedUsersCorporate:not(.dashboard-widget) .clientGrid tr td:nth-child(6),
.CreditorTemplateManaging:not(.dashboard-widget) .clientGrid tr td:nth-child(6) {
  display: none; }

.ForeignPredefinedUsersCorporate:not(.dashboard-widget) .gridFilterArea span,
.CreditorTemplateManaging:not(.dashboard-widget) .gridFilterArea span {
  left: 50px; }

/*#endregion CreditorTemplateManaging*/
/*#region Products*/
.Products {
  position: relative;
  background-position: 25px 19px; }
  .Products .s-widget-body {
    overflow: visible; }
  .Products .change-tab {
    position: absolute;
    right: 10px;
    top: 8px;
    padding: 5px; }
    .Products .change-tab .widget-options {
      padding-top: 2px;
      padding-right: 0; }
      .Products .change-tab .widget-options li {
        cursor: pointer; }
        .Products .change-tab .widget-options li .t-modal {
          z-index: 1; }
  .Products .chart-tab {
    text-align: center;
    padding: 12px 20px 0 20px;
    border-bottom: 5px solid #FFEC00;
    border-top: 2px solid transparent;
    position: relative;
    box-sizing: border-box;
    max-height: 360px;
    overflow: visible; }
    .Products .chart-tab .chart-slider {
      width: 600px;
      margin: 0 auto; }
      .Products .chart-tab .chart-slider .slick-list {
        z-index: 20; }
    .Products .chart-tab .chart-content {
      /*width: 280px;*/
      position: absolute;
      left: 48%;
      top: 167px;
      /*margin-left: -140px;*/
      margin-left: -76px;
      text-align: center; }
      .Products .chart-tab .chart-content.row-2 {
        top: 164px; }
      .Products .chart-tab .chart-content .btn-1 {
        width: 180px;
        line-height: 26px;
        padding: 7px 20px; }
        .Products .chart-tab .chart-content .btn-1 i {
          width: 30px;
          height: 25px;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: center center;
          float: left;
          position: relative;
          top: -2px;
          margin-right: 10px; }
      .Products .chart-tab .chart-content .title {
        font-size: 16px;
        color: #7b7b7b;
        margin-bottom: 16px; }
        .Products .chart-tab .chart-content .title.row-2 {
          margin-bottom: 0px; }
      .Products .chart-tab .chart-content .chart-val div {
        display: inline; }
      .Products .chart-tab .chart-content .chart-val .val {
        display: inline-block;
        font-size: 30px;
        color: #000000;
        margin-bottom: 20px;
        cursor: pointer; }
        .Products .chart-tab .chart-content .chart-val .val.row-2 {
          margin-bottom: 5px;
          font-size: 20px; }
        .Products .chart-tab .chart-content .chart-val .val.defaultCursor {
          cursor: default; }
      .Products .chart-tab .chart-content .chart-val .small {
        font-size: 24px; }
        .Products .chart-tab .chart-content .chart-val .small.row-2 {
          font-size: 16px;
          margin-bottom: 5px; }
    .Products .chart-tab .account-name {
      display: inline-block;
      font-size: 18px;
      color: #000000;
      margin-bottom: 8px;
      position: relative;
      z-index: 1; }
    .Products .chart-tab .acc-icon {
      display: inline-block;
      float: left;
      width: 24px;
      height: 24px;
      background-repeat: no-repeat;
      background-position: center center;
      margin-right: 10px;
      background-size: contain; }
    .Products .chart-tab .icon-2 {
      float: right;
      margin-left: 10px;
      cursor: pointer; }
    .Products .chart-tab .slick-slide .slide-inner {
      opacity: 0;
      -webkit-transition: all 0.7s ease;
      -moz-transition: all 0.7s ease;
      -ms-transition: all 0.7s ease;
      -o-transition: all 0.7s ease;
      transition: all 0.7s ease;
      -webkit-transition-delay: 0s;
      -moz-transition-delay: 0s;
      -ms-transition-delay: 0s;
      -o-transition-delay: 0s;
      transition-delay: 0s; }
    .Products .chart-tab .slick-slide.slick-active .slide-inner {
      opacity: 1;
      -webkit-transition: all 1s ease;
      -moz-transition: all 1s ease;
      -ms-transition: all 1s ease;
      -o-transition: all 1s ease;
      transition: all 1s ease;
      -webkit-transition-delay: 0.4s;
      -moz-transition-delay: 0.4s;
      -ms-transition-delay: 0.4s;
      -o-transition-delay: 0.4s;
      transition-delay: 0.4s; }
    .Products .chart-tab .slick-dots {
      width: 100%;
      position: absolute;
      bottom: 9px;
      height: 19px; }
      .Products .chart-tab .slick-dots li {
        display: inline-block;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #CACACA;
        cursor: pointer;
        margin: 4px; }
        .Products .chart-tab .slick-dots li button {
          padding: 0;
          text-indent: -9999px;
          overflow: hidden;
          display: inline-block;
          border: none; }
        .Products .chart-tab .slick-dots li.slick-active {
          background: #000000; }
    .Products .chart-tab .chart-wrap {
      width: 100%;
      position: relative;
      top: -50px; }
      .Products .chart-tab .chart-wrap .gauge-chart {
        width: 600px !important;
        height: 370px !important;
        margin: 0 auto; }
  .Products .currencySelect {
    padding-right: 15px;
    position: relative; }
    .Products .currencySelect:after {
      transform: translateY(-50%);
      content: '';
      width: 0;
      height: 0;
      border: 0;
      background: none;
      border-style: solid;
      border-width: 6px 6px 0 6px;
      border-color: #000000 transparent transparent transparent;
      position: absolute;
      top: 11px;
      right: 0; }
    .Products .currencySelect .selected-currency {
      cursor: pointer; }
  .Products .value-menu {
    position: absolute;
    right: 160px;
    box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.3);
    padding: 2px 10px;
    background-color: #FFFFFF;
    z-index: 1;
    max-height: 105px;
    overflow: auto;
    box-sizing: border-box; }
    .Products .value-menu li {
      transition: all 0.2s ease;
      font-size: 14px;
      border: none !important;
      padding: 2px 5px;
      color: #000000;
      cursor: pointer; }
      .Products .value-menu li:hover {
        color: #ffe082; }
  .Products .chart-content .value-menu {
    right: 10px;
    top: 20px; }
  .Products .chart-content .currencySelect:after {
    top: 17px; }
  .Products .list-item.row-1 {
    cursor: default; }
    .Products .list-item.row-1.selected, .Products .list-item.row-1:hover {
      background: transparent; }
    .Products .list-item.row-1 .float50 {
      width: 45%;
      float: right; }
  .Products .pointer {
    cursor: pointer; }

/*#endregion Products*/
/*#region flags*/
.FXTradingCalculator .EUR,
.CurrencyExchangeV2 .currency-flag.EUR:before {
  background-image: url(images/icons/euro.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/chf.png); }

.FXTradingCalculator .GBP,
.CurrencyExchangeV2 .currency-flag.GBP:before {
  background-image: url(images/icons/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/rub.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); }

.FXTradingCalculator .PLN,
.CurrencyExchangeV2 .currency-flag.PLN:before {
  background-image: url(images/icons/ic_exchange_pln.png); }

.FXTradingCalculator .CNY,
.CurrencyExchangeV2 .currency-flag.CNY:before {
  background-image: url(images/icons/cny.png); }

.FXTradingCalculator .TRY,
.CurrencyExchangeV2 .currency-flag.TRY:before {
  background-image: url(images/icons/ic_flag_try.png); }

/*#endregion flags*/
/*#region tabs*/
/*
.k-tabstrip {

    .k-tabstrip-items {
        .k-item {
            display: inline-block;
            font-size: 14px;
            text-align: center;
            width: 50%;
            padding: 0 7px 8px 7px;
            box-sizing: border-box;
            border-bottom: 1px solid #c3c3c3;


            .k-link {
                color: #9b9b9c;

                &:hover {
                    text-decoration: none;
                    cursor: pointer;
                    color: $color-29;
                }
            }

            &.k-state-active {
                border-bottom: 2px solid $color-29;

                .k-link {
                    color: $color-29;
                }
            }

            &:hover {
                border-bottom: 2px solid $color-29;

                .k-link {
                    color: $color-29;
                }
            }
        }
    }

    &:focus {
        outline: none;
    }

    .s-widget-header {
        background-size: 18px;
        background-repeat: no-repeat;
        background-position: 23px 23px;
    }
}

.inline-tabs {
    .k-tabstrip {
        .k-tabstrip-items {
            .k-item {
                width: auto;
                padding: 10px 35px;
                font-size: 16px;
            }
        }
    }
}
*/
.fast-payment-zone .s-widget-header.zone-header {
  position: relative;
  background-image: url(images/icons/payments_d.png);
  background-size: 24px;
  background-position: 18px 14px; }
  .fast-payment-zone .s-widget-header.zone-header .zone-filter {
    position: absolute;
    right: 20px;
    top: 15px;
    width: 36px;
    height: 26px;
    background-image: url(images/icons/filter-1.png);
    background-repeat: no-repeat;
    border: 2px solid #CFD0D2;
    border-radius: 13px;
    background-size: 14px;
    box-sizing: border-box;
    background-position: center;
    cursor: pointer; }
    .fast-payment-zone .s-widget-header.zone-header .zone-filter:hover {
      border-color: #494f5a;
      background-image: url(images/icons/filter-2.png); }

.fast-payment-zone .filterArea {
  display: none; }
  .fast-payment-zone .filterArea input {
    padding: 13px 15px 4px 15px;
    line-height: 23px;
    font-family: "futura", sans-serif;
    font-size: 16px;
    letter-spacing: 0.5px;
    color: #494f5a;
    border-radius: 0;
    box-sizing: border-box;
    width: 92%;
    display: block;
    margin: 0 auto 10px auto;
    border: solid 1px #d1d1d1; }
  .fast-payment-zone .filterArea span {
    font-size: 16px;
    color: #7b7b7b;
    background: #FFFFFF;
    position: relative;
    top: 10px;
    left: 30px;
    padding: 0 10px; }

.fast-payment-zone .k-link {
  font-size: 16px; }

.fast-payment-zone .k-tabstrip-items {
  padding-top: 10px; }

.fast-payment-zone .ForeignPredefinedUsersCorporate .mode-stack,
.fast-payment-zone .CreditorTemplateManaging .mode-stack {
  display: none; }

.fast-payment-zone .ForeignPredefinedUsersCorporate .gvTemplateList tr,
.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 .5s; }
    .PersonalDataV2 .package-info .my-account-info-wrapper.space-between a svg {
      stroke: #d20000; }
    .PersonalDataV2 .package-info .my-account-info-wrapper.space-between a:hover {
      background-color: #d20000; }
      .PersonalDataV2 .package-info .my-account-info-wrapper.space-between a:hover svg {
        stroke: #FFFFFF; }

.mobilePhoneField {
  min-height: 45px; }

.mobilePrefix-contentData {
  float: left;
  color: #7b7b7b; }

.newMobileNumber-contentData {
  float: left;
  max-width: 250px;
  line-height: 24px !important;
  border: none; }

.profile-zone {
  /* .k-tabstrip {
        .k-tabstrip-items {
            border-bottom: 2px solid $color-22;
            padding-left: 100px;
            margin-top: 90px;

            .k-item {
                padding: 15px 40px;
            }

            .k-item:not(.k-state-active) {
                border-bottom: none;
            }
        }
    }*/ }
  .profile-zone .profile-zone-header {
    padding: 70px 100px 0 100px; }
  .profile-zone .attachment-card {
    max-width: 345px;
    padding-left: 50px; }
    .profile-zone .attachment-card:before {
      top: 50%;
      width: 40px;
      height: 40px;
      left: 5px; }
  .profile-zone .s-widget-body {
    min-height: 200px; }
  .profile-zone .contact-data {
    padding: 70px 100px 60px 100px; }
  .profile-zone .user-profile-wrap {
    position: relative;
    padding-left: 145px; }
    .profile-zone .user-profile-wrap a {
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      display: inline-block;
      font-size: 16px;
      color: #000000;
      border-bottom: 1px solid #000000;
      margin-bottom: 20px; }
      .profile-zone .user-profile-wrap a:hover {
        color: #0095c9;
        border-color: #0095c9; }
    .profile-zone .user-profile-wrap .user-profile-tag {
      border-radius: 50%;
      width: 115px;
      height: 115px;
      background-color: #0095c9;
      color: #FFFFFF;
      font-size: 43px;
      text-transform: uppercase;
      text-align: center;
      line-height: 115px;
      vertical-align: middle;
      position: absolute;
      left: 0; }
      .profile-zone .user-profile-wrap .user-profile-tag.transparent {
        background-color: transparent !important; }
      .profile-zone .user-profile-wrap .user-profile-tag img {
        border-radius: 100%;
        width: 115px;
        height: 115px;
        margin: 0 auto;
        display: block; }
    .profile-zone .user-profile-wrap .user-profile-title {
      font-size: 30px;
      color: #000000;
      margin-bottom: 5px; }
    .profile-zone .user-profile-wrap .user-profile-info {
      font-size: 14px;
      color: #000000;
      line-height: 16px;
      margin-bottom: 0;
      position: relative;
      top: 10px; }
      .profile-zone .user-profile-wrap .user-profile-info span {
        position: relative;
        font-size: 12px;
        color: #7b7b7b;
        margin: 0 10px; }
        .profile-zone .user-profile-wrap .user-profile-info span:nth-child(2) {
          margin-left: 0; }
      .profile-zone .user-profile-wrap .user-profile-info > span:not(.noLine):after {
        top: 50%;
        transform: translateY(-50%);
        right: -13px;
        position: absolute;
        content: "";
        width: 2px;
        height: 10px;
        background-color: #0095c9; }
  .profile-zone .tabs-dropdown {
    display: none; }
  .profile-zone .change-password-dialog {
    padding: 70px 100px 50px 100px;
    box-sizing: border-box; }
    .profile-zone .change-password-dialog .uk-width-3-6 {
      display: inline-block;
      padding-left: 35px;
      width: 49%;
      box-sizing: border-box; }
    .profile-zone .change-password-dialog .custom-form {
      margin-left: -35px;
      padding-top: 0; }

.exchange-office-zone .s-widget {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto; }

/*#endregion tabs*/
/*#region mCustomScrollbar*/
.s-widget .mCSB_inside > .mCSB_container {
  margin-right: 5px; }

.s-widget .mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.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: #7b7b7b !important;
  line-height: 16px !important;
  font-family: "futura", sans-serif !important;
  font-weight: 500 !important; }

.SecuritiesAccountBalance .clientGrid td,
.SecuritiesOrderConfirmationPreview .clientGrid td,
.SecuritiesOrderPreview .clientGrid td,
.SecuritiesAccountTurnover .clientGrid td {
  line-height: normal; }

.SecuritiesAccountBalance .clientGrid th:nth-child(2),
.SecuritiesOrderConfirmationPreview .clientGrid th:nth-child(2),
.SecuritiesOrderPreview .clientGrid th:nth-child(2),
.SecuritiesAccountTurnover .clientGrid th:nth-child(2) {
  padding-left: 20px;
  max-width: 200px !important; }

.SecuritiesAccountTurnover .clientGrid thead th.align-right,
.SecuritiesAccountTurnover .clientGrid td.align-right {
  text-align: right !important;
  padding-right: 15px; }

.SecuritiesAccountBalance {
  position: relative;
  display: none; }
  .SecuritiesAccountBalance .clientGrid tbody .sell-button {
    border: none;
    background: transparent;
    color: #0095c9;
    text-transform: uppercase;
    font-size: 16px;
    margin-right: 10px;
    cursor: pointer;
    float: right; }
  .SecuritiesAccountBalance .clientGrid th:nth-child(9) {
    max-width: 80px !important; }

.SecuritiesAccountTurnover {
  position: relative;
  display: none; }
  .SecuritiesAccountTurnover .s-widget-body[style="position: relative;"] .widget-options.print {
    visibility: hidden; }
  .SecuritiesAccountTurnover .s-widget-body {
    padding-top: 15px; }
  .SecuritiesAccountTurnover .clientGrid td {
    padding: 11px 10px 11px 5px; }

.SecuritiesOrderConfirmationPreview .clientGrid th:last-child,
.SecuritiesOrderConfirmationPreview .clientGrid td:last-child {
  text-align: right;
  padding-right: 20px; }

.SecuritiesOrderConfirmationPreview .tableFilter {
  border: none; }

.SecuritiesOrderPreview .s-widget-button-filter {
  display: table-cell !important; }

.SecuritiesOrderPreview .clientGrid {
  position: relative; }

.SecuritiesOrderPreview .blueBorder:after,
.SecuritiesOrderPreview .redBorder:after,
.SecuritiesOrderPreview .greenBorder:after {
  position: absolute;
  content: "";
  left: 0;
  width: 6px;
  height: 67px; }

.SecuritiesOrderPreview .blueBorder:after {
  background-color: #0095c9; }

.SecuritiesOrderPreview .redBorder:after {
  background-color: #e23939; }

.SecuritiesOrderPreview .greenBorder:after {
  background-color: #9CCC66; }

.SecuritiesOrderPreview .withdraw-button {
  text-transform: uppercase;
  color: #0095c9; }

/*#endregion Securities*/
/*#region Tokens*/
.TokenList .tableFilter,
.CrontoTokenList .tableFilter {
  width: auto; }

.TokenList .pdf-download,
.CrontoTokenList .pdf-download {
  padding: 13px 20px;
  margin-left: 16px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08);
  -webkit-transition: box-shadow .5s, background-color .5s;
  transition: box-shadow .5s, background-color .5s;
  border-radius: 20px; }

.TokenList .token,
.CrontoTokenList .token {
  position: relative;
  padding: 20px 160px;
  padding-right: 100px;
  border-bottom: 2px solid #EFEFEF; }
  .TokenList .token i,
  .CrontoTokenList .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,
  .CrontoTokenList .token .title {
    font-size: 18px;
    color: #000000;
    letter-spacing: -.5px;
    margin-bottom: 10px; }
  .TokenList .token .text,
  .CrontoTokenList .token .text {
    font-size: 14px;
    color: #7b7b7b;
    margin: 0; }
  .TokenList .token .button,
  .CrontoTokenList .token .button {
    margin-left: 20px;
    min-width: 125px; }
    .TokenList .token .button-wrap,
    .CrontoTokenList .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,
.CrontoTokenList .inner-padding-5 {
  padding: 50px 100px 50px 100px; }

/*#endregion Tokens*/
.headingActive {
  transition: all 1s ease; }
  .headingActive.active {
    font-size: 40px; }

/*#region PersonalSettings*/
.PersonalSettingsV4 .inner {
  padding-left: 100px;
  padding-right: 100px; }

.PersonalSettingsV3 .inner {
  max-width: 571px;
  margin: 0 auto; }
  .PersonalSettingsV3 .inner .page-text,
  .PersonalSettingsV3 .inner .group-title {
    text-align: left; }
  .PersonalSettingsV3 .inner .custom-form .group {
    margin-bottom: 0; }
    .PersonalSettingsV3 .inner .custom-form .group-title {
      color: #191e39; }
    .PersonalSettingsV3 .inner .custom-form .group .checkbox-bar {
      padding: 0; }
      .PersonalSettingsV3 .inner .custom-form .group .checkbox-bar .custom-check-label {
        justify-content: space-between;
        align-items: center;
        height: 38px;
        margin-right: 0;
        margin-bottom: 20px;
        padding-right: 0;
        padding-left: 16px; }
        .PersonalSettingsV3 .inner .custom-form .group .checkbox-bar .custom-check-label:last-child {
          margin-bottom: 60px; }
        .PersonalSettingsV3 .inner .custom-form .group .checkbox-bar .custom-check-label span {
          font-size: 15px;
          font-weight: 700; }
        .PersonalSettingsV3 .inner .custom-form .group .checkbox-bar .custom-check-label .custom-checkbox-wrapper {
          width: 50px;
          height: 30px;
          background-color: #E8E9EC;
          border-radius: 20px;
          -webkit-transition: background-color .5s;
          transition: background-color .5s; }
          .PersonalSettingsV3 .inner .custom-form .group .checkbox-bar .custom-check-label .custom-checkbox-wrapper.checked {
            background-color: #d20000; }
            .PersonalSettingsV3 .inner .custom-form .group .checkbox-bar .custom-check-label .custom-checkbox-wrapper.checked .custom-checkbox-pin {
              -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
          .PersonalSettingsV3 .inner .custom-form .group .checkbox-bar .custom-check-label .custom-checkbox-wrapper .custom-checkbox-pin {
            right: 6px;
            left: auto;
            -webkit-transform: translate(-18px, -50%);
            transform: translate(-18px, -50%);
            background-color: #FFFFFF;
            border: none;
            box-shadow: 0 8px 10px rgba(0, 0, 0, 0.08);
            -webkit-transition: -webkit-transform .5s;
            transition: -webkit-transform .5s;
            transition: transform .5s;
            transition: transform .5s,-webkit-transform .5s; }
    .PersonalSettingsV3 .inner .custom-form .group .input-wrap {
      margin: -40px 0 40px;
      padding: 0;
      background-color: transparent;
      border: none; }
      .PersonalSettingsV3 .inner .custom-form .group .input-wrap .label-1 {
        margin-bottom: 10px;
        text-align: left; }
      .PersonalSettingsV3 .inner .custom-form .group .input-wrap input {
        height: auto;
        padding: 14px;
        border: 1px solid #E8E9EC;
        -webkit-transition: border-color .3s;
        transition: border-color .3s; }
        .PersonalSettingsV3 .inner .custom-form .group .input-wrap input:focus {
          border-color: #666666; }
  .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: #d20000;
      color: #FFFFFF;
      border-radius: 12px;
      -webkit-transition: box-shadow .5s;
      transition: box-shadow .5s;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -webkit-text-size-adjust: none;
      -webkit-tap-highlight-color: transparent;
      user-select: none;
      cursor: pointer; }
      .PersonalSettingsV3 .inner .btn-wrapper .btn-submit:hover {
        box-shadow: 0 0 14px rgba(54, 60, 164, 0.4); }

/*#endregion PersonalSettings*/
/*#region PFM*/
.Accounts .checkbox {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  left: 20px; }

.Accounts .custom-checkbox-2 {
  cursor: default;
  width: 30px;
  height: 30px; }
  .Accounts .custom-checkbox-2 .cc-checkbox {
    display: none; }
  .Accounts .custom-checkbox-2 .check {
    position: relative;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    position: absolute;
    display: inline-block;
    background-color: #FFFFFF;
    border: 2px solid #D9D9D9;
    width: 18px;
    height: 18px; }
  .Accounts .custom-checkbox-2.checked .check {
    background-image: url(images/icons/check-icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15px;
    background-color: #0095c9;
    border-color: #0095c9; }

.FinanceRules {
  position: relative; }
  .FinanceRules .s-widget-body {
    position: relative;
    overflow: visible; }
    .FinanceRules .s-widget-body-error-summary {
      position: absolute;
      width: 100%; }
  .FinanceRules .wh-button {
    transform: translateY(-100%); }
  .FinanceRules .clientGrid thead {
    display: none; }
  .FinanceRules .clientGrid tbody td:nth-child(2) {
    padding-left: 20px; }
  .FinanceRules .clientGrid tbody td:nth-child(4) {
    padding-right: 20px; }
  .FinanceRules .clientGrid tbody td:nth-child(3), .FinanceRules .clientGrid tbody td:nth-child(4) {
    width: 100px; }
    .FinanceRules .clientGrid tbody td:nth-child(3) div, .FinanceRules .clientGrid tbody td:nth-child(4) div {
      cursor: pointer;
      color: #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: #7b7b7b;
    line-height: 38px;
    font-size: 14px;
    font-weight: normal;
    text-transform: none !important;
    margin-bottom: 0 !important;
    text-align: left; }
  .PfmTurnoverChart .FinanceTurnover .clientGrid:nth-child(1), .PfmTurnoverChart .FinanceTurnover .clientGrid:nth-child(5) {
    pointer-events: none;
    padding-left: 15px; }
    .PfmTurnoverChart .FinanceTurnover .clientGrid:nth-child(1) .sort-indicator, .PfmTurnoverChart .FinanceTurnover .clientGrid:nth-child(5) .sort-indicator {
      display: none; }
  .PfmTurnoverChart .FinanceTurnover .sort-indicator {
    display: inline-block;
    background-position: 0 0;
    margin-left: 5px; }
  .PfmTurnoverChart .FinanceTurnover .ui-icon-triangle-2-n-s {
    background-image: url(images/icons/icon-sorter-both.png);
    background-size: 12px 16px; }
  .PfmTurnoverChart .FinanceTurnover .ui-icon-triangle-1-n {
    background-image: url(images/icons/icon-sorter-up.png);
    background-size: 12px 7px;
    background-position: center; }
  .PfmTurnoverChart .FinanceTurnover .ui-icon-triangle-1-s {
    background-image: url(images/icons/icon-sorter-down.png);
    background-size: 12px 7px;
    background-position: center; }
  .PfmTurnoverChart .FinanceTurnover .tablesaw thead tr:first-child th {
    padding-bottom: 0px !important; }
  .PfmTurnoverChart .FinanceTurnover .clientGrid tbody button {
    background: none;
    border: none !important;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    color: #0095c9;
    float: right; }
  .PfmTurnoverChart .FinanceTurnover .clientGrid td:nth-child(2) {
    width: 50%; }
  .PfmTurnoverChart .FinanceTurnover .clientGrid td:nth-child(3) {
    width: 25%; }
  .PfmTurnoverChart .FinanceTurnover .clientGrid td:nth-child(4), .PfmTurnoverChart .FinanceTurnover .clientGrid td:nth-child(5) {
    width: 12.49%; }
  .PfmTurnoverChart .FinanceTurnover .tag {
    margin-left: 12px; }
  .PfmTurnoverChart .icon-mail-1 {
    display: inline-block;
    width: 36px;
    height: 26px;
    border: 2px solid #CFD0D2;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    border-radius: 13px;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    top: -2px;
    box-sizing: border-box;
    float: right;
    margin-top: 15px; }

.splitDialog {
  font-family: "futura", sans-serif !important; }
  .splitDialog .title {
    color: #7b7b7b;
    line-height: 25px; }
  .splitDialog .group-title {
    font-size: 20px;
    color: #0095c9; }
  .splitDialog .ui-widget-content {
    border: none !important; }
  .splitDialog .ui-dialog-buttonset {
    width: 100%; }
    .splitDialog .ui-dialog-buttonset button {
      width: calc(50% - 12px);
      display: inline-block;
      border: none;
      font-family: "futura", sans-serif;
      font-size: 14px;
      font-weight: 700;
      text-align: center;
      text-transform: uppercase; }
    .splitDialog .ui-dialog-buttonset .ui-button-text {
      padding-top: 15px;
      padding-bottom: 15px; }
  .splitDialog .button-3 {
    display: inline-block;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #0095c9 !important;
    border: 1px solid #d1d1d1;
    padding: 17px 25px;
    padding-left: 60px;
    background-position: 20px center;
    background-repeat: no-repeat;
    text-align: center; }
    .splitDialog .button-3:hover {
      background-color: rgba 82, 174, 48, 0.5; }
    .splitDialog .button-3.type-2 {
      padding-left: 25px;
      max-width: 345px;
      width: 100%; }
  .splitDialog .inner-margin-7 {
    margin-bottom: 70px; }
  .splitDialog .subcategory-row {
    position: relative;
    padding: 10px 0; }
    .splitDialog .subcategory-row .input-wrap {
      max-width: 145px; }
  .splitDialog .input-wrap.type-2 {
    padding: 14px 15px 12px 15px; }
  .splitDialog .drag-bar.type-2 {
    min-height: 60px;
    background-repeat: no-repeat;
    background-position: 0px center;
    position: absolute;
    left: 165px;
    width: calc(100% - 470px);
    top: 50%; }
  .splitDialog .slider {
    width: calc(100%);
    border: none;
    border-radius: 0;
    background-color: #DBDBDB;
    height: 3px; }
  .splitDialog .custom-dropdown {
    position: absolute;
    right: 55px;
    width: 198px;
    min-height: 29px;
    height: auto;
    top: 13%;
    background-image: url(images/icons/icon-carrot-1.png);
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 11px; }
    .splitDialog .custom-dropdown span {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding: 10px 15px; }
    .splitDialog .custom-dropdown .ele > span {
      font-size: 18px;
      font-weight: 500;
      color: #333333; }
  .splitDialog .remove-button {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    border-radius: 13px;
    display: inline-block;
    width: 36px;
    height: 26px;
    border: 2px solid #CFD0D2;
    background-position: center;
    background-repeat: no-repeat;
    top: 21px;
    cursor: pointer; }
  .splitDialog .catGrid {
    font-size: 16px;
    background: #FFFFFF;
    position: absolute;
    left: 5px;
    padding: 0px;
    padding-left: 10px;
    letter-spacing: .2px;
    margin: 0;
    margin-right: 27px; }
    .splitDialog .catGrid span {
      vertical-align: middle; }
    .splitDialog .catGrid > span {
      white-space: normal !important;
      padding-left: 0px;
      padding-bottom: 0px; }
    .splitDialog .catGrid .options {
      margin-left: -14px !important;
      border-top: none !important; }
  .splitDialog .ele.mainCat, .splitDialog .ele.mainCatSelect {
    padding-right: 28px !important; }

#gvFinanceTurnover .catGrid {
  position: relative;
  display: inline-block; }
  #gvFinanceTurnover .catGrid .options {
    width: 100% !important;
    border-top: none !important; }

.splitDialog .mainCat,
.PfmTurnoverChart .mainCat {
  background-image: url(images/icons/icon-plus-1.png);
  background-repeat: no-repeat;
  background-position: right 15px center; }
  .splitDialog .mainCat:hover,
  .PfmTurnoverChart .mainCat:hover {
    background-color: #F2F2F2 !important; }
  .splitDialog .mainCatSelected,
  .PfmTurnoverChart .mainCatSelected {
    position: relative; }

.splitDialog .catGrid .subMenu,
.PfmTurnoverChart .catGrid .subMenu {
  width: 100% !important;
  border: none !important;
  background-color: #F2F2F2 !important;
  border-radius: 0 0 !important;
  background-image: none !important;
  padding: 0 !important;
  z-index: 9999 !important;
  position: relative !important;
  top: 0px !important;
  left: 0px !important;
  font-weight: normal !important;
  margin-top: 0px !important; }
  .splitDialog .catGrid .subMenu span:hover,
  .PfmTurnoverChart .catGrid .subMenu span:hover {
    color: #0095c9;
    background-color: #F2F2F2 !important; }

.splitDialog .catGrid .options,
.PfmTurnoverChart .catGrid .options {
  border-top-color: transparent;
  background-color: #FFFFFF;
  background-image: none !important;
  border: 1.5px solid #d1d1d1 !important;
  border-top-color: transparent !important;
  max-height: 385px;
  overflow-y: scroll;
  overflow-x: hidden;
  font-weight: 500;
  border-radius: 0px !important;
  margin-left: -16px !important; }

.splitDialog .ele .mainCatSelect,
.PfmTurnoverChart .ele .mainCatSelect {
  background-color: #F2F2F2 !important;
  background-image: url(images/icons/icon-minus-1.png);
  background-repeat: no-repeat;
  background-position: right 15px center; }

.splitDialog .ele .subCat:hover,
.PfmTurnoverChart .ele .subCat:hover {
  background-color: #F2F2F2 !important; }

/*#endregion PFM*/
/*#region Funds*/
.FutureFundsTurnover,
.InvestmentFundsTurnover {
  position: relative;
  background-position: 25px 18px;
  visibility: hidden; }
  .FutureFundsTurnover thead,
  .InvestmentFundsTurnover thead {
    display: none; }
  .FutureFundsTurnover tbody tr td:nth-child(3),
  .InvestmentFundsTurnover tbody tr td:nth-child(3) {
    padding-right: 20px; }

.inv-funds {
  width: 60% !important; }

.InvestmentUnitHistory {
  visibility: hidden;
  margin-bottom: 0px !important; }
  .InvestmentUnitHistory .col-fix-size-1 {
    float: left;
    width: 310px; }
  .InvestmentUnitHistory .filterRegion {
    padding-top: 30px; }
  .InvestmentUnitHistory .btnExecuteFilter {
    width: 140px !important;
    padding: 15px 10px;
    display: inline-block;
    border: none;
    font-family: "futura", sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    margin-right: 0; }
  .InvestmentUnitHistory #chartMenu {
    display: none !important; }
  .InvestmentUnitHistory .tableFilter {
    border-bottom: none; }

.gvFutureFundsTurnoverPreview tr {
  cursor: pointer; }

.FutureFundsContracts {
  visibility: hidden; }

/*#endregion Funds*/
@media only screen and (max-width: 1200px) {
  .btn-1.color-6.messahe-hub {
    width: 35%; }
  .input-wrap.message-hub {
    width: 60%; }
  .ActiveNoticesOverviewV4 .s-widget-body {
    min-height: 342px; }
    .ActiveNoticesOverviewV4 .s-widget-body .widget-tutorial-slider .widget-inner {
      height: 342px !important; }
      .ActiveNoticesOverviewV4 .s-widget-body .widget-tutorial-slider .widget-inner .slider .slick-list {
        height: 342px !important; }
        .ActiveNoticesOverviewV4 .s-widget-body .widget-tutorial-slider .widget-inner .slider .slick-list .slide {
          height: 293px; } }

@media only screen and (min-width: 980px) {
  .CardPayment .slick-track,
  .FXTrading .slick-track,
  .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; }
  .CardBalancePreviewV2 .custom-table .account-col,
  .CardBalancePreviewCorporateV3 .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%; }
  .CardBalancePreviewV2 .custom-table .acc-number-col,
  .CardBalancePreviewCorporateV3 .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%; }
  .CardBalancePreviewV2 .custom-table .button-col,
  .CardBalancePreviewCorporateV3 .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%; }
  .CardBalancePreviewV2 .account-icon,
  .CardBalancePreviewCorporateV3 .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,
  .CrontoTokenList .token {
    box-sizing: border-box;
    overflow: hidden; }
    .TokenList .token i,
    .CrontoTokenList .token i {
      transform: none;
      top: 20px; }
    .TokenList .token .button-wrap,
    .CrontoTokenList .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,
  .ForeignPredefinedUsersCorporate.dashboard-widget button {
    opacity: 1; }
  .CreditorTemplateManaging.dashboard-widget th:last-child,
  .CreditorTemplateManaging.dashboard-widget td:last-child,
  .ForeignPredefinedUsersCorporate.dashboard-widget th:last-child,
  .ForeignPredefinedUsersCorporate.dashboard-widget td:last-child {
    width: 120px; }
  .CreditorTemplateManaging:not(.dashboard-widget) .clientGrid .name,
  .ForeignPredefinedUsersCorporate:not(.dashboard-widget) .clientGrid .name {
    width: calc(100% - 120px); }
  .CreditorTemplateManaging:not(.dashboard-widget) .custom-form,
  .ForeignPredefinedUsersCorporate:not(.dashboard-widget) .custom-form {
    padding-left: 20px !important;
    padding-right: 20px !important; }
    .CreditorTemplateManaging:not(.dashboard-widget) .custom-form .uk-width-5-6,
    .ForeignPredefinedUsersCorporate:not(.dashboard-widget) .custom-form .uk-width-5-6 {
      padding-left: 25px !important; }
  .CreditorTemplateManaging .clientGrid .tag,
  .ForeignPredefinedUsersCorporate .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,
  .CrontoTokenList .token {
    padding: 20px 20px 20px 70px; }
    .TokenList .token i,
    .CrontoTokenList .token i {
      left: 15px; }
  .TokenList .inner-padding-5,
  .CrontoTokenList .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; }
    .ui-dialog.no-yes-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
      width: 70% !important; }
  .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,
  .CardBalancePreviewV2 .custom-table .list-item .left,
  .CardBalancePreviewV2 .custom-table .list-item .p,
  .CardBalancePreviewCorporateV3 .custom-table .list-item .left,
  .CardBalancePreviewCorporateV3 .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,
  .CardBalancePreviewV2 .custom-table .button-col,
  .CardBalancePreviewCorporateV3 .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,
    .CardBalancePreviewV2 .custom-table .button-col .btn-1,
    .CardBalancePreviewCorporateV3 .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,
    .CardBalancePreviewV2 .custom-table .button-col .col-button,
    .CardBalancePreviewCorporateV3 .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,
  .CardBalancePreviewV2 .custom-table .col,
  .CardBalancePreviewCorporateV3 .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,
  .CardBalancePreviewV2 .custom-table .acc-number-col,
  .CardBalancePreviewCorporateV3 .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,
  .CardBalancePreviewV2 .custom-table p,
  .CardBalancePreviewCorporateV3 .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,
  .CardBalancePreviewV2 .account-icon,
  .CardBalancePreviewCorporateV3 .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,
  .CrontoTokenList .token .button-wrap {
    display: block;
    width: 100%; }
    .TokenList .token .button-wrap .button,
    .CrontoTokenList .token .button-wrap .button {
      width: calc(50% - 10px);
      font-size: 12px;
      margin-left: 10px;
      min-width: auto; }
      .TokenList .token .button-wrap .button:first-child,
      .CrontoTokenList .token .button-wrap .button:first-child {
        margin-left: 0; }
  .ForeignPredefinedUsersCorporate button.edit, .ForeignPredefinedUsersCorporate button.delete,
  .CreditorTemplateManaging button.edit,
  .CreditorTemplateManaging button.delete {
    font-size: 14px; }
  .UserInfo .s-widget-body .heading {
    font-size: 14px; }
  .FXTradingCalculator .currency.currency-left {
    padding-left: 20px; }
  .FXTradingCalculator .currency.currency-right {
    padding-right: 20px; }
  .FinanceRules .clientGrid tbody td:nth-child(2) {
    line-height: 20px; }
  .FinanceRules .clientGrid tbody td:nth-child(3),
  .FinanceRules .clientGrid tbody td:nth-child(4) {
    font-size: 14px;
    width: 70px; }
  .clientGrid tbody tr td {
    font-size: 14px; }
    .clientGrid tbody tr td .title {
      font-size: 14px; }
    .clientGrid tbody tr td .value {
      font-size: 14px; }
  .ui-dialog.right-dialog {
    margin-right: 0 !important; }
  .s-widget {
    background-position-x: 17px; }
    .s-widget-header {
      padding-left: 10px; }
  .fast-payment-zone .s-widget-header.zone-header {
    background-position-x: 10px; }
  .exchange-zone .s-widget-header {
    background-position-x: 10px; }
  .payment-overview-zone .s-widget-header {
    background-position-x: 11px; }
  .statements-zone .s-widget-header {
    background-position-x: 7px; }
  .CardBalancePreviewV2,
  .CardBalancePreviewCorporateV3 {
    background-position-x: 12px !important; }
  .input-select-wrap.type-2 {
    padding-right: 0; }
    .input-select-wrap.type-2 .select-4 {
      position: relative;
      left: 50%;
      -webkit-transform: translate(-50%);
      -moz-transform: translate(-50%);
      -ms-transform: translate(-50%);
      -o-transform: translate(-50%);
      transform: translate(-50%);
      position: relative; }
  .BudgetList .custom-table .text-1,
  .BudgetList .custom-table .text-2,
  .BudgetList .custom-table .text-3,
  .BudgetList .custom-table small {
    font-size: 12px !important; }
  .BudgetList .custom-table .transaction-btn {
    font-size: 14px !important; }
  .buy-hov-modal .custom-radio-1 .radio.has-input-2 {
    padding-right: 20px; }
    .buy-hov-modal .custom-radio-1 .radio.has-input-2 .input-wrap {
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none;
      position: relative;
      top: auto;
      right: auto;
      max-width: none;
      margin-top: 20px; }
  .buy-hov-modal .modal-inner-content {
    padding: 30px 30px 0 30px; } }

/*#endregion responsive*/
.payment-slider.type-2 .slick-track,
.payment-slider.type-2 .slick-track .slick-slide {
  width: 100% !important; }

.tempName {
  font-family: "futura", sans-serif;
  font-size: 16px;
  letter-spacing: 0.5px;
  color: #494f5a;
  border-radius: 0;
  box-sizing: border-box;
  width: 95%;
  display: block;
  border: none; }

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
  overflow: visible;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 1000 !important; }

/*test*/
.app-version {
  position: absolute;
  right: 10px;
  bottom: 5px;
  color: #666;
  font-style: italic;
  font-size: 0.9em; }

.predodobreni-krediti {
  /* Calendar style */
  /* Data processing */
  /* ==================================================
	    =Media Queries
	===================================================== */ }
  .predodobreni-krediti * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .predodobreni-krediti span.alpaca-field {
    display: block;
    vertical-align: middle; }
  .predodobreni-krediti .widget {
    padding-bottom: 1px; }
  .predodobreni-krediti html .ui-autocomplete {
    font-family: "futura", sans-serif;
    font-size: 16px;
    background-color: #FFFFFF; }
  .predodobreni-krediti html .ui-state-focus,
  .predodobreni-krediti html .ui-widget-content .ui-state-focus {
    background-color: #fffee6;
    border: 0;
    font-weight: 400;
    color: #000000;
    font-size: 16px; }
  .predodobreni-krediti .row-grid {
    zoom: 1;
    margin-left: -18px; }
    .predodobreni-krediti .row-grid:after {
      display: block;
      visibility: hidden;
      height: 0;
      clear: both;
      content: ""; }
    .predodobreni-krediti .row-grid > * {
      padding-left: 18px;
      box-sizing: border-box; }
  .predodobreni-krediti .col {
    float: left;
    min-height: 1px; }
    .predodobreni-krediti .col-ls-1 {
      width: calc(100% / 12); }
    .predodobreni-krediti .col-ls-2 {
      width: calc((100% / 12) * 2); }
    .predodobreni-krediti .col-ls-3 {
      width: calc((100% / 12) * 3); }
    .predodobreni-krediti .col-ls-4 {
      width: calc((100% / 12) * 4); }
    .predodobreni-krediti .col-ls-5 {
      width: calc((100% / 12) * 5); }
    .predodobreni-krediti .col-ls-6 {
      width: calc(100% / 2); }
    .predodobreni-krediti .col-ls-7 {
      width: calc((100% / 12) * 7); }
    .predodobreni-krediti .col-ls-8 {
      width: calc((100% / 12) * 8); }
    .predodobreni-krediti .col-ls-9 {
      width: calc((100% / 12) * 9); }
    .predodobreni-krediti .col-ls-10 {
      width: calc((100% / 12) * 10); }
    .predodobreni-krediti .col-ls-11 {
      width: calc((100% / 12) * 11); }
    .predodobreni-krediti .col-ls-12 {
      width: 100%; }
  .predodobreni-krediti a {
    font-size: inherit;
    color: inherit; }
  .predodobreni-krediti input:focus,
  .predodobreni-krediti button:focus,
  .predodobreni-krediti textarea:focus {
    outline: none; }
  .predodobreni-krediti .icon-shoppingcart {
    background-image: url(images/krediti/icon-shoppingcart.png);
    background-size: 40px; }
  .predodobreni-krediti .icon-mobile {
    background-image: url(images/krediti/icon-mobile.png);
    background-size: 24px; }
  .predodobreni-krediti .icon-money {
    background-image: url(images/krediti/icon-money.png);
    background-size: 40px; }
  .predodobreni-krediti .icon-vault {
    background-image: url(images/krediti/icon-vault.png);
    background-size: 44px; }
  .predodobreni-krediti .icon-cards {
    background-image: url(images/krediti/icon-cards.png);
    background-size: 44px; }
  .predodobreni-krediti .icon-moneybag {
    background-image: url(images/krediti/icon-moneybag.png);
    background-size: 84px; }
  .predodobreni-krediti .icon-document {
    background-image: url(images/krediti/icon-document.png);
    background-size: 80px; }
  .predodobreni-krediti .icon-camera {
    background-image: url(images/krediti/icon-camera.png);
    background-size: 65px; }
  .predodobreni-krediti .icon-phone-1 {
    background-image: url(images/krediti/icon-phone-1.png);
    background-size: 18px; }
  .predodobreni-krediti .icon-bubble-1 {
    background-image: url(images/krediti/icon-bubble-1.png);
    background-size: 18px; }
  .predodobreni-krediti .icon-facebook-1 {
    background-image: url(images/krediti/icon-facebook-1.png);
    background-size: 10px; }
    .predodobreni-krediti .icon-facebook-1:hover {
      background-image: url(images/krediti/icon-facebook-2.png); }
  .predodobreni-krediti .icon-save {
    background-image: url(images/krediti/icon-save.png);
    background-size: 24px; }
  .predodobreni-krediti .icon-youtube-1 {
    background-image: url(images/krediti/icon-youtube-1.png);
    background-size: 20px; }
    .predodobreni-krediti .icon-youtube-1:hover {
      background-image: url(images/krediti/icon-youtube-2.png); }
  .predodobreni-krediti .icon-twitter-1 {
    background-image: url(images/krediti/icon-twitter-1.png);
    background-size: 21px; }
    .predodobreni-krediti .icon-twitter-1:hover {
      background-image: url(images/krediti/icon-twitter-2.png); }
  .predodobreni-krediti .icon-download {
    background-image: url(images/krediti/download.png);
    background-size: 21px; }
  .predodobreni-krediti .icon-man {
    background-image: url(images/krediti/icon-man.png);
    background-size: 16px; }
  .predodobreni-krediti .icon-clock {
    background-image: url(images/krediti/icon-clock.png);
    background-size: 20px; }
  .predodobreni-krediti .icon-card {
    background-image: url(images/krediti/icon-card.png);
    background-size: 20px; }
  .predodobreni-krediti .icon-mega {
    background-image: url(images/krediti/icon-mega.png);
    background-size: 81px; }
  .predodobreni-krediti .icon-chat {
    background-image: url(images/krediti/icon-chat.png);
    background-size: 75px; }
  .predodobreni-krediti .icon-calendar {
    background-image: url(images/krediti/icon-calendar.png);
    background-size: 90px; }
  .predodobreni-krediti .icon-puzzle {
    background-image: url(images/krediti/icon-puzzle.png);
    background-size: 90px; }
  .predodobreni-krediti .container-1 {
    width: calc(100% - 40px);
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto; }
  .predodobreni-krediti .container-2 {
    width: calc(100% - 40px);
    max-width: 770px;
    margin-left: auto;
    margin-right: auto; }
  .predodobreni-krediti .container-3 {
    max-width: 595px;
    margin-left: auto;
    margin-right: auto; }
  .predodobreni-krediti .container-4 {
    max-width: 380px;
    margin-left: auto;
    margin-right: auto; }
  .predodobreni-krediti .container-5 {
    max-width: 1080px;
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto; }
  .predodobreni-krediti .container-6 {
    position: relative;
    padding: 1px 60px; }
  .predodobreni-krediti .inner-margin-0 {
    margin-bottom: 0; }
  .predodobreni-krediti .inner-margin-1 {
    margin-bottom: 10px; }
  .predodobreni-krediti .inner-margin-2 {
    margin-bottom: 20px; }
  .predodobreni-krediti .inner-margin-3 {
    margin-bottom: 30px; }
  .predodobreni-krediti .inner-margin-4 {
    margin-bottom: 30px; }
  .predodobreni-krediti .inner-margin-5 {
    margin-bottom: 10px; }
  .predodobreni-krediti .inner-margin-6 {
    margin-bottom: 60px; }
  .predodobreni-krediti .inner-margin-7 {
    margin-bottom: 70px; }
  .predodobreni-krediti .inner-margin-8 {
    margin-bottom: 80px; }
  .predodobreni-krediti .inner-margin-9 {
    margin-bottom: 90px; }
  .predodobreni-krediti .inner-margin-10 {
    margin-bottom: 100px; }
  .predodobreni-krediti .top-padding-1 {
    padding-top: 20px; }
  .predodobreni-krediti .top-padding-2 {
    padding-top: 40px; }
  .predodobreni-krediti .top-padding-3 {
    padding-top: 60px; }
  .predodobreni-krediti .top-padding-4 {
    padding-top: 80px; }
  .predodobreni-krediti .top-padding-5 {
    padding-top: 100px; }
  .predodobreni-krediti #main {
    overflow: hidden; }
  .predodobreni-krediti .info-card.top-padding-6 {
    padding-top: 106px; }
  .predodobreni-krediti .info-card.fix {
    background-position: 50% 17%;
    background-size: 60px;
    border: none;
    min-height: 214px;
    position: relative; }
    .predodobreni-krediti .info-card.fix:after {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 0;
      width: 1px;
      height: 74%;
      background: #DBDBDB; }
  .predodobreni-krediti .infos-row .col:last-child .info-card:after {
    display: none; }
  .predodobreni-krediti .icon-camera.fix {
    background-size: 48px; }
  .predodobreni-krediti .inner-margin-1.fix {
    margin-bottom: 7px; }
  .predodobreni-krediti .intro-section.fix {
    -webkit-box-shadow: 0px 0px 62px -9px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 62px -9px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 62px -9px rgba(0, 0, 0, 0.25);
    position: relative; }
  .predodobreni-krediti .section.fix-2 {
    padding-bottom: 146px; }
  .predodobreni-krediti .button-1.fix span {
    font-weight: 100;
    vertical-align: top; }
  .predodobreni-krediti .value-slider-section.fix {
    padding-top: 68px; }
  .predodobreni-krediti .benefit-section {
    padding-top: 110px;
    padding-bottom: 100px; }
    .predodobreni-krediti .benefit-section .info-card.fix {
      background-size: 124px;
      padding-top: 180px;
      background-position: 50% 5%; }
      .predodobreni-krediti .benefit-section .info-card.fix:after {
        display: none; }
      .predodobreni-krediti .benefit-section .info-card.fix.benefit-ico-2 {
        background-position: 50% 12%; }
    .predodobreni-krediti .benefit-section .col-ls-4 {
      padding: 0 4.4%; }
    .predodobreni-krediti .benefit-section .title-border-1:after {
      left: calc(50% - 50px); }
    .predodobreni-krediti .benefit-section .title-3 {
      font-size: 18px; }
    .predodobreni-krediti .benefit-section .row-grid {
      max-width: 1200px;
      margin: auto; }
  .predodobreni-krediti .benefit-ico-1 {
    background-image: url(images/krediti/benefit-ico-1.png);
    background-size: 124px; }
  .predodobreni-krediti .benefit-ico-2 {
    background-image: url(images/krediti/benefit-ico-2.png);
    background-size: 124px; }
  .predodobreni-krediti .benefit-ico-3 {
    background-image: url(images/krediti/benefit-ico-3.png);
    background-size: 124px; }
  .predodobreni-krediti .section-2.padding-fix {
    padding-bottom: 80px;
    padding-top: 0; }
    .predodobreni-krediti .section-2.padding-fix-2 {
      padding-bottom: 60px;
      padding-top: 30px; }
  .predodobreni-krediti .container-2.fix-center {
    text-align: center; }
  .predodobreni-krediti .strong-fix strong {
    color: #000000;
    background: #fff133; }
  .predodobreni-krediti .yellow-bg strong {
    background: #FFEC00;
    padding: 0 5px; }
  .predodobreni-krediti .store-wrap {
    border: 3px solid #F2F4F5;
    padding: 40px; }
    .predodobreni-krediti .store-wrap .store-btn {
      float: left;
      width: 50%; }
    .predodobreni-krediti .store-wrap img {
      display: block;
      max-width: 100%;
      max-height: 60px; }
    .predodobreni-krediti .store-wrap .google-play img {
      margin-left: auto;
      margin-right: 8px; }
    .predodobreni-krediti .store-wrap .apple-store img {
      margin-right: auto;
      margin-left: 8px; }
  .predodobreni-krediti .section-2.padding-fix-3 {
    padding-bottom: 0; }
  .predodobreni-krediti .save-btn-2 {
    color: #0095c9;
    text-decoration: underline; }
  .predodobreni-krediti span {
    display: inline-block;
    vertical-align: middle; }
  .predodobreni-krediti .full {
    width: 100%; }
  .predodobreni-krediti .ib {
    display: inline-block; }
  .predodobreni-krediti .block {
    display: block; }
  .predodobreni-krediti .semi-bold {
    font-weight: 500; }
  .predodobreni-krediti .bold {
    font-weight: 700; }
  .predodobreni-krediti .icon-text {
    padding-left: 125px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    max-width: 480px; }
  .predodobreni-krediti .text-changer {
    transition: opacity .5s ease;
    opacity: 1; }
    .predodobreni-krediti .text-changer.animating {
      opacity: 0; }
  .predodobreni-krediti .title-1 {
    float: none;
    border: none;
    font-size: 48px;
    font-weight: 700;
    line-height: 60px;
    text-shadow: -2px 2px 0px rgba(0, 0, 0, 0.4); }
  .predodobreni-krediti .title-2 {
    color: inherit;
    border: none;
    float: none;
    font-size: 30px;
    font-weight: 700;
    padding: 0; }
  .predodobreni-krediti .title-3 {
    font-size: 20px;
    font-weight: 700; }
  .predodobreni-krediti .title-4 {
    font-size: 20px; }
  .predodobreni-krediti .title-5 {
    font-size: 44px;
    font-weight: 700; }
  .predodobreni-krediti .text-1 {
    font-size: 16px;
    line-height: 24px; }
    .predodobreni-krediti .text-1 a {
      color: #0095c9;
      text-decoration: underline; }
  .predodobreni-krediti .text-2 {
    font-size: 18px;
    font-weight: 500; }
    .predodobreni-krediti .text-2 a {
      color: #0095c9;
      text-decoration: underline; }
  .predodobreni-krediti .text-3 {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
    text-transform: uppercase; }
    .predodobreni-krediti .text-3 a {
      display: inline-block;
      vertical-align: text-bottom;
      line-height: 9px;
      color: #0095c9;
      border-bottom: 2px solid #0095c9; }
    .predodobreni-krediti .text-3 .checkbox:not(.checkbox-2) {
      vertical-align: top;
      margin-right: 20px;
      margin-top: -2px;
      margin-bottom: 15px; }
  .predodobreni-krediti .checkbox-wrap {
    position: relative;
    padding-left: 50px; }
    .predodobreni-krediti .checkbox-wrap .checkbox {
      position: absolute;
      top: 18px;
      left: 0; }
  .predodobreni-krediti .link-1 {
    font-size: 16px; }
  .predodobreni-krediti .padding-1 {
    padding: 0 60px; }
  .predodobreni-krediti .cl-2 {
    color: #7b7b7b; }
  .predodobreni-krediti .cl-3 {
    color: #FFFFFF; }
  .predodobreni-krediti .cl-4 {
    color: #0095c9; }
  .predodobreni-krediti .cl-5 {
    color: #888888; }
  .predodobreni-krediti .bg-cl-1 {
    background-color: #F2F4F5; }
  .predodobreni-krediti .checkbox-1 {
    transition: background-color .4s ease;
    position: relative;
    display: inline-block;
    width: 32px;
    height: 15px;
    border-radius: 16px;
    background-color: #dadada;
    cursor: pointer;
    vertical-align: middle; }
    .predodobreni-krediti .checkbox-1.checked {
      background-color: #c3b400; }
      .predodobreni-krediti .checkbox-1.checked mark {
        background-color: #FFEC00;
        transform: translate3d(calc(100% - 7px), 0, 0); }
    .predodobreni-krediti .checkbox-1 mark {
      transition: transform .4s ease, background-color .4s ease;
      box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
      border-radius: 50%;
      position: absolute;
      left: -2px;
      top: -3px;
      display: inline-block;
      content: "";
      width: 22px;
      height: 22px;
      background-color: #FFFFFF; }
    .predodobreni-krediti .checkbox-1 .cc-checkbox {
      display: none; }
  .predodobreni-krediti .checkbox-2 {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 14px; }
    .predodobreni-krediti .checkbox-2.checked mark {
      background: url(images/krediti/icon-check-1.png) no-repeat center;
      background-size: 18px; }
    .predodobreni-krediti .checkbox-2 mark {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      display: block;
      cursor: pointer;
      vertical-align: text-top;
      content: "";
      width: 18px;
      height: 18px;
      border: 1px solid #d1d1d1;
      background-color: #FFFFFF;
      margin-right: 10px; }
    .predodobreni-krediti .checkbox-2 .cc-checkbox {
      display: none; }
    .predodobreni-krediti .checkbox-2.right-dir {
      zoom: 1; }
      .predodobreni-krediti .checkbox-2.right-dir:after {
        display: block;
        visibility: hidden;
        height: 0;
        clear: both;
        content: ""; }
      .predodobreni-krediti .checkbox-2.right-dir mark {
        float: right;
        margin: 0;
        margin-left: 10px; }
  .predodobreni-krediti .panel {
    padding: 30px 18px; }
    .predodobreni-krediti .panel-bg {
      padding: 22px 10px;
      background: url(images/krediti/pattern.png) 0 0; }
  .predodobreni-krediti .save-box {
    position: absolute;
    top: 28px;
    right: 0;
    margin-right: 0; }
    .predodobreni-krediti .save-box .save-btn {
      position: relative;
      display: inline-block;
      height: 53px;
      border: 1px solid #d1d1d1;
      transition: border-color .4s ease;
      background: transparent;
      font-size: 14px;
      line-height: 50px;
      font-weight: bold;
      color: #000000;
      text-transform: uppercase;
      padding: 0 20px;
      margin: 0; }
      .predodobreni-krediti .save-box .save-btn:hover {
        border-color: #000000; }
      .predodobreni-krediti .save-box .save-btn i {
        display: inline-block;
        width: 24px;
        height: 53px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100%;
        float: left;
        margin-right: 20px; }
    .predodobreni-krediti .save-box .tooltip {
      width: 280px;
      animation: nav-anim2 3s;
      animation-iteration-count: infinite;
      animation-timing-function: cubic-bezier(0, 1, 1, 1); }
      .predodobreni-krediti .save-box .tooltip:after {
        right: 68px; }
  .predodobreni-krediti .tooltip {
    background: #FFEC00;
    position: absolute;
    top: calc(100% + 14px);
    right: 0;
    padding: 25px 25px 10px;
    z-index: 20; }
    .predodobreni-krediti .tooltip:after {
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 9px 11px 9px;
      border-color: transparent transparent #ffee00 transparent;
      position: absolute;
      bottom: 100%; }
    .predodobreni-krediti .tooltip p {
      font-size: 16px;
      font-weight: 500;
      line-height: 1.5;
      margin-bottom: 10px; }
    .predodobreni-krediti .tooltip button {
      background: transparent;
      padding: 5px 0;
      color: #000000;
      text-transform: uppercase;
      margin: 0; }
      .predodobreni-krediti .tooltip button:first-child {
        float: left; }
      .predodobreni-krediti .tooltip button:last-child {
        float: right; }
  .predodobreni-krediti .jumbo-panel {
    position: relative;
    height: 440px;
    overflow: hidden; }
    .predodobreni-krediti .jumbo-panel .img {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      display: block;
      top: 50%;
      transform: translate3d(0, -50%, 0);
      width: 100%;
      height: auto; }
    .predodobreni-krediti .jumbo-panel .title {
      text-align: center;
      transform: translate3d(0, -50%, 0);
      position: absolute;
      width: calc(100% - 40px);
      left: 20px;
      top: 50%; }
  .predodobreni-krediti .info-card {
    text-align: center;
    padding: 10px 30px;
    padding-top: 160px;
    min-height: 260px;
    background-repeat: no-repeat;
    background-position: 50% 20%;
    border: none;
    box-sizing: border-box; }
    .predodobreni-krediti .info-card .has-info {
      width: calc(100% + 50px); }
  .predodobreni-krediti .section {
    padding: 60px 0;
    padding-top: 75px; }
    .predodobreni-krediti .section-2 {
      padding: 50px 0; }
      .predodobreni-krediti .section-2.no-bottom-padding {
        padding-bottom: 0; }
  .predodobreni-krediti .value-slider-section {
    background-color: #F2F4F5; }
  .predodobreni-krediti .value-slider-wrap {
    border-bottom: 1px solid #FFFFFF; }
    .predodobreni-krediti .value-slider-wrap .title {
      float: left; }
    .predodobreni-krediti .value-slider-wrap input {
      text-align: right;
      float: right;
      max-width: 215px; }
    .predodobreni-krediti .value-slider-wrap .slider {
      width: 100%;
      float: left; }
    .predodobreni-krediti .value-slider-wrap .min-txt {
      float: left; }
    .predodobreni-krediti .value-slider-wrap .max-txt {
      float: right; }
  .predodobreni-krediti .value-wrap .input {
    text-align: right;
    float: right;
    max-width: 215px; }
  .predodobreni-krediti .hidden {
    display: none; }
  .predodobreni-krediti .button-wrap {
    zoom: 1;
    margin-left: -12px;
    padding: 0; }
    .predodobreni-krediti .button-wrap:after {
      display: block;
      visibility: hidden;
      height: 0;
      clear: both;
      content: ""; }
    .predodobreni-krediti .button-wrap .button {
      float: left;
      margin-left: 12px;
      min-width: auto;
      width: calc(50% - 12px); }
  .predodobreni-krediti .button-1 {
    transition: box-shadow .3s ease, background-color .3s ease;
    box-shadow: 0px 30px 25px -10px rgba(181, 183, 184, 0.3);
    text-align: center;
    text-transform: uppercase;
    display: block;
    font-size: 14px;
    font-weight: 700;
    padding: 15.5px 10px;
    background-color: #FFEC00;
    width: 100%;
    border: none; }
    .predodobreni-krediti .button-1:hover {
      box-shadow: 0px 25px 25px -15px rgba(181, 183, 184, 0.75);
      background-color: #fff133;
      cursor: pointer; }
    .predodobreni-krediti .button-1.color-2 {
      background-color: #f1f2f4; }
      .predodobreni-krediti .button-1.color-2:hover {
        box-shadow: 0px 25px 25px -15px rgba(181, 183, 184, 0.75);
        background-color: #e2e4e9;
        cursor: pointer; }
  .predodobreni-krediti .input-info {
    position: relative; }
    .predodobreni-krediti .input-info .input-wrap {
      padding-right: 50px; }
    .predodobreni-krediti .input-info .input-icon {
      transform: translate3d(0, -50%, 0);
      position: absolute;
      top: calc(50%);
      right: 10px; }
  .predodobreni-krediti .input-wrap {
    transition: border-color .4s ease;
    position: relative;
    border: 1px solid #d1d1d1;
    padding: 16px 18px 7px 18px; }
    .predodobreni-krediti .input-wrap:focus-within {
      border-color: #000000; }
    .predodobreni-krediti .input-wrap.error {
      border-color: #e53935; }
      .predodobreni-krediti .input-wrap.error .err-txt {
        display: block; }
    .predodobreni-krediti .input-wrap .label {
      position: absolute;
      width: max-content;
      padding: 0 16px;
      background-color: #FFFFFF;
      left: 3px;
      top: -12px; }
    .predodobreni-krediti .input-wrap .input {
      width: 100%; }
      .predodobreni-krediti .input-wrap .input.input-3 {
        margin-bottom: 3px; }
    .predodobreni-krediti .input-wrap .err-txt {
      display: none;
      position: absolute;
      left: 0;
      bottom: -25px;
      color: #e53935;
      font-size: 14px;
      margin: 0;
      white-space: nowrap; }
  .predodobreni-krediti .input-1 {
    font-family: "futura", sans-serif;
    display: block;
    font-size: 20px !important;
    font-weight: 700;
    appearance: none;
    outline: none;
    border: 1px solid #d1d1d1;
    padding: 12px 15px 10px;
    background-color: white; }
    .predodobreni-krediti .input-1.error {
      border-color: #e53935; }
    .predodobreni-krediti .input-1[disabled] {
      background-color: #F2F4F5; }
  .predodobreni-krediti .input-2 {
    font-family: "futura", sans-serif;
    display: block;
    font-size: 18px;
    font-weight: 500;
    border: none;
    background-color: transparent;
    outline: none;
    line-height: 18px;
    padding: 0;
    text-align: inherit; }
  .predodobreni-krediti .input-3 {
    font-family: "futura", sans-serif;
    display: block;
    font-size: 16px;
    border: none;
    background-color: transparent;
    outline: none; }
  .predodobreni-krediti .input-4 {
    font-family: "futura", sans-serif;
    display: block;
    font-size: 18px;
    font-weight: 500;
    appearance: none;
    outline: none;
    border: 1px solid #d1d1d1;
    padding: 15px 15px 8px; }
    .predodobreni-krediti .input-4.error {
      border-color: #e53935; }
  .predodobreni-krediti .input-date {
    background: url(images/krediti/icon-date.png) 100% 0 no-repeat;
    background-size: 18px;
    padding-right: 30px;
    cursor: pointer; }
  .predodobreni-krediti .ui-slider.ui-widget-content {
    border: none;
    border-radius: 0;
    background-color: #DBDBDB;
    height: 3px; }
    .predodobreni-krediti .ui-slider.ui-widget-content .ui-state-default {
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      z-index: 1;
      cursor: pointer;
      width: 14px;
      height: 14px;
      background-color: #0095c9;
      outline: none; }
      .predodobreni-krediti .ui-slider.ui-widget-content .ui-state-default:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
        -moz-transform: translate3d(-50%, -50%, 0);
        -ms-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        position: absolute;
        z-index: 1;
        width: calc(100% + 8px);
        height: calc(100% + 8px);
        background-color: rgba(0, 149, 201, 0.3); }
  .predodobreni-krediti .ui-slider.ui-widget-header {
    border-radius: 0;
    background-color: #0095c9; }
  .predodobreni-krediti .datepicker-dd-wrap {
    position: relative;
    display: inline-block;
    width: 45%; }
    .predodobreni-krediti .datepicker-dd-wrap:after {
      content: "";
      position: absolute;
      right: 15px;
      top: calc(50% - 6px);
      width: 12px;
      height: 12px;
      background: center no-repeat url(images/krediti/arrow-bottom.png);
      background-size: 12px; }
  .predodobreni-krediti body .ui-datepicker select.ui-datepicker-month,
  .predodobreni-krediti body .ui-datepicker select.ui-datepicker-year {
    cursor: pointer;
    padding-left: 10px;
    font-size: 18px !important;
    width: 100% !important;
    border: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    outline: none;
    max-width: 82px;
    -moz-appearance: none; }
  .predodobreni-krediti body .ui-datepicker th {
    font-weight: 500; }
  .predodobreni-krediti body .ui-datepicker td {
    padding: 1px 2px; }
    .predodobreni-krediti body .ui-datepicker td span,
    .predodobreni-krediti body .ui-datepicker td a {
      padding: .4em;
      text-align: center; }
  .predodobreni-krediti body .ui-datepicker .ui-datepicker-title {
    font-size: 16px;
    font-weight: 500;
    color: #505050;
    margin-top: 9px;
    margin-bottom: 10px; }
  .predodobreni-krediti body .ui-header {
    border: none;
    background: #FFFFFF; }
  .predodobreni-krediti body .ui-content .ui-state-default, .predodobreni-krediti body .ui-widget .ui-state-default {
    background: none;
    color: #505050;
    font-size: 14px;
    font-weight: 500;
    padding-top: 8px;
    padding-bottom: 8px;
    border: 0; }
  .predodobreni-krediti body .ui-content-active, .predodobreni-krediti body .ui-content-hover, .predodobreni-krediti body .ui-content-highlight, .predodobreni-krediti body .ui-header-active, .predodobreni-krediti body .ui-header-hover, .predodobreni-krediti body .ui-header-highlight {
    border-color: #FFEC00;
    background: #FFEC00;
    color: #505050;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    border-radius: 18px; }
  .predodobreni-krediti body #ui-datepicker-div {
    padding: 20 px;
    box-shadow: 0 8px 8px black;
    border-radius: 0 0 8px 8px;
    border: 1 px solid #dfe7ef;
    position: absolute;
    width: 100%;
    left: 0;
    top: 95%;
    border-top: none;
    z-index: 20;
    opacity: 0;
    -webkit-transition: opacity .5s,visibility .5s;
    transition: opacity .5s,visibility .5s; }
  .predodobreni-krediti body table thead th {
    font-family: "futura", sans-serif;
    background: none;
    font-size: 16px;
    color: #505050; }
  .predodobreni-krediti body table tr:nth-child(even) td,
  .predodobreni-krediti body table tr:nth-child(even) th {
    background: none; }
  .predodobreni-krediti body .ui-icon {
    width: 20px;
    height: 20px; }
  .predodobreni-krediti body .ui-datepicker .ui-datepicker-prev, .predodobreni-krediti body .ui-datepicker .ui-datepicker-next {
    width: 38px;
    height: 38px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border: 1px solid #d1d1d1;
    border-radius: 0; }
    .predodobreni-krediti body .ui-datepicker .ui-datepicker-prev.ui-state-hover, .predodobreni-krediti body .ui-datepicker .ui-datepicker-next.ui-state-hover {
      background: none;
      border: 1px solid #d1d1d1;
      top: 4px; }
    .predodobreni-krediti body .ui-datepicker .ui-datepicker-prev span, .predodobreni-krediti body .ui-datepicker .ui-datepicker-next span {
      margin-left: -10px;
      margin-top: -9px; }
  .predodobreni-krediti body .ui-datepicker .ui-datepicker-prev {
    top: 4px;
    left: 0;
    margin-left: 5px; }
    .predodobreni-krediti body .ui-datepicker .ui-datepicker-prev.ui-state-hover {
      left: 0px; }
      .predodobreni-krediti body .ui-datepicker .ui-datepicker-prev.ui-state-hover span {
        background: url(images/krediti/arrow-b-left.png) center center no-repeat;
        background-size: 7px;
        border: none; }
    .predodobreni-krediti body .ui-datepicker .ui-datepicker-prev span {
      background: url(images/krediti/arrow-b-left.png) center center no-repeat;
      background-size: 7px;
      border: none; }
  .predodobreni-krediti body .ui-datepicker .ui-datepicker-next {
    top: 4px;
    right: 0;
    margin-right: 7px; }
    .predodobreni-krediti body .ui-datepicker .ui-datepicker-next.ui-state-hover {
      right: 0px; }
      .predodobreni-krediti body .ui-datepicker .ui-datepicker-next.ui-state-hover span {
        background: url(images/krediti/arrow-b-right.png) center center no-repeat;
        background-size: 7px;
        border: none; }
    .predodobreni-krediti body .ui-datepicker .ui-datepicker-next span {
      background: url(images/krediti/arrow-b-right.png) center center no-repeat;
      background-size: 7px;
      border: none; }
  .predodobreni-krediti .has-info {
    position: relative;
    padding-right: 50px; }
    .predodobreni-krediti .has-info .info-icon,
    .predodobreni-krediti .has-info .pen-icon {
      transform: translate3d(0, -50%, 0);
      position: absolute;
      top: calc(50% - 2px);
      right: 0; }
  .predodobreni-krediti .pen-icon {
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 36px;
    height: 26px;
    border: 2px solid #CFD0D2;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    border-radius: 13px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(images/krediti/pen-icon.png); }
  .predodobreni-krediti .info-icon {
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 36px;
    height: 26px;
    border: 2px solid #CFD0D2;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    border-radius: 13px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(images/krediti/info-icon-1.png);
    background-size: 2px; }
    .predodobreni-krediti .info-icon p {
      text-align: center;
      width: 250px;
      padding: 15px;
      background-color: rgba(73, 80, 90, 0.7);
      position: absolute;
      right: 15px;
      bottom: 29px;
      font-size: 14px;
      color: #FFFFFF;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .predodobreni-krediti .info-icon p:after {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 12px 0px 0 13px;
        border-color: #49505A transparent transparent transparent;
        position: absolute;
        right: 0px;
        bottom: -12px;
        opacity: 0.7; }
    .predodobreni-krediti .info-icon:hover p {
      opacity: 1;
      visibility: visible; }
  .predodobreni-krediti .title-border-1 {
    position: relative; }
    .predodobreni-krediti .title-border-1:after {
      content: '';
      position: absolute;
      left: calc(50% - 40px);
      bottom: -22px;
      width: 80px;
      height: 8px;
      background-color: #FFF200; }
  .predodobreni-krediti .plain-text {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 10px; }
    .predodobreni-krediti .plain-text .semi-bold {
      position: relative;
      top: 4px; }
    .predodobreni-krediti .plain-text .info-icon {
      top: calc(50% - 5px); }
  .predodobreni-krediti .list-1 {
    list-style: disc;
    list-style-position: outside; }
    .predodobreni-krediti .list-1 li {
      margin-left: 20px;
      padding-left: 10px;
      margin-bottom: 20px; }
  .predodobreni-krediti .information-section .col {
    position: relative;
    padding: 60px 140px 20px 9.5%;
    min-height: 395px;
    display: flex;
    align-items: center; }
    .predodobreni-krediti .information-section .col:first-child {
      background-color: #FFFFFF; }
    .predodobreni-krediti .information-section .col:last-child {
      background-color: #0095c9;
      background-position: 10% 30%;
      padding: 60px 105px 20px 190px; }
  .predodobreni-krediti .information-section .row {
    display: flex; }
  .predodobreni-krediti .information-section .title-1 {
    text-shadow: none;
    max-width: 330px;
    line-height: 56px; }
  .predodobreni-krediti .information-section .title-border-1:after {
    left: 0; }
  .predodobreni-krediti .information-section .list-1 span {
    vertical-align: top; }
  .predodobreni-krediti .information-section .man-1 {
    position: absolute;
    left: -210px;
    max-width: 100%;
    bottom: 0;
    z-index: 2; }
  .predodobreni-krediti .teste-slider {
    width: 100%; }
    .predodobreni-krediti .teste-slider .slick-dots {
      position: absolute;
      bottom: -80px;
      left: -5px; }
      .predodobreni-krediti .teste-slider .slick-dots li {
        position: relative;
        display: inline-block;
        width: 8px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer; }
      .predodobreni-krediti .teste-slider .slick-dots button {
        border-radius: 50%;
        padding: 0;
        font-size: 0;
        line-height: 0;
        display: block;
        width: 6px;
        height: 6px;
        margin: auto;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: none;
        background-color: #CACACA; }
      .predodobreni-krediti .teste-slider .slick-dots .slick-active button {
        background-color: #0095c9; }
    .predodobreni-krediti .teste-slider .slick-active .inner {
      transition-delay: .5s;
      opacity: 1; }
    .predodobreni-krediti .teste-slider .slide {
      opacity: 1 !important; }
    .predodobreni-krediti .teste-slider .inner {
      transition: opacity .5s ease;
      opacity: 0; }
  .predodobreni-krediti .tag {
    display: block;
    width: 48px;
    height: 48px;
    background-color: #FFEC00;
    background-position: 50%;
    background-repeat: no-repeat; }
    .predodobreni-krediti .tag-wrap {
      position: relative;
      padding-right: 110px; }
      .predodobreni-krediti .tag-wrap .tag {
        position: absolute;
        top: calc(50% - 24px);
        right: 30px; }
  .predodobreni-krediti .contact-section {
    padding: 27px 0;
    background-color: #34393c; }
    .predodobreni-krediti .contact-section .page-logo {
      margin-top: 15px;
      display: block;
      width: 191px;
      height: 50px;
      background: url(images/krediti/page-logo-2.png) 50% no-repeat;
      background-size: cover; }
    .predodobreni-krediti .contact-section .col:not(:first-child) {
      border-left: 1px solid #7b7b7b; }
    .predodobreni-krediti .contact-section .tag-wrap {
      padding-top: 5px;
      padding-bottom: 5px; }
  .predodobreni-krediti .social-section {
    background-color: #4f5054;
    padding: 11px 0; }
    .predodobreni-krediti .social-section .text-1 {
      position: relative;
      top: 6px; }
  .predodobreni-krediti .socials-wrap {
    zoom: 1; }
    .predodobreni-krediti .socials-wrap:after {
      display: block;
      visibility: hidden;
      height: 0;
      clear: both;
      content: ""; }
    .predodobreni-krediti .socials-wrap li {
      float: left; }
    .predodobreni-krediti .socials-wrap a {
      transition: background-image .3s ease;
      display: block;
      height: 30px;
      width: 75px;
      background-repeat: no-repeat;
      background-position: 50%;
      backface-visibility: hidden; }
  .predodobreni-krediti .steps-wrap {
    position: relative;
    background-color: #34393c;
    background-image: url(images/krediti/pattern-2.png); }
    .predodobreni-krediti .steps-wrap.type-2 {
      position: relative;
      background-image: url(images/krediti/pattern-2.png); }
      .predodobreni-krediti .steps-wrap.type-2:before {
        z-index: 0;
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        background-image: url(images/krediti/sample-2.jpg);
        background-size: cover;
        background-position: top center; }
      .predodobreni-krediti .steps-wrap.type-2:after {
        z-index: 0;
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        background-image: url(images/krediti/pattern.png);
        opacity: 0.2; }
      .predodobreni-krediti .steps-wrap.type-2 .container-1 {
        position: relative;
        min-height: 390px;
        max-width: none; }
    .predodobreni-krediti .steps-wrap .container-1 {
      position: relative;
      z-index: 1;
      min-height: 100px;
      max-width: none; }
    .predodobreni-krediti .steps-wrap .steps {
      position: absolute;
      top: 60px;
      left: 90px;
      width: calc(100% - 180px); }
    .predodobreni-krediti .steps-wrap div.center {
      position: relative;
      top: 135px; }
  .predodobreni-krediti .steps {
    position: relative;
    width: 100%;
    margin: 0; }
    .predodobreni-krediti .steps:before {
      display: none; }
    .predodobreni-krediti .steps .progress {
      background-color: #999999; }
      .predodobreni-krediti .steps .progress span {
        transition: width .3s ease-out;
        display: block;
        height: 3px;
        background-color: #FFF100; }
    .predodobreni-krediti .steps .mobile-title {
      display: none;
      position: relative;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      position: absolute;
      top: -37px;
      margin: 0; }
    .predodobreni-krediti .steps .point {
      position: absolute;
      z-index: 10;
      transform: translate3d(-50%, 0, 0);
      top: calc(50% - 10px);
      width: 18px;
      height: 18px;
      border-radius: 50%;
      background-color: #34393c;
      border: 1px solid #999999; }
      .predodobreni-krediti .steps .point:after {
        content: '';
        position: absolute;
        border-radius: 50%;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
        width: 50%;
        height: 50%;
        background-color: #999999; }
      .predodobreni-krediti .steps .point.active {
        border-color: #FFF100; }
        .predodobreni-krediti .steps .point.active:after {
          background-color: transparent;
          background-image: url(images/krediti/small-check.png);
          background-size: 10px;
          background-position: 50%;
          background-repeat: no-repeat; }
      .predodobreni-krediti .steps .point.last-active {
        border-color: #FFF100; }
        .predodobreni-krediti .steps .point.last-active:after {
          background-color: transparent;
          background-image: url(images/krediti/small-check.png);
          background-size: 10px;
          background-position: 50%;
          background-repeat: no-repeat; }
        .predodobreni-krediti .steps .point.last-active p {
          color: #FFFFFF; }
      .predodobreni-krediti .steps .point.current {
        border-color: #FFF100; }
        .predodobreni-krediti .steps .point.current:after {
          background-color: #FFF100; }
        .predodobreni-krediti .steps .point.current p {
          color: #FFFFFF; }
      .predodobreni-krediti .steps .point p {
        position: absolute;
        transform: translate3d(-50%, 0, 0);
        top: -30px;
        left: calc(50% + .2px);
        color: #999999;
        margin: 0;
        width: max-content;
        text-transform: none;
        letter-spacing: initial;
        text-align: inherit;
        white-space: nowrap; }
  .predodobreni-krediti .label-1 {
    font-size: 16px; }
  .predodobreni-krediti .back-button-1 {
    transition: border-color .4s ease;
    position: relative;
    display: inline-block;
    width: 48px;
    height: 48px;
    border: 1px solid #d1d1d1;
    background: url(images/krediti/return-icon.png) 50% no-repeat;
    background-size: 24px; }
    .predodobreni-krediti .back-button-1:hover {
      border-color: #000000;
      cursor: pointer; }
  .predodobreni-krediti .has-back {
    position: relative; }
    .predodobreni-krediti .has-back .back-button {
      position: absolute;
      z-index: 100;
      left: 0;
      top: 0; }
  .predodobreni-krediti .select-1 {
    cursor: pointer;
    width: 100%;
    font-family: "futura", sans-serif;
    display: block;
    font-size: 18px;
    font-weight: 500;
    border: none;
    background-color: transparent;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(images/krediti/arrow-bottom.png) 100% 5px no-repeat;
    background-size: 12px; }
  .predodobreni-krediti .error-helper-1 {
    display: none;
    background-color: #e53935;
    padding: 20px 20px;
    padding-bottom: 18px; }
  .predodobreni-krediti .popup {
    transition: transform .5s ease-out, opacity .5s ease-out;
    opacity: 0;
    transform: translate3d(0, -5%, 0);
    background-color: #FFFFFF; }
    .predodobreni-krediti .popup.open {
      opacity: 1;
      transform: translate3d(0, 0%, 0); }
    .predodobreni-krediti .popup-wrap {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.65);
      z-index: 1000; }
      .predodobreni-krediti .popup-wrap .display-wrap {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        display: flex;
        align-items: center;
        padding: 40px 0;
        overflow: auto; }
    .predodobreni-krediti .popup .inner {
      padding: 0px; }
      .predodobreni-krediti .popup .inner.type-2 {
        padding: 32px 40px 1px; }
  .predodobreni-krediti .custom-radio-1 {
    display: inline-block; }
    .predodobreni-krediti .custom-radio-1.type-2 .radio > i {
      transform: none;
      top: 20px; }
    .predodobreni-krediti .custom-radio-1 .radio {
      cursor: pointer;
      position: relative;
      display: block;
      font-size: 16px;
      padding: 22px 20px;
      padding-left: 40px;
      text-overflow: ellipsis;
      overflow: hidden; }
      .predodobreni-krediti .custom-radio-1 .radio.checked > i {
        background-image: url(images/krediti/radio-on.png); }
      .predodobreni-krediti .custom-radio-1 .radio > i {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        left: 0px;
        display: inline-block;
        width: 25px;
        height: 25px;
        background-image: url(images/krediti/radio-off.png);
        background-size: 20px;
        background-position: center;
        background-repeat: no-repeat; }
  .predodobreni-krediti .loader-wrap {
    text-align: center; }
    .predodobreni-krediti .loader-wrap .loader {
      display: inline-block;
      background: #F2F4F5;
      padding: 2px;
      position: relative;
      overflow: hidden; }
      .predodobreni-krediti .loader-wrap .loader-progress {
        width: 0;
        height: calc(100% - 4px);
        position: absolute;
        top: 2px;
        left: 2px;
        background: #FFF200;
        animation: loading 40s infinite; }
        .predodobreni-krediti .loader-wrap .loader-progress.type-2 {
          animation: loading 20s infinite; }
    .predodobreni-krediti .loader-wrap ul {
      position: relative;
      z-index: 1; }
    .predodobreni-krediti .loader-wrap li {
      float: left;
      width: 14px;
      height: 31px;
      border: 3px solid #FFFFFF;
      border-right: 0; }
      .predodobreni-krediti .loader-wrap li:last-child {
        width: 17px;
        border-right: 3px solid #FFFFFF; }
  .predodobreni-krediti .map-wrapper {
    position: relative;
    overflow: hidden; }
  .predodobreni-krediti #map-canvas {
    position: relative;
    width: 100%;
    height: 580px;
    overflow: hidden; }
  .predodobreni-krediti .infobox {
    background-color: transparent;
    border: none;
    width: 380px;
    padding: 5px 5px 20px; }
    .predodobreni-krediti .infobox-wrapper {
      display: none;
      background: #FFFFFF; }
    .predodobreni-krediti .infobox .inner {
      background: #FFFFFF;
      -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
      padding: 15px 22px;
      position: relative; }
      .predodobreni-krediti .infobox .inner:after {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 10px 0 10px;
        border-color: #FFFFFF transparent transparent transparent;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -10px; }
    .predodobreni-krediti .infobox .loc-title {
      font-family: "futura", sans-serif;
      font-size: 16px;
      line-height: 20px;
      font-weight: 700;
      color: #000000;
      margin-bottom: 20px; }
    .predodobreni-krediti .infobox li {
      position: relative;
      font-family: "futura", sans-serif;
      font-size: 16px;
      line-height: 30px;
      color: #000000;
      padding-left: 35px;
      margin-bottom: 10px; }
    .predodobreni-krediti .infobox i {
      display: inline-block;
      width: 25px;
      height: 30px;
      position: absolute;
      top: 0;
      left: 0;
      background-repeat: no-repeat;
      background-position: center center; }
  .predodobreni-krediti .gm-style img {
    position: relative;
    z-index: 10;
    width: 15px;
    height: 15px; }
  .predodobreni-krediti .infoBox img {
    right: 15px;
    top: 5px; }
  .predodobreni-krediti .map-search {
    position: absolute;
    top: 25px;
    right: 25px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    overflow: hidden; }
    .predodobreni-krediti .map-search:after {
      content: '';
      width: 60px;
      height: 100%;
      background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 26%, white 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 26%, white 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 26%, white 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      position: absolute;
      top: 0;
      right: 0; }
    .predodobreni-krediti .map-search .search-1 {
      width: 290px;
      border: 0;
      font-family: "futura", sans-serif;
      font-size: 16px;
      line-height: 24px;
      color: #000000;
      padding: 10px 20px; }
    .predodobreni-krediti .map-search button {
      width: 50px;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      background: url(images/krediti/search-icon-2.png) center center no-repeat;
      background-size: 16px;
      border: 0;
      padding: 0;
      margin: 0;
      z-index: 1;
      opacity: 0.5;
      transition: opacity 0.3s ease; }
      .predodobreni-krediti .map-search button:hover {
        opacity: 1; }
  .predodobreni-krediti .list-block {
    border: 1px solid #0095c9;
    padding: 30px 40px; }
    .predodobreni-krediti .list-block li {
      font-size: 16px;
      line-height: 24px;
      font-weight: 500;
      color: #0095c9;
      margin-bottom: 20px;
      padding-left: 35px;
      position: relative; }
      .predodobreni-krediti .list-block li:after {
        content: '';
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #0095c9;
        position: absolute;
        top: 8px;
        left: 0; }
  .predodobreni-krediti .img-full img {
    width: 100%;
    height: auto; }
  .predodobreni-krediti .offer-slider {
    width: 750px;
    margin: 0 auto; }
    .predodobreni-krediti .offer-slider-wrap {
      max-width: 1300px;
      width: 94%;
      overflow: hidden;
      position: relative;
      margin: 0 auto; }
      .predodobreni-krediti .offer-slider-wrap .overlay {
        width: 350px;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 10;
        pointer-events: none; }
        .predodobreni-krediti .offer-slider-wrap .overlay-left {
          left: 0;
          background: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
          /* FF3.6-15 */
          background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
          /* IE6-9 */ }
        .predodobreni-krediti .offer-slider-wrap .overlay-right {
          right: 0;
          /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
          background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
          /* FF3.6-15 */
          background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
          /* IE6-9 */ }
    .predodobreni-krediti .offer-slider.first .slick-prev {
      opacity: 0;
      visibility: hidden; }
    .predodobreni-krediti .offer-slider.last .slick-next {
      opacity: 0;
      visibility: hidden; }
    .predodobreni-krediti .offer-slider .slide {
      outline: none; }
    .predodobreni-krediti .offer-slider .slick-list {
      overflow: visible; }
    .predodobreni-krediti .offer-slider .slick-arrow {
      width: 56px;
      height: 56px;
      background-color: #FFF200;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 24px;
      text-indent: -9999px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      top: 50%;
      opacity: 1;
      visibility: visible;
      margin-top: -28px;
      z-index: 20;
      transition: all 0.5s ease; }
    .predodobreni-krediti .offer-slider .slick-prev {
      left: 50%;
      margin-left: -390px;
      background-image: url(images/krediti/return-icon.png); }
    .predodobreni-krediti .offer-slider .slick-next {
      right: 50%;
      margin-right: -390px;
      background-image: url(images/krediti/right-icon.png); }
  .predodobreni-krediti .offer-block {
    width: 100%;
    max-width: 588px;
    padding: 42px 42px 30px;
    border: 1px solid #d1d1d1;
    margin: 0 auto; }
  .predodobreni-krediti .block-list li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    position: relative;
    zoom: 1; }
    .predodobreni-krediti .block-list li:before {
      content: '';
      width: 6px;
      height: 6px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      position: absolute;
      top: 10px;
      left: 0;
      background: #0095c9; }
    .predodobreni-krediti .block-list li:after {
      display: block;
      visibility: hidden;
      height: 0;
      clear: both;
      content: ""; }
    .predodobreni-krediti .block-list li > span {
      float: left; }
    .predodobreni-krediti .block-list li .info-icon {
      display: inline-block;
      float: left;
      margin-left: 10px; }
      .predodobreni-krediti .block-list li .info-icon span {
        transform: translate3d(0, -50%, 0);
        position: absolute;
        top: calc(50%);
        right: 10px; }
  .predodobreni-krediti .slider-content-wrap {
    position: relative; }
    .predodobreni-krediti .slider-content-wrap .slider-content {
      transition: opacity .5s ease, visibility .5s ease;
      position: absolute;
      width: 100%;
      left: 0;
      top: 0;
      opacity: 0;
      visibility: hidden; }
      .predodobreni-krediti .slider-content-wrap .slider-content.current {
        position: relative; }
      .predodobreni-krediti .slider-content-wrap .slider-content.active {
        visibility: visible;
        opacity: 1; }
  .predodobreni-krediti .docs-list {
    overflow: hidden; }
    .predodobreni-krediti .docs-list li {
      width: 49%;
      float: left; }
      .predodobreni-krediti .docs-list li:nth-child(odd) {
        margin-right: 2%; }
  .predodobreni-krediti .download-btn {
    display: block;
    background-color: #ebebeb;
    padding: 10px 85px 10px 25px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border-bottom: 2px solid #D9D9D9;
    position: relative;
    transition: background 0.3s ease; }
    .predodobreni-krediti .download-btn:hover {
      background-color: #FFEC00; }
    .predodobreni-krediti .download-btn i {
      width: 70px;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      border-left: 1px solid #D9D9D9;
      background-position: center center;
      background-repeat: no-repeat; }
  .predodobreni-krediti .dropzone {
    font-family: "futura", sans-serif;
    font-size: 16px;
    font-weight: 700; }
    .predodobreni-krediti .dropzone .dz-preview {
      position: relative;
      margin-top: 70px; }
    .predodobreni-krediti .dropzone .dz-remove {
      position: absolute;
      right: 0;
      top: 0;
      text-transform: uppercase;
      color: #0095c9;
      font-weight: 500;
      font-size: 18px; }
    .predodobreni-krediti .dropzone .dz-default {
      background: url(images/krediti/border-image.png) no-repeat 50%;
      background-size: contain;
      text-align: center;
      min-height: 215px;
      padding: 20px;
      display: flex;
      align-items: center; }
      .predodobreni-krediti .dropzone .dz-default span {
        display: block;
        width: 100%; }
    .predodobreni-krediti .dropzone .dz-details {
      margin-bottom: 10px; }
    .predodobreni-krediti .dropzone .dz-filename {
      padding-right: 75px;
      word-break: break-all; }
    .predodobreni-krediti .dropzone .dz-success-mark {
      position: relative; }
      .predodobreni-krediti .dropzone .dz-success-mark svg {
        width: 20px;
        height: 20px; }
        .predodobreni-krediti .dropzone .dz-success-mark svg path {
          stroke: #9dcc68;
          stroke-opacity: 1;
          fill: #9dcc68; }
      .predodobreni-krediti .dropzone .dz-success-mark:after {
        content: 'Upload završen';
        display: block;
        position: absolute;
        top: 0;
        left: 30px;
        font-weight: 400;
        color: #666666; }
    .predodobreni-krediti .dropzone .dz-progress {
      background-color: #F2F2F2;
      margin-bottom: 10px; }
      .predodobreni-krediti .dropzone .dz-progress span {
        display: block;
        height: 7px;
        background-color: #FFEC00; }
    .predodobreni-krediti .dropzone .dz-size, .predodobreni-krediti .dropzone .dz-message, .predodobreni-krediti .dropzone .dz-mark, .predodobreni-krediti .dropzone .dz-image {
      display: none; }
  .predodobreni-krediti .ie .page-header .page-title {
    margin-top: 35px; }
  .predodobreni-krediti .ie .checkbox-1.checked mark {
    transform: translate3d(14px, 0, 0); }
  .predodobreni-krediti .ie .steps .point p {
    white-space: nowrap; }
  .predodobreni-krediti .ie select::-ms-expand {
    display: none; }
  .predodobreni-krediti .detalji-ponude .container-5 > .text-1 {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto; }
  .predodobreni-krediti .detalji-ponude .container-5 > #PreapprovedDescription .text-1 {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto; }
  .predodobreni-krediti .detalji-ponude .promo-section {
    background-image: url(images/krediti/polygon-1.png);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    min-height: 840px; }
    .predodobreni-krediti .detalji-ponude .promo-section .infos-row {
      max-width: 900px;
      margin: auto; }
    .predodobreni-krediti .detalji-ponude .promo-section .title-2 {
      position: relative;
      top: 40px;
      margin-bottom: 150px; }
  .predodobreni-krediti .isplata-kredita .container {
    background: #FFFFFF; }
  .predodobreni-krediti .center {
    text-align: center !important; }
  .predodobreni-krediti strong {
    font-weight: bold; }
  .predodobreni-krediti .ui-dialog.no-yes-dialog.ui-widget-content .ui-dialog-titlebar {
    height: 0; }
  .predodobreni-krediti .ui-dialog .ui-dialog-titlebar {
    padding: 0; }
  .predodobreni-krediti #PreapprovedDetails + .infos-row .container-2 {
    padding-top: 45px; }
  .predodobreni-krediti #PreapprovedLoanAmount .alpaca-controlfield-label div {
    font-size: 12px;
    line-height: 20px;
    color: #7b7b7b;
    margin-bottom: 20px; }
  .predodobreni-krediti #PreapprovedLoanPeriod .alpaca-controlfield-label div {
    font-size: 12px;
    line-height: 20px;
    color: #7b7b7b;
    margin-bottom: 20px;
    margin-left: -10%;
    margin-right: -10%; }
  .predodobreni-krediti #PreapprovedLoanInstallment .alpaca-controlfield-container.alpaca-controlfield-text.alpaca-controlfield-number {
    margin-top: 50px; }
    .predodobreni-krediti #PreapprovedLoanInstallment .alpaca-controlfield-container.alpaca-controlfield-text.alpaca-controlfield-number p {
      font-family: "futura", sans-serif;
      display: block;
      font-size: 20px !important;
      font-weight: 700;
      outline: none;
      padding: 12px 15px 10px;
      background: #d1d1d1; }
  .predodobreni-krediti .offer-not-available-form .text-1 {
    font-size: 16px;
    line-height: 24px; }
  .predodobreni-krediti .offer-not-available-form .inner-margin-50 {
    margin-bottom: 50px !important; }
  .predodobreni-krediti .offer-not-available-form .center {
    text-align: center !important; }
  .predodobreni-krediti #LoanDetailsInterestRate, .predodobreni-krediti #LoanDetailsTotalExpense, .predodobreni-krediti #LoanDetailsTotalExpenseInterest {
    position: relative;
    width: calc(100% - 60px); }
    .predodobreni-krediti #LoanDetailsInterestRate .text-2.has-info, .predodobreni-krediti #LoanDetailsTotalExpense .text-2.has-info, .predodobreni-krediti #LoanDetailsTotalExpenseInterest .text-2.has-info {
      position: absolute;
      top: 20px;
      right: -50px; }

.accountDetailsPopup {
  /*.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: #ffffff;
        box-shadow: 0 8px 10px rgba(0, 0, 0, 0.08);
        border-radius: 10px;
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s,-webkit-transform .3s; }
      .accountDetailsPopup .all-account-popup-subtitle-content .custom-switch.active-1::before {
        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 .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 .beneficiary-item {
    width: calc(100% - 16px);
    border-radius: 28px;
    -webkit-transition: background-color .5s;
    transition: background-color .5s;
    padding: 8px;
    z-index: auto;
    max-width: 407px; }
    .accountDetailsPopup .beneficiary-item:hover {
      background-color: #ffffff; }
      .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: #ffffff;
      -webkit-transition: background-color .5s;
      transition: background-color .5s;
      font-family: "Mark-Regular", 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 .5s;
      transition: -webkit-transform .5s;
      transition: transform .5s;
      transition: transform .5s,-webkit-transform .5s;
      cursor: pointer;
      line-height: 1.4;
      margin: 0; }
  .accountDetailsPopup .account-inter-inner-scroll .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 {
    display: flex;
    justify-content: space-between;
    padding-bottom: 0px !important;
    padding-top: 25px !important;
    width: 50%; }
    .accountDetailsPopup .popup-btn-wrapper .btn-2 {
      width: 200px !important;
      border-radius: 8px;
      background-color: #f3f3f3;
      color: #121212;
      border: 2px solid transparent;
      font-family: "Mark-Medium", sans-serif;
      font-size: 16px;
      padding: 14px 16px;
      line-height: 1;
      transition: background-color .3s; }
      .accountDetailsPopup .popup-btn-wrapper .btn-2:hover {
        background: #e6e6e6; }
      .accountDetailsPopup .popup-btn-wrapper .btn-2.confirm {
        background-color: #d20000;
        color: #FFFFFF;
        margin-left: 13px; }
        .accountDetailsPopup .popup-btn-wrapper .btn-2.confirm:hover {
          background: #b40000; }

#LoanESignatureSMS input {
  text-transform: uppercase; }

@keyframes nav-anim {
  0% {
    transform: translate3d(0, 0px, 0); }
  50% {
    transform: translate3d(0, -5px, 0); }
  100% {
    transform: translate3d(0, 0px, 0); } }

@keyframes nav-anim2 {
  0% {
    transform: translate3d(0, 0px, 0); }
  7% {
    transform: translate3d(0, -5px, 0); }
  14% {
    transform: translate3d(0, 0px, 0); }
  21% {
    transform: translate3d(0, -5px, 0); }
  28% {
    transform: translate3d(0, 0px, 0); } }

@keyframes loading {
  0% {
    width: 0; }
  10% {
    width: 10%; }
  20% {
    width: 20%; }
  30% {
    width: 30%; }
  40% {
    width: 40%; }
  50% {
    width: 50%; }
  60% {
    width: 60%; }
  70% {
    width: 70%; }
  80% {
    width: 80%; }
  90% {
    width: 90%; }
  100% {
    width: 98%; } }

@media only screen and (min-width: 1920px) {
  .predodobreni-krediti .information-section .col:first-child {
    padding-left: 20%; } }

@media only screen and (max-width: 1200px) {
  .predodobreni-krediti .information-section .row {
    display: block; }
    .predodobreni-krediti .information-section .row .col {
      width: 100%; }
    .predodobreni-krediti .information-section .row .title-border-1:after {
      left: 50%;
      transform: translateX(-50%); }
  .predodobreni-krediti .information-section .title-1 {
    max-width: 100%;
    text-align: center;
    margin-bottom: 10px; }
  .predodobreni-krediti .information-section .col {
    min-height: 270px; }
  .predodobreni-krediti .section.fix-2 {
    padding-bottom: 0; }
  .predodobreni-krediti .steps .point {
    display: flex;
    align-items: center; }
    .predodobreni-krediti .steps .point p {
      position: relative;
      font-size: 14px;
      width: auto;
      text-align: center;
      top: -35px; } }

@media only screen and (max-width: 980px) {
  .predodobreni-krediti .title-1 {
    font-size: 38px;
    line-height: 40px; }
  .predodobreni-krediti .information-section .col {
    padding: 30px 85px 20px 25px; }
  .predodobreni-krediti .offer-slider {
    width: 100%; }
    .predodobreni-krediti .offer-slider-wrap {
      width: 100%; }
      .predodobreni-krediti .offer-slider-wrap .overlay {
        display: none; }
    .predodobreni-krediti .offer-slider .slick-list {
      overflow: hidden;
      padding: 0 !important; }
  .predodobreni-krediti .docs-list {
    overflow: hidden; }
    .predodobreni-krediti .docs-list li {
      width: 100%;
      margin-bottom: 30px; }
      .predodobreni-krediti .docs-list li:nth-child(odd) {
        margin-right: 0; }
    .predodobreni-krediti .docs-list.inner-margin-5 {
      margin-bottom: 0; }
  .predodobreni-krediti .jumbo-panel {
    height: 46vw; }
  .predodobreni-krediti .steps .point p {
    font-size: 14px; } }

@media only screen and (max-width: 780px) {
  .predodobreni-krediti .col-ms-1 {
    width: calc(100% / 12); }
  .predodobreni-krediti .col-ms-2 {
    width: calc((100% / 12) * 2); }
  .predodobreni-krediti .col-ms-3 {
    width: calc((100% / 12) * 3); }
  .predodobreni-krediti .col-ms-4 {
    width: calc((100% / 12) * 4); }
  .predodobreni-krediti .col-ms-5 {
    width: calc((100% / 12) * 5); }
  .predodobreni-krediti .col-ms-6 {
    width: calc(100% / 2); }
  .predodobreni-krediti .col-ms-7 {
    width: calc((100% / 12) * 7); }
  .predodobreni-krediti .col-ms-8 {
    width: calc((100% / 12) * 8); }
  .predodobreni-krediti .col-ms-9 {
    width: calc((100% / 12) * 9); }
  .predodobreni-krediti .col-ms-10 {
    width: calc((100% / 12) * 10); }
  .predodobreni-krediti .col-ms-11 {
    width: calc((100% / 12) * 11); }
  .predodobreni-krediti .col-ms-12 {
    width: 100%; }
  .predodobreni-krediti .section-2 {
    padding: 30px 0px;
    padding-bottom: 20px; }
  .predodobreni-krediti .title-1 {
    font-size: 32px;
    line-height: 34px; }
  .predodobreni-krediti .title-2 {
    font-size: 24px; }
  .predodobreni-krediti .title-5 {
    font-size: 24px; }
  .predodobreni-krediti .text-1 {
    font-size: 14px;
    line-height: 20px; }
  .predodobreni-krediti .text-2 {
    font-size: 16px; }
  .predodobreni-krediti .input-wrap .err-txt {
    font-size: 12px;
    bottom: -20px; }
  .predodobreni-krediti .input-1 {
    font-size: 18px;
    padding: 9px 15px 8px; }
  .predodobreni-krediti .input-2 {
    font-size: 16px; }
  .predodobreni-krediti .label {
    font-size: 14px; }
  .predodobreni-krediti .page-header .page-title {
    position: relative;
    top: 7px;
    font-size: 24px;
    text-align: left;
    padding-left: 60px; }
  .predodobreni-krediti .page-header .page-logo {
    background-image: url(images/icons/page-logo-3.png);
    background-size: 47.5px;
    width: 48px; }
  .predodobreni-krediti .information-section .row {
    display: block; }
  .predodobreni-krediti .information-section .col {
    padding: 30px 85px 20px 25px; }
  .predodobreni-krediti .has-info.inner-margin-5 {
    margin-bottom: 35px; }
  .predodobreni-krediti .offer-slider {
    padding: 0 20px;
    margin-bottom: 40px; }
    .predodobreni-krediti .offer-slider .slide {
      padding: 0 10px; }
    .predodobreni-krediti .offer-slider .slick-arrow {
      width: 25px;
      background-size: 10px; }
    .predodobreni-krediti .offer-slider .slick-prev {
      left: 0px;
      margin-left: 0; }
    .predodobreni-krediti .offer-slider .slick-next {
      right: 0px;
      margin-right: 0; }
  .predodobreni-krediti .offer-block {
    padding: 22px 22px 20px; }
  .predodobreni-krediti .steps .point p {
    display: none; }
  .predodobreni-krediti .steps .mobile-title {
    display: block;
    width: 100%; } }

@media only screen and (max-width: 680px) {
  .predodobreni-krediti {
    /* Identification number */
    /*--------18.06.2018. korekcije----------*/ }
    .predodobreni-krediti .col-ss-12 {
      width: 100%; }
    .predodobreni-krediti .col-ss-11 {
      width: calc((100% / 12) * 11); }
    .predodobreni-krediti .col-ss-10 {
      width: calc((100% / 12) * 10); }
    .predodobreni-krediti .col-ss-9 {
      width: calc((100% / 12) * 9); }
    .predodobreni-krediti .col-ss-8 {
      width: calc((100% / 12) * 8); }
    .predodobreni-krediti .col-ss-7 {
      width: calc((100% / 12) * 7); }
    .predodobreni-krediti .col-ss-6 {
      width: calc(100% / 2); }
    .predodobreni-krediti .col-ss-5 {
      width: calc((100% / 12) * 5); }
    .predodobreni-krediti .col-ss-4 {
      width: calc((100% / 12) * 4); }
    .predodobreni-krediti .col-ss-3 {
      width: calc((100% / 12) * 3); }
    .predodobreni-krediti .col-ss-2 {
      width: calc((100% / 12) * 2); }
    .predodobreni-krediti .col-ss-1 {
      width: calc(100% / 12); }
    .predodobreni-krediti .back-button-1 {
      width: 35px;
      height: 35px;
      background-size: 12px; }
    .predodobreni-krediti .steps-wrap .steps {
      position: absolute;
      top: 60px;
      left: 0px;
      width: calc(100%); }
    .predodobreni-krediti .container-1.has-back .title-2.title-border-1 {
      padding: 0 40px; }
    .predodobreni-krediti .jumbo-panel .img {
      height: 60vw;
      object-fit: cover; }
    .predodobreni-krediti .icon-stopwatch {
      background-size: 56.5px; }
    .predodobreni-krediti .icon-document {
      background-size: 60px; }
    .predodobreni-krediti .icon-camera {
      background-size: 49px; }
    .predodobreni-krediti .info-card {
      text-align: center;
      padding: 10px 20px;
      padding-top: 110px;
      min-height: 190px;
      background-position: 50% 12%; }
      .predodobreni-krediti .info-card has-info {
        width: 100%; }
    .predodobreni-krediti .plain-text {
      padding-bottom: 5px; }
      .predodobreni-krediti .plain-text .text-1.alignright {
        width: 100%;
        text-align: right;
        margin-top: 5px; }
    .predodobreni-krediti .contact-section .col {
      margin-bottom: 30px; }
      .predodobreni-krediti .contact-section .col:not(:first-child) {
        border: 0; }
    .predodobreni-krediti .contact-section .tag-wrap {
      padding-right: 80px; }
      .predodobreni-krediti .contact-section .tag-wrap .tag {
        right: 0; }
    .predodobreni-krediti .title-2 {
      padding: 0px; }
    .predodobreni-krediti .link-1 {
      font-size: 14px; }
    .predodobreni-krediti .icon-text {
      margin: auto; }
      .predodobreni-krediti .icon-text.inner-margin-0 {
        margin-bottom: 40px; }
    .predodobreni-krediti .save-box .save-btn span {
      display: none; }
    .predodobreni-krediti .save-box .save-btn i {
      margin-right: 0; }
    .predodobreni-krediti .save-box .tooltip:after {
      right: 24px; }
    .predodobreni-krediti .popup .inner {
      padding: 15px 20px 1px; }
      .predodobreni-krediti .popup .inner.type-2 {
        padding: 32px 20px 1px; }
    .predodobreni-krediti .popup.open {
      opacity: 1;
      transform: translate3d(0, 0%, 0); }
    .predodobreni-krediti .popup .popup-img {
      max-width: 61.5px; }
    .predodobreni-krediti .info-card.fix:after {
      display: none; }
    .predodobreni-krediti .information-section .man-1 {
      display: none; }
    .predodobreni-krediti .information-section .col {
      min-height: 230px; }
      .predodobreni-krediti .information-section .col:last-child {
        padding: 60px 20px 20px 20px; }
    .predodobreni-krediti .detalji-ponude .promo-section {
      padding-bottom: 30px; }
      .predodobreni-krediti .detalji-ponude .promo-section .title-2 {
        margin-bottom: 210px; }
    .predodobreni-krediti .container-6 {
      padding: 1px 15px; }
    .predodobreni-krediti .steps .mobile-title {
      width: 100%; } }

@media only screen and (max-width: 480px) {
  .predodobreni-krediti {
    /* Identification number */
    /*------18.06.2018.--------*/ }
    .predodobreni-krediti .page-header .page-title {
      font-size: 16px;
      text-align: center;
      top: 2px;
      padding-right: 50px; }
    .predodobreni-krediti .page-header .menu-wrap {
      border: 0;
      top: 29px; }
    .predodobreni-krediti .page-header .container-1 {
      min-height: 80px; }
    .predodobreni-krediti .page-header .page-logo {
      top: 17px; }
    .predodobreni-krediti .page-header .menu-wrap {
      top: 16px; }
    .predodobreni-krediti .title-1 {
      font-size: 22px;
      line-height: 24px; }
    .predodobreni-krediti .button-1 {
      padding: 16.5px 10px;
      font-size: 16px; }
    .predodobreni-krediti .jumbo-panel.inner-margin-6 {
      margin-bottom: 30px; }
    .predodobreni-krediti .jumbo-panel .img {
      height: 60vw;
      object-fit: cover; }
    .predodobreni-krediti .jumbo-panel .title {
      width: calc(100% - 20px);
      left: 10px; }
    .predodobreni-krediti .section {
      padding: 30px 0;
      padding-top: 45px; }
    .predodobreni-krediti .intro-section.inner-margin-5 {
      margin-bottom: 20px; }
    .predodobreni-krediti .information-section .col {
      padding: 30px 25px 20px 25px;
      min-height: 200px; }
    .predodobreni-krediti .teste-slider .slick-dots {
      bottom: -20px; }
    .predodobreni-krediti .contact-section .page-logo {
      margin: auto;
      margin-top: 15px; }
    .predodobreni-krediti .social-section .text-1 {
      float: none;
      text-align: center; }
    .predodobreni-krediti .social-section .socials-wrap {
      float: none;
      max-width: max-content;
      margin: auto;
      margin-top: 20px; }
    .predodobreni-krediti .value-slider-wrap .title {
      float: none;
      text-align: center; }
    .predodobreni-krediti .value-slider-wrap .input {
      float: none;
      max-width: none;
      width: 100%;
      margin: auto;
      text-align: center; }
      .predodobreni-krediti .value-slider-wrap .input.inner-margin-3 {
        margin-bottom: 50px; }
    .predodobreni-krediti .value-wrap .title {
      float: none;
      text-align: center; }
    .predodobreni-krediti .value-wrap .input {
      float: none;
      max-width: none;
      width: 100%;
      margin: auto;
      text-align: center; }
    .predodobreni-krediti .padding-1 {
      padding: 0; }
    .predodobreni-krediti .col-ls-6 {
      width: 100%; }
    .predodobreni-krediti .save-box .save-btn {
      width: 30px;
      height: 30px;
      top: 0px;
      right: 0;
      margin-right: 0;
      padding: 0; }
      .predodobreni-krediti .save-box .save-btn i {
        width: 30px;
        height: 30px;
        margin-right: 0;
        background-size: 50%;
        background-position: 7px 7px; }
    .predodobreni-krediti .button-wrap .button {
      width: calc(100% - 12px);
      margin-bottom: 10px !important; }
    .predodobreni-krediti .map-search {
      width: 94%;
      right: 3%; }
      .predodobreni-krediti .map-search .search-1 {
        width: 100%; }
    .predodobreni-krediti .infobox .inner {
      width: 260px;
      margin-left: 55px; }
    .predodobreni-krediti .infoBox img {
      right: 70px; }
    .predodobreni-krediti .list-block {
      padding: 30px 20px; }
      .predodobreni-krediti .list-block li {
        padding-left: 20px; }
    .predodobreni-krediti .information-section .col {
      min-height: 160px; }
    .predodobreni-krediti .benefit-section {
      padding-top: 60px;
      padding-bottom: 50px; }
    .predodobreni-krediti .input-wrap .label {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; } }

/* ==================================================
    =High def devices
===================================================== */
/*RetailOffers*/
/* Custom tables ----------------------------------------------------------------------------------------------- */
.custom-table.horizontal-scroll {
  overflow: auto; }
  .custom-table.horizontal-scroll .table-row.border-bottom {
    border-bottom: none; }
    .custom-table.horizontal-scroll .table-row.border-bottom .col {
      border-bottom: 2px solid #ebeced; }
  .custom-table.horizontal-scroll .col-ls-2 {
    min-width: 103px; }
  .custom-table.horizontal-scroll .col-ls-3 {
    min-width: 155px; }
  .custom-table.horizontal-scroll .col-ls-4 {
    min-width: 207px; }
  .custom-table.horizontal-scroll .col-ls-5 {
    min-width: 175px; }

.custom-table .table-row {
  zoom: 1;
  position: relative;
  display: block; }
  .custom-table .table-row:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "."; }
  .custom-table .table-row.flex {
    display: flex;
    min-height: 60px; }
    .custom-table .table-row.flex .col {
      display: flex;
      align-items: center; }
      .custom-table .table-row.flex .col-text {
        width: 100%;
        white-space: normal; }
  .custom-table .table-row.button-row {
    padding-right: 85px; }
  .custom-table .table-row.clickable {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    cursor: pointer; }
    .custom-table .table-row.clickable:hover {
      background-color: rgba 82, 174, 48, 0.5; }
  .custom-table .table-row.row-1 {
    border-bottom: 1px solid #ebeced; }
  .custom-table .table-row.row-2 {
    zoom: 1; }
    .custom-table .table-row.row-2:after {
      display: block;
      visibility: hidden;
      height: 0;
      clear: both;
      content: "."; }
  .custom-table .table-row.border {
    border-bottom: 1px solid #EFEFEF; }
    .custom-table .table-row.border-bottom {
      border-bottom: 2px solid #ebeced; }
    .custom-table .table-row.border:first-child {
      border-top: 1px solid #EFEFEF; }

.custom-table .table-head.flex {
  min-height: auto; }

.custom-table .table-2 .flag-box {
  width: 35px;
  height: 35px; }

.custom-table .table-2 .table-row {
  padding: 0 35px; }

.custom-table .button-row .row-btn {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  right: 20px;
  line-height: 20px; }

.custom-table .flag:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 6px;
  height: calc(100% - 2px); }

.custom-table .flag.cl-1:before {
  background-color: #e23939; }

.custom-table .flag.cl-2:before {
  background-color: #0095c9; }

.custom-table .flag.cl-3:before {
  background-color: #9CCC66; }

.custom-table .hoverable-row:hover {
  background-color: rgba 82, 174, 48, 0.5;
  cursor: pointer; }

.custom-table .no-padd-bot .col {
  padding-bottom: 0; }

.custom-table .hidden-elems {
  display: none; }

.custom-table .col {
  padding: 11px 15px;
  position: relative; }
  .custom-table .col-text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 0; }
  .custom-table .col .center {
    text-align: center; }

.custom-table .progress-bar-2 {
  margin: 14px 0; }

.custom-table .has-button {
  padding-right: 160px; }
  .custom-table .has-button .btn-1 {
    width: 130px;
    position: absolute;
    top: 50%;
    margin-top: -18px;
    right: 15px; }

.custom-table .tag-col {
  padding-left: 65px;
  background-repeat: no-repeat;
  background-position: 15px center; }

.custom-table .account-col {
  padding-left: 70px; }

.custom-table .row-1 .col.no-border:before {
  display: none; }

.custom-table .row-1 .col:before {
  content: '';
  width: 1px;
  height: 18px;
  background: #ebeced;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -9px; }

.custom-table .row-1 .col:first-child:before {
  display: none; }

.custom-table .row-hover {
  background: #FFFFFF;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .custom-table .row-hover:hover {
    background: #f2fafc;
    border-color: #000000; }

.custom-table .pos-left {
  float: left; }

.custom-table .text-cl-1 {
  color: #333333; }

.custom-table .text-cl-2 {
  color: #000000; }

.custom-table .text-cl-3 {
  color: #7b7b7b; }

.custom-table .text-1 {
  font-size: 14px;
  line-height: 38px; }
  .custom-table .text-1 a {
    color: #0095c9;
    text-transform: uppercase;
    text-decoration: underline; }

.custom-table .text-2 {
  font-size: 12px;
  line-height: 38px; }

.custom-table .text-3 {
  font-size: 18px;
  line-height: 38px; }
  .custom-table .text-3 small {
    font-size: 14px; }
  .custom-table .text-3 span {
    text-transform: uppercase; }

.custom-table .text-4 {
  font-size: 14px;
  line-height: 19px;
  height: 38px;
  overflow: hidden; }

.custom-table .text-5 {
  font-size: 16px;
  line-height: 38px;
  overflow: hidden; }

.custom-table .text-6 {
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  overflow: visible; }

.custom-table .text-7 {
  font-size: 16px;
  line-height: 18px;
  overflow: hidden; }

.custom-table .text-top-1 {
  font-size: 16px;
  line-height: 24px; }
  .custom-table .text-top-1 small {
    font-size: 14px; }

.custom-table .text-top-2 {
  font-size: 14px;
  line-height: 15px; }

.custom-table .text-bottom-1 {
  font-size: 14px;
  line-height: 14px; }

.custom-table .text-bottom-2 {
  font-size: 20px;
  line-height: 22px; }
  .custom-table .text-bottom-2 small {
    font-size: 16px; }

.custom-table .text-bottom-3 {
  font-size: 16px;
  line-height: 24px; }

.custom-table .img-cell img {
  width: 52px;
  height: auto; }

.custom-table .text-top-1 {
  font-size: 16px;
  line-height: 24px; }
  .custom-table .text-top-1 small {
    font-size: 14px; }

.custom-table .status-cell {
  position: relative;
  padding-left: 38px; }
  .custom-table .status-cell p {
    line-height: 1;
    position: relative;
    top: 55%;
    transform: translateY(-50%); }
  .custom-table .status-cell .active-icon {
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -6px; }

.custom-table .active-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  position: relative;
  top: 2px; }
  .custom-table .active-icon.active {
    background: #9CCC66; }
  .custom-table .active-icon.inactive {
    background: #ef5350; }
  .custom-table .active-icon.expired {
    background: #49505A; }

.custom-table .btn-1 {
  display: inline-block;
  width: auto;
  min-width: 82px;
  padding: 9px 10px; }

.custom-table .btn-right {
  float: right; }

.custom-table .transaction-icon {
  display: inline-block;
  float: right;
  margin-left: 5px;
  width: 10px;
  height: 38px;
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 11px;
  right: 10px; }

.custom-table .transaction-col {
  padding-right: 28px; }

.custom-table .transaction-img {
  float: left;
  width: 36px;
  height: auto;
  margin-right: 15px; }

.custom-table .flag-box {
  display: inline-block;
  width: 20px;
  height: 20px;
  float: left;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  overflow: hidden;
  margin-right: 10px; }
  .custom-table .flag-box img {
    width: 100%;
    height: auto;
    margin-right: 10px; }

.custom-table .icon-2 {
  margin-top: 4px; }
  .custom-table .icon-2:hover {
    border-color: #494f5a; }

.custom-table .icon-close-1:hover {
  background-image: url(images/icons/close-icon-4.png); }

.custom-table .edit-icon:hover {
  background-image: url(images/icons/edit-4.png); }

.custom-table .detail-btn {
  font-size: 16px;
  line-height: 38px;
  color: #0095c9;
  text-decoration: underline;
  text-transform: uppercase; }
  .custom-table .detail-btn.push-right {
    float: right; }

.custom-table .account-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center center; }

.custom-table .tag {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  position: absolute;
  left: 15px;
  border: 2px solid #D9D9D9;
  color: #000000;
  font-weight: normal;
  font-size: 16px;
  display: block;
  width: 35px;
  height: 35px;
  line-height: 32px; }
  .custom-table .tag.type-2 {
    border-color: #ED1C24;
    background-color: #ED1C24; }
  .custom-table .tag img {
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    max-width: 100%;
    max-height: 100%; }

.small-table .table-head {
  padding-top: 8px;
  border-bottom: 1px solid #e6e6e6; }
  .small-table .table-head col-text {
    line-height: 20px; }

.small-table .table-row.row-1.no-border {
  border: 0; }

.small-table .col {
  padding: 9px 10px 10px 10px; }
  .small-table .col-text {
    line-height: 35px; }

.small-table .flag-box {
  width: 35px;
  height: 35px; }

.show-more {
  display: block;
  width: 100%;
  font-size: 14px;
  color: #333333;
  text-transform: uppercase;
  padding: 15px; }
  .show-more span {
    display: inline-block;
    text-decoration: underline; }
  .show-more .less {
    display: none; }
  .show-more .arrow-bottom-1 {
    display: inline-block;
    float: left;
    width: 20px;
    height: 20px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 10px;
    position: relative;
    top: -2px;
    margin-right: 10px;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    background: #FFEC00 url(images/icons/arrow-bottom-6.png) center center no-repeat;
    background-size: 10px; }
  .show-more.active .more {
    display: none; }
  .show-more.active .less {
    display: inline-block; }
  .show-more.active .arrow-bottom-1 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  .show-more.type-2 {
    display: inline-block;
    width: auto;
    color: #0095c9; }
    .show-more.type-2 span {
      text-decoration: none; }
    .show-more.type-2 .arrow-bottom-1 {
      background: url(images/icons/arrow-blue-d.png) center center no-repeat;
      background-size: 10px; }

.RetailOffers .s-widget-body {
  overflow: visible; }

.zoneWithOffers {
  min-height: 0px; }

.formApproval .alpaca-controlfield {
  padding: 10px;
  position: relative; }
  .formApproval .alpaca-controlfield-container.alpaca-controlfield-text {
    width: auto;
    padding: 14px 15px 12px 15px;
    min-height: 40px;
    position: relative;
    border: 1px solid #d1d1d1;
    -webkit-transition: border 0.3s ease;
    -moz-transition: border 0.3s ease;
    -ms-transition: border 0.3s ease;
    -o-transition: border 0.3s ease;
    transition: border 0.3s ease; }
    .formApproval .alpaca-controlfield-container.alpaca-controlfield-text input {
      font-family: "futura", sans-serif;
      width: 100%;
      font-size: 16px !important;
      letter-spacing: 0.5px;
      line-height: 29px;
      min-height: 24px;
      border: none;
      -webkit-appearance: none;
      border-radius: 0;
      padding: 0;
      padding-left: 3px;
      background-color: transparent;
      color: #000000; }
  .formApproval .alpaca-controlfield-label {
    color: #7b7b7b;
    background: white;
    position: absolute;
    left: 20px;
    padding: 0 10px;
    font-size: 16px !important;
    bottom: calc(100% - 20px);
    z-index: 1000; }
  .formApproval .alpaca-controlfield-radio-item.radio {
    padding: 15px 30px; }
  .formApproval .alpaca-controlfield-message-text {
    color: #FF0000; }

.formApproval .alpaca-form-fields-container {
  padding: 0 100px; }

.formApproval .alpaca-form-buttons-container {
  padding: 0 100px;
  padding-bottom: 25px; }

.formApproval .alpaca-form-button.alpaca-form-button-submit {
  display: inline-block;
  width: 100%;
  border: none;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  padding: 15px 10px;
  margin-right: 0;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  box-sizing: border-box;
  background-color: #FFEC00;
  color: #000000; }

.formApproval .alpaca-fieldset-items-container .alpaca-fieldset-item-container[data-alpaca-item-container-item-key="IdCardStreet"] {
  width: 70%;
  float: left; }

.formApproval .alpaca-fieldset-items-container .alpaca-fieldset-item-container[data-alpaca-item-container-item-key="IdCardStreetNumber"] {
  width: 30%;
  float: left; }

.formApproval .alpaca-fieldset-items-container .alpaca-fieldset-item-container[data-alpaca-item-container-item-key="new-fd394"] {
  display: inline-block;
  width: 100%; }

.formApproval .alpaca-fieldset-legend.legend-expanded {
  font-size: 25px;
  text-transform: uppercase;
  line-height: 40px;
  text-align: center;
  padding-top: 25px;
  padding-bottom: 25px;
  pointer-events: none; }

.formApproval .form-container {
  font-size: 20px;
  padding-top: 30px;
  margin-bottom: 30px;
  float: left;
  width: 100%; }

.formApproval .s-widget-header.ui-corner-tl.ui-corner-tr {
  display: none; }

.formApproval .error-helper-1.center {
  color: #FF0000; }

@media only screen and (max-width: 600px) {
  .formApproval .alpaca-fieldset-items-container .alpaca-fieldset-item-container[data-alpaca-item-container-item-key="IdCardStreet"] {
    width: 100%; }
  .formApproval .alpaca-fieldset-items-container .alpaca-fieldset-item-container[data-alpaca-item-container-item-key="IdCardStreetNumber"] {
    width: 100%; }
  .formApproval .alpaca-fieldset-items-container .alpaca-fieldset-item-container[data-alpaca-item-container-item-key="new-fd394"] {
    padding-bottom: 25px; } }

#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 {
  position: relative;
  background-color: #d20000;
  width: calc(100% - 320px);
  margin-left: auto;
  top: 0;
  left: 0;
  zoom: 1;
  border-radius: 0 0 0 40px;
  border-radius: 40px 0 0 0;
  z-index: 1;
  background-image: url(images/logo/pattern.png);
  background-color: #d20000;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 43%; }
  #page-footer .footer_logo {
    background-image: url(images/logo/footer-logo.png);
    width: 139px;
    height: 40px;
    background-repeat: no-repeat; }
  #page-footer .footer-content {
    padding: 13px 80px 9px; }
  #page-footer .footer-text {
    color: #FFFFFF;
    font-family: "Mark-Bold", sans-serif;
    font-size: 16px; }
    #page-footer .footer-text a {
      color: #666666; }
  #page-footer .footer-social-wrapper {
    font-size: 0; }
  #page-footer .footer-social-link {
    width: 40px;
    height: 40px;
    position: relative;
    border: 2px solid #fff;
    margin: 8px;
    display: inline-block;
    transition: border-color .5s;
    border-radius: 8px; }
    #page-footer .footer-social-link:hover {
      background-color: #b40000; }
  #page-footer .footer-social-ico {
    position: absolute;
    fill: #FFFFFF;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.clientGrid {
  background-color: transparent !important; }
  .clientGrid thead th {
    color: #888 !important;
    transition: color .3s;
    font-size: 15px !important;
    font-family: "Mark-Medium", sans-serif; }
    .clientGrid thead th .selected {
      color: #121212; }
  .clientGrid tbody tr {
    background-color: transparent !important;
    -webkit-transition: background-color .5s;
    transition: background-color .5s; }
    .clientGrid tbody tr:first-child {
      border-top: 1px solid #C7C7C7 !important; }
    .clientGrid tbody tr:last-child {
      border-top-right-radius: 12px;
      border-bottom-right-radius: 12px; }

.background-1 {
  background-color: #d20000; }

.background-2 {
  background-color: #2A7F00; }

.background-3 {
  background-color: #666666; }

.background-4 {
  background-color: #FFFFFF; }

.background-5 {
  background-color: #F3F3F3; }

.background-6 {
  background-color: #121212; }

.background-7 {
  background-color: #C7C7C7; }

.background-8 {
  background-color: #EFEFEF; }

.background-9 {
  background-color: #E8E9EC; }

.background-10 {
  background-color: #0f7; }

.background-11 {
  background-color: #d20000; }

.background-12 {
  background-color: #ffffff; }

.element-border {
  border-radius: 12px; }

.element-border-2 {
  border-radius: 10px; }

.element-border-3 {
  border-radius: 20px; }

.element-border-4 {
  border-radius: 4px; }

.element-border-5 {
  border-radius: 38px; }

.font-2 {
  font-family: "Mark-Regular", sans-serif; }

.font-3 {
  font-family: "Mark-Bold", sans-serif; }

.font-4 {
  font-family: Lat-Bold,sans-serif; }

.font-5 {
  font-family: "Source-Sans-Pro", sans-serif; }

.font-6 {
  font-family: "Mark-Regular", sans-serif; }

.font-7 {
  font-family: "Source-Sans-Pro", sans-serif; }

.font-8 {
  font-family: "Mark-Medium", sans-serif; }

.title-1 {
  font-size: 32px; }

.title-2 {
  font-size: 24px; }

.title-3 {
  font-size: 18px; }

.title-4 {
  font-size: 30px; }

.title-5 {
  font-size: 20px; }

.title-6 {
  font-size: 40px;
  line-height: 1.05; }

.title-7 {
  font-size: 26px; }

.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; }
  .page-text-5 {
    font-size: 11px; }
  .page-text-6 {
    font-size: 16px; }
  .page-text.card-active {
    color: #52ae30; }
  .page-text.card-block {
    color: #ae3030; }
  .page-text.status.realizovan {
    color: #52ae30; }

.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;
  width: 100%; }
  .wrapper-border-radius.fxt {
    max-height: none; }
  .wrapper-border-radius.intra {
    max-height: none; }
  .wrapper-border-radius::-webkit-scrollbar {
    background: white;
    width: 8px; }
  .wrapper-border-radius::-webkit-scrollbar-track {
    top: 20px;
    background: white; }
  .wrapper-border-radius::-webkit-scrollbar-thumb {
    background-color: #e6e6e6;
    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-template {
  margin-bottom: 22px; }

.text-color-2 {
  color: #FFFFFF; }

.text-color-3 {
  color: #666666; }

.text-color-4, .text-color-5 {
  color: #666; }

.text-color-6 {
  color: #FFFFFF; }

.text-color-7 {
  color: #888; }

.text-color-8 {
  color: #d20000; }

.text-color-9 {
  color: #121212; }

.text-color-10 {
  color: rgba(0, 0, 0, 0.87); }

.text-color-11 {
  color: #b1e99c;
  color: #ff435a; }

.text-color-24 {
  color: #000; }

.text-color-16, .text-color-26 {
  color: #707070; }

.font-6 {
  font-family: Sarabun-Bold,sans-serif; }

.pdf-ico {
  width: 18px;
  height: 15px; }

.dot-menu {
  width: 40px;
  height: 40px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  -webkit-transition: box-shadow .5s;
  transition: box-shadow .5s; }
  .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-menu .dot-menu-inner .background-7 {
      background-color: rgba(0, 0, 0, 0.54); }
    .dot-menu .dot-menu-inner .background-12 {
      background-color: rgba(0, 0, 0, 0.87); }
    .dot-menu .dot-menu-inner:hover .dot-menu-dot {
      background: #52ae30; }

.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: #F3F3F3; }

.popup-content {
  position: absolute;
  z-index: 300;
  background-color: #FFFFFF;
  border-radius: 8px;
  top: 150%;
  right: 0;
  padding: 24px;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.16);
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  visibility: hidden;
  -webkit-transition: visibility .5s,opacity .5s,-webkit-transform .5s;
  transition: visibility .5s,opacity .5s,-webkit-transform .5s;
  transition: visibility .5s,opacity .5s,transform .5s;
  transition: visibility .5s,opacity .5s,transform .5s,-webkit-transform .5s;
  /*right: -40px;*/
  right: 0;
  width: 252px; }
  .popup-content.active {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
    z-index: 102; }
  .popup-content .dot-decoration {
    top: -14px;
    right: 46px !important;
    background-color: #F60 !important; }

.activity-popup-filter .popup-item {
  position: relative; }
  .activity-popup-filter .popup-item.active .page-text {
    color: #d20000; }
  .activity-popup-filter .popup-item.active .popup-check {
    opacity: 1; }
  .activity-popup-filter .popup-item .page-text {
    padding-right: 40px;
    -webkit-transition: color .5s;
    transition: color .5s; }
    .activity-popup-filter .popup-item .page-text:hover {
      color: #d20000; }
  .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: #d20000;
    -webkit-transition: opacity .5s;
    transition: opacity .5s; }

.activity-popup-filter .page-text {
  display: block;
  padding-right: 20px;
  position: relative;
  -webkit-transition: color .5s;
  transition: color .5s;
  font-size: 14px !important;
  font-family: "Mark-Medium", sans-serif;
  line-height: 1.71;
  margin-bottom: 10px; }
  .activity-popup-filter .page-text:hover {
    color: #d20000; }
  .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: #d20000; }

.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.accountEditSlider .ui-dialog-buttonset button,
.no-yes-dialog.editCardName .ui-dialog-buttonset button {
  border: unset !important; }
  .no-yes-dialog.accountEditSlider .ui-dialog-buttonset button:nth-child(2),
  .no-yes-dialog.editCardName .ui-dialog-buttonset button:nth-child(2) {
    background-color: #d20000 !important;
    color: #FFFFFF !important; }
    .no-yes-dialog.accountEditSlider .ui-dialog-buttonset button:nth-child(2):hover,
    .no-yes-dialog.editCardName .ui-dialog-buttonset button:nth-child(2):hover {
      background-color: #b20000 !important; }

.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 .ui-dialog-title {
    font-family: "Mark-Regular", sans-serif;
    font-size: 24px;
    text-align: left !important;
    width: 100%; }
  .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: #666666; }
    .no-yes-dialog .input-wrap.focusin .input-1 {
      border-color: #666666; }
  .no-yes-dialog .input-wrap.inputDialog {
    /*            &.focusin {
                border-color: $color-3;

                .input-1 {
                    border-color: #52ae30;
                }
            }*/ }
    .no-yes-dialog .input-wrap.inputDialog .input-1 {
      transition: border-color .3s;
      border: 1px solid #dcdcdc; }
    .no-yes-dialog .input-wrap.inputDialog .input-1:focus {
      border-color: #d20000 !important; }

.profile-text-arrow {
  width: 7px;
  height: 12px; }

.transaction-popup-option p {
  font-family: "Mark-Medium", sans-serif;
  font-size: 16px;
  line-height: 1.5; }

.transaction-popup-option:hover svg {
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s,-webkit-transform .5s; }

a {
  color: #121212; }

.transaction-filter-inner .dk-select.select-1 {
  position: relative; }
  .transaction-filter-inner .dk-select.select-1.recDialog {
    pointer-events: none; }

.transaction-filter-inner .dk-select-options {
  top: 0px;
  padding-top: 40px;
  left: -11px;
  right: -11px;
  margin-top: -5px;
  position: absolute;
  background-color: white;
  border-radius: 10px;
  list-style: none;
  margin: 0;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  width: auto;
  z-index: 1;
  border-radius: 25px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12); }
  .transaction-filter-inner .dk-select-options .dk-option {
    padding: 10px 18px;
    color: #000000;
    background: transparent;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    font-family: "Mark-Medium", sans-serif;
    font-size: 14px;
    line-height: 1.71;
    padding-right: 25px; }
    .transaction-filter-inner .dk-select-options .dk-option:hover {
      color: #d20000; }
    .transaction-filter-inner .dk-select-options .dk-option .dropdown-checkmark-icon {
      display: none; }
  .transaction-filter-inner .dk-select-options .dk-option-selected {
    color: #d20000;
    display: flex; }
    .transaction-filter-inner .dk-select-options .dk-option-selected .dropdown-checkmark-icon {
      display: block; }

.transaction-filter-inner .dk-select .dk-select-options {
  position: absolute;
  display: none !important;
  left: 0;
  right: 0; }
  .transaction-filter-inner .dk-select .dk-select-options.active {
    display: block !important; }

.transaction-filter-inner .dk-selected {
  padding: 5px 35px 13px 18px;
  white-space: nowrap;
  overflow: hidden;
  background-color: #F3F3F3;
  color: #121212;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 8px;
  border: 2px solid transparent;
  height: 18px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  position: relative;
  z-index: 1;
  transform: translate(3px, 6px); }
  .transaction-filter-inner .dk-selected:before {
    content: '';
    display: block; }
  .transaction-filter-inner .dk-selected:after {
    content: '';
    margin-left: 10px;
    position: absolute;
    top: 40%;
    right: 15px;
    /* transform: translate(0, -50%); */
    width: 11px;
    height: 14px;
    background-image: url(images/icons/arrow-bottom-1.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    transition: .5s ease; }
  .transaction-filter-inner .dk-selected.active {
    border: 2px solid #121212; }
    .transaction-filter-inner .dk-selected.active:after {
      transform: rotate(180deg); }
  .transaction-filter-inner .dk-selected.recDialog {
    pointer-events: none; }
  .transaction-filter-inner .dk-selected:hover {
    background-color: #e6e6e6; }

.transaction-filter-inner .dk-select-options {
  width: auto !important;
  z-index: 6;
  padding: 20px !important;
  margin-top: 35px;
  border-radius: 8px;
  z-index: 6;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  box-shadow: 0 2px rgba(18, 18, 18, 0.16); }
  .transaction-filter-inner .dk-select-options .dk-option {
    padding: 0 0 10px 0; }

.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: -65px; }
  .dot-menu-text-wrapper .pdf-download {
    padding: 8px 16px;
    margin-left: 16px;
    border-radius: 8px;
    background-color: #F3F3F3;
    font-size: 16px;
    font-family: "Mark-Medium", sans-serif;
    line-height: 1;
    transition: background-color .3s;
    border: 2px solid transparent;
    cursor: pointer; }
    .dot-menu-text-wrapper .pdf-download:hover {
      background-color: #e6e6e6; }
    .dot-menu-text-wrapper .pdf-download .page-text {
      width: calc(100% - 30px);
      text-transform: uppercase;
      padding: 0 0 0 10px;
      line-height: 1;
      font-family: "Mark-Medium", sans-serif;
      font-size: 16px; }
  .dot-menu-text-wrapper .pdf-ico {
    width: 20px;
    height: 20px; }

.paymentTemplates .templateWrapper {
  display: flex;
  margin-bottom: 100px; }

.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: 400px; }
    .paymentTemplates .beneficiaries-filter-menu-wrapper-inner .group-inner .input-wrap {
      height: 40px;
      background-color: transparent; }
      .paymentTemplates .beneficiaries-filter-menu-wrapper-inner .group-inner .input-wrap svg {
        position: absolute;
        width: 20px;
        height: 20px;
        top: 11px;
        right: 15px; }
      .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: #121212; }
  .paymentTemplates .beneficiaries-filter-menu-wrapper-inner .dot-menu {
    width: unset;
    height: unset;
    padding: 9px 13px;
    margin: 0;
    outline: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
    -webkit-transition: all .5s;
    transition: all .5s;
    background-color: #52ae30;
    position: relative;
    border-radius: 25px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.18);
    -webkit-transition: box-shadow .5s;
    transition: box-shadow .5s;
    cursor: pointer;
    color: white;
    text-transform: unset;
    margin-left: 20px;
    transition: all .5s;
    height: 38px;
    font-family: "Mark-Regular", sans-serif; }
    .paymentTemplates .beneficiaries-filter-menu-wrapper-inner .dot-menu:hover {
      background-color: #2a7f00; }

.paymentTemplates .filterButton {
  position: relative;
  right: 0px;
  bottom: -36px;
  width: 40px;
  height: 40px;
  border: none; }
  .paymentTemplates .filterButton button {
    background-color: #d20000;
    color: #FFFFFF;
    margin-left: 16px;
    border-radius: 8px;
    width: 40px;
    height: 40px;
    border: none; }
    .paymentTemplates .filterButton button svg {
      width: 24px;
      height: 24px;
      position: absolute;
      top: 50%;
      left: unset;
      fill: #fff; }

.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;
  transition: box-shadow .5s; }
  .transaction-filter-submit svg {
    width: 6px;
    height: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    fill: #FFFFFF; }

.transaction-filter-box {
  margin: 0 8px 10px; }

.user-intro-section-profile-box {
  width: 40px;
  height: 40px;
  border: 2px solid #FFFFFF;
  border-radius: 8px;
  margin: 0 8px;
  position: relative;
  cursor: pointer;
  background: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
  user-select: none; }
  .user-intro-section-profile-box:hover {
    background: rgba(0, 0, 0, 0.1); }
  .user-intro-section-profile-box .dot-decoration {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    top: 47px;
    right: 43%;
    background-color: #f60; }

.user-intro-section-profile-ico {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.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: 50%;
    background-color: transparent; }
    .user-intro-section-profile .dot-menu.my_profile .popup-content-outer {
      /*z-index: 9999999999 !important;*/ }
      .user-intro-section-profile .dot-menu.my_profile .popup-content-outer .dot-decoration {
        position: absolute;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        top: -13px;
        left: 92%; }
      .user-intro-section-profile .dot-menu.my_profile .popup-content-outer .profile-popup-account {
        margin-bottom: 40px;
        align-items: center;
        display: flex;
        z-index: auto; }
        .user-intro-section-profile .dot-menu.my_profile .popup-content-outer .profile-popup-account .profile-popup-img {
          width: 60px;
          height: 55px;
          overflow: hidden;
          box-shadow: 0 8px 16px rgba(0, 0, 0, 0.18);
          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;
          font-family: "Mark-Medium", sans-serif; }
          .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: "Mark-Medium", sans-serif;
            margin-bottom: 0;
            z-index: auto; }
          .user-intro-section-profile .dot-menu.my_profile .popup-content-outer .profile-popup-account .profile-popup-account-text .profile_email {
            font-family: 'Source-Sans-Pro-semibold', 'sans-serif';
            color: rgba(0, 0, 0, 0.54);
            font-size: 13px;
            margin-bottom: 0; }
      .user-intro-section-profile .dot-menu.my_profile .popup-content-outer .popup-profile-options {
        z-index: auto;
        display: flex;
        align-items: center;
        position: relative;
        color: rgba(0, 0, 0, 0.87); }
        .user-intro-section-profile .dot-menu.my_profile .popup-content-outer .popup-profile-options.change-pass {
          display: none; }
        .user-intro-section-profile .dot-menu.my_profile .popup-content-outer .popup-profile-options:hover {
          background: #faeede;
          padding: 0px 8px;
          border-radius: 8px;
          padding-left: 0px; }
          .user-intro-section-profile .dot-menu.my_profile .popup-content-outer .popup-profile-options:hover .profile-popup-options-ico-box .profile-option-ico {
            fill: #d20000; }
          .user-intro-section-profile .dot-menu.my_profile .popup-content-outer .popup-profile-options:hover .item-text {
            color: #d20000;
            font-family: "Mark-Medium", sans-serif; }
          .user-intro-section-profile .dot-menu.my_profile .popup-content-outer .popup-profile-options:hover .profile-text-arrow {
            left: 95%;
            fill: #d20000;
            stroke: #d20000; }
          .user-intro-section-profile .dot-menu.my_profile .popup-content-outer .popup-profile-options:hover .profile-option-ico {
            fill: #d20000; }
        .user-intro-section-profile .dot-menu.my_profile .popup-content-outer .popup-profile-options .profile-popup-options-ico-box {
          width: 58px;
          height: 40px;
          -webkit-transition: all .5s;
          position: relative;
          transition: all .5s; }
          .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: 20px;
            height: 20px;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            -webkit-transition: all .5s;
            transition: all .5s;
            fill: #888; }
        .user-intro-section-profile .dot-menu.my_profile .popup-content-outer .popup-profile-options .item-text {
          width: calc(100% - 40px);
          padding-left: 5px;
          padding-right: 9px;
          -webkit-transition: color .5s;
          transition: color .5s;
          position: relative;
          margin-bottom: 5px;
          font-size: 16px;
          font-family: "Mark-Regular", sans-serif; }
        .user-intro-section-profile .dot-menu.my_profile .popup-content-outer .popup-profile-options .profile-text-arrow {
          position: absolute;
          top: 50%;
          left: 95% !important;
          width: 6px;
          height: 10px;
          fill: #888;
          transition: left .5s;
          cursor: pointer; }

.user-intro-section-profile .user-profile-tag {
  width: 100%;
  background-color: #0095c9;
  color: #FFFFFF;
  font-size: 20px;
  text-transform: uppercase;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  vertical-align: middle;
  position: absolute;
  left: 0; }

.profile-box-inner {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.profile-popup {
  width: 300px;
  text-align: left; }
  .profile-popup.popup-content-p {
    position: absolute;
    z-index: 300;
    background-color: #EFEFEF;
    border-radius: 16px;
    top: 150%;
    right: 0px;
    padding: 24px;
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.16);
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    visibility: hidden;
    -webkit-transition: visibility .5s,opacity .5s,-webkit-transform .5s;
    transition: visibility .5s,opacity .5s,-webkit-transform .5s;
    transition: visibility .5s,opacity .5s,transform .5s;
    transition: visibility .5s,opacity .5s,transform .5s,-webkit-transform .5s; }
    .profile-popup.popup-content-p.active {
      visibility: visible;
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
      -webkit-transition-delay: .6s;
      transition-delay: .6s; }
  .profile-popup .flex-layout {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .profile-popup .flex-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .profile-popup .profile-popup-img {
    width: 55px;
    height: 55px;
    overflow: hidden;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.24); }
    .profile-popup .profile-popup-img .user-profile-tag {
      line-height: 56px; }
  .profile-popup .profile-popup-account-text {
    width: -webkit-calc(100% - 75px);
    width: calc(100% - 75px);
    padding-left: 16px; }
    .profile-popup .profile-popup-account-text .title-3 {
      font-size: 18px; }
    .profile-popup .profile-popup-account-text .font-6 {
      font-family: Sarabun-Bold,sans-serif; }
    .profile-popup .profile-popup-account-text .margin-1 {
      margin-bottom: 10px; }
    .profile-popup .profile-popup-account-text .page-text-2 {
      font-size: 13px; }
    .profile-popup .profile-popup-account-text .font-3 {
      font-family: "Mark-Bold", sans-serif; }
    .profile-popup .profile-popup-account-text .text-color-7 {
      color: rgba(0, 0, 0, 0.54); }
    .profile-popup .profile-popup-account-text .margin-0 {
      margin-bottom: 0; }
  .profile-popup .profile-popup-options .page-text {
    width: -webkit-calc(100% - 110px);
    width: calc(100% - 110px);
    padding-left: 16px;
    padding-right: 50px; }
  .profile-popup .profile-popup-options-ico-box {
    width: 40px;
    height: 40px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); }
  .profile-popup .profile-text-arrow {
    width: 7px;
    height: 12px;
    fill: #2A7F00;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s,-webkit-transform .5s;
    cursor: pointer; }
  .profile-popup .profile-option-ico {
    position: absolute;
    width: 21px;
    height: 21px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .profile-popup .relative {
    position: relative; }
  .profile-popup .element-border {
    border-radius: 12px; }
  .profile-popup .background-4 {
    background-color: #FFFFFF; }
  .profile-popup .dark-mode-toggle,
  .profile-popup .profile-text-arrow {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .profile-popup .popup-profile-options:hover .profile-text-arrow {
    -webkit-transform: translate(10px);
    transform: translate(10px); }
  .profile-popup .dot-decoration {
    top: -14px;
    right: 15px; }

.object-fit-cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%; }

.repayments,
.widget-pagination {
  justify-content: center !important;
  align-items: center !important; }
  .repayments.templates a,
  .widget-pagination.templates a {
    justify-content: center;
    align-items: center;
    width: 40px;
    min-width: 40px;
    height: 40px;
    cursor: pointer;
    -webkit-transition: background-color .3s, color .3s, border-color .3s;
    -moz-transition: background-color .3s, color .3s, border-color .3s;
    -ms-transition: background-color .3s, color .3s, border-color .3s;
    -o-transition: background-color .3s, color .3s, border-color .3s;
    transition: background-color .3s, color .3s, border-color .3s;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 6px !important;
    background-color: #F3F3F3;
    border-radius: 8px;
    border: 2px solid #F3F3F3;
    cursor: pointer;
    margin: 0 4px; }
    .repayments.templates a:last-child,
    .widget-pagination.templates a:last-child {
      margin-right: 0; }
    .repayments.templates a:hover,
    .widget-pagination.templates a:hover {
      border: 2px solid #e6e6e6;
      background-color: #e6e6e6; }
  .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); }
  .repayments svg.profile-text-arrow,
  .widget-pagination svg.profile-text-arrow {
    width: 24px;
    height: 24px; }

.showPagination .pagination {
  font-family: "Mark-Regular", sans-serif;
  color: #888;
  font-size: 11px;
  padding-right: 20px; }
  .showPagination .pagination .pageCurrent {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    width: 40px;
    height: 40px;
    margin: 0 13px;
    background-color: #F3F3F3;
    border-radius: 8px;
    color: #121212;
    font-size: 14px;
    min-width: 40px;
    font-family: "Mark-Regular", sans-serif; }

/*
.transaction-filter.transaction-calendar {
    position: relative;
}

.hasDatepicker {
    width: calc(100% - 25px);
}
.ui-datepicker-trigger {
    display: block !important;
    position: absolute;
    top: 10px;
    right: 10px;
} */
/*.CurrencyExchangeV2 {*/
.payment-filter {
  border-bottom: 1px solid #e6e6e6; }
  .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;
    font-weight: 600;
    line-height: 1;
    transition: color .5s; }
  .payment-filter-box .payment-filter-ico {
    transition: opacity .5s; }
  .payment-filter-box .inactive-arrow {
    opacity: 0; }
  .payment-filter-date {
    width: 15.5%; }
    .payment-filter-date .page-text-2 {
      padding-left: 75px; }
  .payment-filter-recipient {
    width: 30%;
    padding-left: 10px; }
  .payment-filter-description {
    width: 44%; }
  .payment-filter-amount {
    width: 10%; }
  .payment-filter-ico {
    position: absolute;
    width: 8px;
    height: 14px;
    right: 0;
    top: 0; }
    .payment-filter-ico.intra-arrow {
      width: 6px;
      height: 10px;
      right: 20px;
      top: 20px;
      -webkit-transform: translateY(-50%) rotate(-90deg);
      transform: translateY(-50%) rotate(-90deg);
      fill: #52ae30; }
  .payment-filter-payment {
    position: relative;
    padding: 5px 8px 4px 8px;
    border-radius: 12px;
    cursor: pointer;
    transition: background-color .5s; }
    .payment-filter-payment:hover {
      background-color: #F3F3F3; }
    .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: 43px;
  height: 40px;
  border-radius: 50%;
  background-color: #ffffff;
  -webkit-transition: all 0.5s;
  transition: all 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;
  color: #d20000; }
  .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 {
  position: relative;
  min-height: 550px;
  margin-top: 60px;
  margin-right: 20px; }
  .gvCurrencyExchange .clientGrid tbody tr td {
    line-height: 24px; }
  .gvCurrencyExchange .font-3 {
    font-family: "Mark-Medium", sans-serif; }
  .gvCurrencyExchange .payment-inner-text.left {
    text-align: left; }
    .gvCurrencyExchange .payment-inner-text.left h4 {
      font-size: 15px;
      font-family: "Mark-Medium", sans-serif; }
  .gvCurrencyExchange .clientGridPager {
    position: absolute;
    bottom: 0;
    width: 96%; }

.CurrencyExchangeV2.dashboard .gvCurrencyExchange {
  margin-right: 20px;
  margin-left: 0; }

.Html.Advertising,
.HtmlPromo {
  margin-bottom: 80px; }
  .Html.Advertising .advert,
  .HtmlPromo .advert {
    width: 65%;
    height: 319px; }
  .Html.Advertising .commercial-text-wrapper a,
  .HtmlPromo .commercial-text-wrapper a {
    font-family: "Mark-Medium", sans-serif; }

.commercial-text-wrapper {
  width: 40%;
  margin-right: 40px; }
  .commercial-text-wrapper h2 {
    margin-bottom: 24px;
    font-size: 26px;
    line-height: 1.25; }
  .commercial-text-wrapper p {
    margin-bottom: 40px;
    color: #121212; }
  .commercial-text-wrapper a {
    display: flex; }
    .commercial-text-wrapper a .arrow {
      top: 12px;
      left: 12px;
      width: 20px;
      height: 22px;
      background-size: cover;
      cursor: pointer;
      padding-right: 10px; }
  .commercial-text-wrapper .btn-2 {
    min-width: 120px;
    padding: 11px 16px 11px 14px !important;
    width: auto !important;
    max-width: 140px;
    transition: background-color .3s;
    background-color: #d20000;
    border: 2px solid transparent;
    border-radius: 8px;
    font-family: "Mark-Medium", sans-serif;
    font-size: 16px;
    line-height: 1;
    display: flex;
    box-shadow: none; }
    .commercial-text-wrapper .btn-2:hover {
      background-color: #b40000; }

.commercial-img {
  min-height: 100%;
  background: url("images/pictures/750x320 - WebPlaceholder.png") no-repeat center;
  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 .5s;
  transition: box-shadow .5s;
  cursor: pointer; }

.btn-shadow-1 {
  box-shadow: 0 8px 24px rgba(54, 60, 164, 0.4); }
  .btn-shadow-1:hover {
    box-shadow: 0 -2px 24px rgba(54, 60, 164, 0.4); }

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

.payment-inner-text.left {
  text-align: left; }

.no-border {
  border: none; }

.right-dialog.details-dialog .mCSB_dragger_bar {
  background-color: #e6e6e6 !important;
  border-radius: 5px !important;
  width: 8px !important; }

.right-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;
  opacity: 1;
  transform: translateY(-50%); }
  .ui-dialog:not(.right-dialog).visible.no-yes-dialog.crontoDialog {
    padding: 40px; }
    .ui-dialog:not(.right-dialog).visible.no-yes-dialog.crontoDialog .group-inner {
      margin-bottom: 0px; }
  .ui-dialog:not(.right-dialog).visible.crontoDialog {
    left: 50% !important;
    transform: translate(-50%, 0%) !important;
    max-width: none;
    overflow: hidden; }
    .ui-dialog:not(.right-dialog).visible.crontoDialog .content-container {
      overflow: hidden; }
    .ui-dialog:not(.right-dialog).visible.crontoDialog .crontoDialog {
      /*&:before {
                content: "";
                display: table !important;
                width: 40px;
                height: 6px !important;
                border-radius: 6px;
                margin: auto;
                margin-bottom: 5px;
                background-color: #d20000;
            }*/ }
    .ui-dialog:not(.right-dialog).visible.crontoDialog .ui-dialog-titlebar {
      display: none; }
    .ui-dialog:not(.right-dialog).visible.crontoDialog .text-half {
      padding: 0 30px 15px 0;
      width: 50%;
      border-right: 1px dotted #8294a8; }
      .ui-dialog:not(.right-dialog).visible.crontoDialog .text-half .page-text {
        margin-bottom: 40px; }
    .ui-dialog:not(.right-dialog).visible.crontoDialog .image-half {
      width: 50%;
      padding: 0 30px 15px; }
      .ui-dialog:not(.right-dialog).visible.crontoDialog .image-half .qr-image {
        margin: auto;
        display: block; }
    .ui-dialog:not(.right-dialog).visible.crontoDialog .ui-dialog-buttonset {
      width: 30%; }
      .ui-dialog:not(.right-dialog).visible.crontoDialog .ui-dialog-buttonset button:nth-child(1) {
        background-color: #F3F3F3;
        color: #121212;
        transition: all .5s;
        float: left; }
        .ui-dialog:not(.right-dialog).visible.crontoDialog .ui-dialog-buttonset button:nth-child(1):hover {
          background-color: #E6E6E6; }
      .ui-dialog:not(.right-dialog).visible.crontoDialog .ui-dialog-buttonset button:nth-child(2) {
        background-color: #d20000;
        color: #FFFFFF;
        transition: all .5s;
        float: left; }
        .ui-dialog:not(.right-dialog).visible.crontoDialog .ui-dialog-buttonset button:nth-child(2):hover {
          background-color: #b40000; }

.crontoDialog {
  width: 800px !important; }
  .crontoDialog .all-account-popup-title {
    top: 6px;
    position: relative;
    padding: 0 100px;
    text-align: center;
    margin-bottom: 40px; }
    .crontoDialog .all-account-popup-title h3 {
      margin: 0 auto;
      width: 100%;
      text-align: center;
      font-weight: bold; }
    .crontoDialog .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); }
      .crontoDialog .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%); }

.right-dialog.details-dialog.accountsList .account-select-item .user-account-card-img {
  background-color: #efefef; }

.AccountSlider {
  margin-bottom: 60px !important; }
  .AccountSlider .isEmptyGriError {
    margin-top: 45px !important; }
  .AccountSlider .user-account-info-cards-wrapper {
    box-shadow: 0 6px 28px rgba(0, 0, 0, 0.2) !important;
    border-radius: 16px; }
  .AccountSlider .user-account-card {
    /*box-shadow: 0 6px 28px rgba(0,0,0,.2) !important;*/ }
    .AccountSlider .user-account-card-outer {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
  .AccountSlider .tabslider {
    position: relative;
    z-index: 2;
    top: 54px;
    width: 564px;
    left: 24%;
    transform: translateX(-50%); }
  .AccountSlider .account-menu .user-account-arrow-ico {
    width: 20px;
    height: 20px; }
  .AccountSlider .highcharts-subtitle,
  .AccountSlider .highcharts-title,
  .AccountSlider #chartMenu {
    display: none !important; }
  .AccountSlider .user-intro-select-wrapper {
    padding: 3px 3px;
    width: fit-content;
    min-width: 270px; }
    .AccountSlider .user-intro-select-wrapper .user-intro-select-item {
      padding: 3px 30px;
      white-space: nowrap; }
      .AccountSlider .user-intro-select-wrapper .user-intro-select-item.active {
        background-color: #FFFFFF;
        border-radius: 6px;
        color: #121212;
        box-shadow: 0 1px 1px rgba(16, 22, 26, 0.2), 0 0 rgba(16, 22, 26, 0.1);
        transition: left .4s; }
  .AccountSlider .user-account-card-outer.account-card-active {
    position: relative;
    z-index: 1 !important; }
  .AccountSlider .accountSliderSw-switch {
    display: flex;
    width: 564px;
    font-family: "Mark-Medium", sans-serif;
    color: #666;
    background: #f3f3f3;
    border-radius: 8px;
    position: relative;
    height: fit-content;
    float: right; }
    .AccountSlider .accountSliderSw-switch.active-1 span:first-child {
      pointer-events: none;
      cursor: pointer; }
    .AccountSlider .accountSliderSw-switch.active-2 span:last-child {
      pointer-events: none;
      cursor: pointer; }
  .AccountSlider .accountSliderSw-switch .active {
    color: #52ae30; }
  .AccountSlider .accountSliderSw-switch:before, .AccountSlider .accountSliderSw-switch.active-1:before {
    transform: translateX(0); }
  .AccountSlider .accountSliderSw-switch.active-2:before {
    transform: translateX(100%); }
  .AccountSlider .accountSliderSw-switch:before {
    content: "";
    width: -webkit-calc(50% - 4px);
    width: calc(50% - 4px);
    height: -webkit-calc(100% - 5px);
    height: calc(100% - 5px);
    position: absolute;
    top: 2px;
    left: 3px;
    background: #FFFFFF;
    color: #121212;
    border-radius: 6px;
    box-shadow: 0 1px 1px rgba(16, 22, 26, 0.2), 0 0 rgba(16, 22, 26, 0.1);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s; }
  .AccountSlider .accountSliderSw-switch > span {
    display: block;
    width: 50%;
    float: left;
    font-size: 15px;
    text-align: center;
    color: #ffffff;
    padding: 3px 5px;
    -webkit-transition: color .3s;
    transition: color .3s;
    cursor: pointer;
    position: relative; }
  .AccountSlider .accountSliderSw-switch.active-1 span:first-child {
    color: #121212; }
  .AccountSlider .accountSliderSw-switch.active-1 span:last-child {
    color: #666; }
  .AccountSlider .accountSliderSw-switch.active-2 span:first-child {
    color: #666; }
  .AccountSlider .accountSliderSw-switch.active-2 span:last-child {
    color: #121212; }

.user-account-background-card {
  position: absolute;
  width: 96%;
  height: 100%;
  left: 50%;
  top: -11px;
  border-radius: 16px;
  opacity: .5;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }
  .user-account-background-card:nth-child(2) {
    opacity: .25;
    top: -19px;
    width: 93%; }

.user-account-card-outer.account-card-active {
  position: relative;
  /*z-index: 1;*/ }

.user-account-card-left-col {
  width: 65%;
  padding-right: 40px;
  border-right: 1px solid #d4dfec; }
  .user-account-card-left-col .user-account-card-left-col-inner {
    width: 75%; }
    .user-account-card-left-col .user-account-card-left-col-inner .user-account-card-img {
      width: 60px;
      height: 60px;
      overflow: hidden; }
    .user-account-card-left-col .user-account-card-left-col-inner .content {
      max-width: 372px; }
      .user-account-card-left-col .user-account-card-left-col-inner .content.card {
        margin-bottom: 16px; }
      .user-account-card-left-col .user-account-card-left-col-inner .content h2 {
        margin: 0px;
        overflow-wrap: break-word; }
  .user-account-card-left-col .user-account-card-right-col-inner {
    width: 200px; }
    .user-account-card-left-col .user-account-card-right-col-inner .btn-2 {
      padding: 10px 15px;
      border-radius: 8px; }

.user-account-card-right-col {
  padding-left: 50px;
  width: 22%;
  max-width: 302px; }
  .user-account-card-right-col-inner .btn-2 {
    background-color: #f3f3f3;
    color: #121212;
    border-radius: 8px;
    font-family: "Mark-Medium", sans-serif;
    font-size: 16px;
    line-height: 1;
    border: 2px solid transparent !important;
    transition: background-color .3s;
    margin-bottom: 16px;
    padding: 10px 15px; }
    .user-account-card-right-col-inner .btn-2:hover {
      background-color: #E6E6E6; }
  .user-account-card-right-col-inner .btn-2.background-1 {
    background-color: #d20000;
    color: #FFFFFF;
    border-radius: 8px;
    font-family: "Mark-Medium", sans-serif;
    font-size: 16px;
    line-height: 1;
    transition: background-color .3s;
    border: 2px solid transparent;
    margin-bottom: 0px;
    padding: 10px 15px; }
    .user-account-card-right-col-inner .btn-2.background-1:hover {
      background-color: #b40000; }
  .user-account-card-right-col .right-col-wrap {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap !important; }
    .user-account-card-right-col .right-col-wrap .user-chart-info-wrapper {
      flex-wrap: wrap !important; }
      .user-account-card-right-col .right-col-wrap .user-chart-info-wrapper .user-chart-info {
        width: 100%; }
  .user-account-card-right-col .user-intro-select-wrapper {
    padding: 2px;
    position: relative;
    z-index: 1;
    border-radius: 8px; }
    .user-account-card-right-col .user-intro-select-wrapper .user-intro-select-wrapper-inner {
      min-height: 32px; }
      .user-account-card-right-col .user-intro-select-wrapper .user-intro-select-wrapper-inner a {
        font-family: "Mark-Medium", sans-serif;
        color: #666; }
    .user-account-card-right-col .user-intro-select-wrapper .user-intro-select-item {
      position: relative;
      font-size: 15px;
      font-family: "Mark-Bold", sans-serif;
      padding: 0 30px;
      -webkit-transition: color .5s;
      transition: color .5s;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -webkit-text-size-adjust: none;
      -webkit-tap-highlight-color: transparent;
      user-select: none;
      width: 33.333333%;
      text-align: center;
      padding: 2px 10px; }
      .user-account-card-right-col .user-intro-select-wrapper .user-intro-select-item.active, .user-account-card-right-col .user-intro-select-wrapper .user-intro-select-item:hover {
        color: #121212; }
    .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: 6px; }
  .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: #23c841; }
    .user-chart-info .user-chart-arrow.user-chart-arrow-down {
      fill: #ce0e2d; }
  .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: "Mark-Bold", sans-serif;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  z-index: 1; }

.user-intro-select-wrapper .user-intro-select-indicator {
  position: absolute;
  height: -webkit-calc(100% - 6px);
  height: calc(100% - 6px);
  top: 50%;
  left: 3px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 6px;
  -webkit-transition: width .5s, left .5s;
  transition: width .5s, left .5s; }

.user-intro-select-wrapper-inner .k-state-active {
  background: transparent; }

.user-intro-select-wrapper-inner .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: 6px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.16);
  -webkit-transition: width .5s, left .5s;
  transition: width .5s, left .5s;
  background: #ffffff; }

.account-card-nav {
  position: absolute;
  top: 50%;
  right: 40px;
  padding-top: 50px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }
  .account-card-nav .account-nav-inner .account-card-btn {
    margin-bottom: 16px; }
  .account-card-nav .account-card-btn {
    border: none;
    transition: background-color .3s; }
    .account-card-nav .account-card-btn:hover {
      background-color: #E6E6E6;
      border: none !important; }
  .account-card-nav .account-card-btn.background-red {
    background-color: #d20000; }
    .account-card-nav .account-card-btn.background-red:hover {
      background-color: #b40000;
      border: none !important; }

.account-select-popup-item {
  border-radius: 20px;
  padding: 16px;
  cursor: pointer;
  -webkit-transition: background-color .5s,box-shadow .5s,background .5s;
  transition: background-color .5s,box-shadow .5s,background .5s;
  border: 1px solid #c7c7c7; }
  .account-select-popup-item.active {
    background-color: #FFFFFF;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); }
    .account-select-popup-item.active .account-item-balance-arrow {
      opacity: 1;
      visibility: visible; }
  .account-select-popup-item:hover {
    background-color: #FFFFFF;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); }

.account-select-item-text {
  width: -webkit-calc(100% - 50px);
  width: calc(100% - 50px);
  padding-left: 16px; }
  .account-select-item-text .page-text {
    margin-bottom: 5px; }

.account-select-item .user-account-card-img {
  margin-bottom: 0; }

.account-inter-inner-scroll .page-text {
  line-height: 20px; }

.account-item-balance-inner {
  padding-right: 60px; }
  .account-item-balance-inner .account-arrow-right {
    width: 20px;
    height: 14px; }

.account-item-balance-arrow {
  position: absolute;
  width: 40px;
  height: 40px;
  bottom: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .5s,visibility .5s;
  transition: opacity .5s,visibility .5s; }

.account-arrow-right, .account-item-ico {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.slideAnimationNext {
  opacity: 10;
  animation: slideDown 0.4s ease-in-out;
  animation-fill-mode: forwards; }

.slideAnimationPrev {
  animation: slideUp 0.4s ease-in-out;
  animation-fill-mode: forwards; }

@keyframes slideDown {
  0% {
    transform: translate(0px, 0px) scale(1);
    opacity: 1;
    visibility: visible; }
  20% {
    transform: translateY(100px) scale(0.9);
    opacity: 1; }
  60% {
    transform: translateY(-100px) scale(0.95);
    opacity: 1; }
  100% {
    transform: translate(0px, 0px) scale(1);
    opacity: 1; } }

@keyframes slideUp {
  0% {
    transform: translate(0px, 0px) scale(1);
    opacity: 1;
    visibility: visible; }
  20% {
    transform: translateY(-100px) scale(0.9);
    opacity: 0.8; }
  60% {
    transform: translateY(100px) scale(0.95);
    opacity: 0.6; }
  100% {
    transform: translate(0px, 0px) scale(1);
    opacity: 1; } }

.details-dialog.accountsList .account-arrow-right {
  width: 20px;
  height: 14px; }

.details-dialog.accountsList .user-account-card-img {
  width: 50px;
  height: 50px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  overflow: hidden; }
  .details-dialog.accountsList .user-account-card-img.accounts {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    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; }

.chartView rect {
  stroke: none; }
  .chartView rect:active, .chartView rect:hover {
    pointer-events: none; }

.chartView .highcharts-container {
  height: 260px !important;
  width: 350px !important; }
  .chartView .highcharts-container svg {
    height: 260px;
    width: 320px; }

.chartView .highcharts-container {
  height: 260px !important; }
  .chartView .highcharts-container svg {
    height: 260px; }
  .chartView .highcharts-container .highcharts-series-group {
    text-align: center !important; }

.chartView .highcharts-background {
  fill: transparent; }

.chartView .highcharts-grid > path {
  stroke: none; }

.chartView .highcharts-axis text {
  display: none; }

.chartView .highcharts-axis path:not(:last-child) {
  visibility: hidden; }

.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: 77px auto 60px;
  padding: 0;
  text-align: left; }
  .my-account-main-form-wrapper .pdf-download {
    padding: 13px 20px;
    margin-left: 16px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
    transition: box-shadow .5s,background-color .5s;
    cursor: pointer;
    border-radius: 20px; }
    .my-account-main-form-wrapper .pdf-download:hover {
      box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.08);
      background-color: #DCDCDC; }
    .my-account-main-form-wrapper .pdf-download.edit:hover {
      background-color: #ffffff;
      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: "Mark-Regular", 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;
    /*border-bottom: 1px dashed gray;*/ }
    .my-account-main-form-wrapper .accOfficer .btn-wrapper button {
      width: calc(100% - 56px); }
    .my-account-main-form-wrapper .accOfficer.firstInSettingsTab {
      border-top: none !important; }
    .my-account-main-form-wrapper .accOfficer h3 {
      margin: 40px 0 30px 0;
      font-size: 15px;
      font-family: 'Source-Sans-Pro-bold', 'sans-serif'; }
    .my-account-main-form-wrapper .accOfficer .input-wrapper .acc-card-icon {
      width: 40px;
      height: 40px;
      float: left;
      margin-left: 15px;
      position: absolute;
      transform: translateY(-50%);
      top: 50%; }
      .my-account-main-form-wrapper .accOfficer .input-wrapper .acc-card-icon svg {
        width: 27px;
        height: 27px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        stroke: rgba(0, 0, 0, 0.87);
        position: absolute;
        margin-right: 15px; }
      .my-account-main-form-wrapper .accOfficer .input-wrapper .acc-card-icon i {
        background-image: url(images/menu-icons/ico_cards@2x.png);
        background-size: 24px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-repeat: no-repeat;
        width: 27px;
        height: 27px;
        position: absolute;
        background-position: 50% 50%; }
    .my-account-main-form-wrapper .accOfficer .input-wrapper .toggle-btn {
      position: absolute;
      width: 40px;
      top: 50%;
      right: 25px;
      transform: translateY(-50%);
      border-radius: 20px;
      padding: 5px;
      transition: background-color .5s;
      background-color: #E1E1E1;
      pointer-events: none; }
      .my-account-main-form-wrapper .accOfficer .input-wrapper .toggle-btn .toggle-btn-switch {
        display: block;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: #FFFFFF;
        transition: transform .5s; }
    .my-account-main-form-wrapper .accOfficer .input-wrapper .accounts-and-cards {
      position: relative;
      display: block;
      cursor: pointer;
      background: rgba(255, 255, 255, 0.6);
      padding: 8px 15px 8px 64px !important;
      border-radius: 40px !important; }
      .my-account-main-form-wrapper .accOfficer .input-wrapper .accounts-and-cards p {
        margin-bottom: 0px !important; }
    .my-account-main-form-wrapper .accOfficer .input-wrapper.active .toggle-btn {
      background-color: #d20000; }
      .my-account-main-form-wrapper .accOfficer .input-wrapper.active .toggle-btn .toggle-btn-switch {
        transform: translateX(100%); }

.my-account-detail-intro {
  width: 100%;
  position: absolute;
  top: -200px; }
  .my-account-detail-intro .my-account-detail-img {
    width: 100%;
    height: 100%;
    border-radius: 50px;
    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;
    z-index: 2; }
    .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: #ffffff; }
  .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;
    color: #c7e1be;
    font-family: 'Source-Sans-Pro-semibold', sans-serif; }
  .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;
    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: #d20000; }
  .my-account-detail-intro .btn-1:hover {
    background-color: #666666; }

.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); }

.uppercase {
  text-transform: uppercase; }

.beneficiaries-star {
  fill: transparent;
  -webkit-transition: fill .5s,stroke .5s;
  transition: fill .5s,stroke .5s;
  width: 20px;
  height: 20px; }

.bigger-pdf-button {
  padding: 10px 22px; }

.block-label {
  display: block;
  padding: 0 16px; }

.k-header {
  background-color: transparent;
  background-image: none;
  border-color: transparent;
  border: none; }

.k-tabstrip .k-content {
  position: relative;
  margin: 0 auto !important;
  padding: 0 !important;
  background-color: transparent !important;
  border: none !important;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-transition: -webkit-transform .5s;
  transition: transform .5s, -webkit-transform .5s; }
  .k-tabstrip .k-content.k-state-active {
    -webkit-transform: translateY(0);
    transform: translateY(0); }

.k-tabstrip .k-tabstrip-items {
  display: inline-block;
  position: relative;
  padding: 0 3px;
  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: #FFFFFF;
      -webkit-transition: color .5s;
      transition: color .5s; }
      .k-tabstrip .k-tabstrip-items .k-state-default .k-link:hover {
        color: #FFFFFF; }
  .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: #efefef;
        border-radius: 5px;
        width: 3px; }
  .wrapperIntra.active .intrabank-wrapper .input-wrap,
  .wrapperIntraCode.active .intrabank-wrapper .input-wrap,
  .wrapperIntraAcc.active .intrabank-wrapper .input-wrap {
    border-bottom-right-radius: unset;
    border-bottom-left-radius: unset; }
  .wrapperIntra.active .wraperOptionsTemplate .intraTemplate,
  .wrapperIntraCode.active .wraperOptionsTemplate .intraTemplate,
  .wrapperIntraAcc.active .wraperOptionsTemplate .intraTemplate {
    overflow: unset;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.12); }
  .wrapperIntra .wraperOptions,
  .wrapperIntraCode .wraperOptions,
  .wrapperIntraAcc .wraperOptions {
    width: 33%;
    position: relative; }
    .wrapperIntra .wraperOptions.recDialog,
    .wrapperIntraCode .wraperOptions.recDialog,
    .wrapperIntraAcc .wraperOptions.recDialog {
      width: 401.25px; }
  .wrapperIntra .wraperOptionsTemplate,
  .wrapperIntraCode .wraperOptionsTemplate,
  .wrapperIntraAcc .wraperOptionsTemplate {
    width: 398px; }

.wrapperIntraCode {
  width: 424px !important; }

.formWrapper {
  height: 658px;
  overflow: hidden;
  transition: .5s ease; }
  .formWrapper.open {
    height: 906px; }
  .formWrapper.predefined {
    height: 740px; }
    .formWrapper.predefined.open {
      height: 988px; }
  .formWrapper > .limit-wrapper > .limit-content .text-color-7 {
    color: #52ae30 !important; }
  .formWrapper > .limit-wrapper > .progress-bar {
    position: relative;
    width: 100%;
    height: 8px;
    overflow: hidden;
    background-color: #d9d9d9;
    border-radius: 25px; }
    .formWrapper > .limit-wrapper > .progress-bar span {
      width: 70%; }
    .formWrapper > .limit-wrapper > .progress-bar .seventy {
      position: absolute;
      height: 100%;
      top: 0;
      left: 0;
      background-color: #52ae30;
      border-radius: 6px;
      transition: all .5s; }

.wrapperTemplate {
  height: 50px;
  margin-bottom: 30px;
  overflow: hidden;
  transition: all 0.5s ease !important; }
  .wrapperTemplate.open {
    height: 152px; }

.wrapperTemplateDialog {
  height: 70px;
  margin-bottom: 30px;
  overflow: hidden;
  transition: all 0.5s ease !important; }

.business-exchange-form-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 {
  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: "Mark-Regular", sans-serif; }
    .intrabank-wrapper.with-label-inside .input-1:focus {
      border-color: #52ae30; }
      .intrabank-wrapper.with-label-inside .input-1:focus ~ label {
        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.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: #ffffff; }
  .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 24px 14px 24px !important;
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    color: black;
    font-weight: 800;
    background-color: white;
    cursor: pointer; }
    .intrabank-wrapper .template.recDialog {
      display: inline-block;
      width: 318px; }
  .intrabank-wrapper .toggle-btn {
    position: absolute;
    width: 40px;
    height: 20px;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 20px;
    padding: 5px;
    -webkit-transition: background-color .5s;
    transition: background-color .5s;
    background-color: #e1e1e1;
    pointer-events: none; }
    .intrabank-wrapper .toggle-btn.recDialog {
      top: 42%;
      right: -46px; }
    .intrabank-wrapper .toggle-btn .toggle-btn-switch {
      display: block;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background-color: #ffffff;
      -webkit-transition: -webkit-transform .5s;
      transition: -webkit-transform .5s;
      transition: transform .5s;
      transition: transform .5s,-webkit-transform .5s; }
  .intrabank-wrapper.active .toggle-btn {
    background-color: #52ae30; }
    .intrabank-wrapper.active .toggle-btn .toggle-btn-switch {
      transform: translateX(100%); }
  .intrabank-wrapper .animationLabel {
    position: absolute;
    top: 16px;
    left: 24px;
    padding: 0 !important;
    font-family: 'Source-Sans-Pro', 'sans-serif';
    font-size: 15px;
    color: rgba(0, 0, 0, 0.54);
    -webkit-transition: color .2s,top .2s,left .2s,-webkit-transform .2s;
    transition: color .2s,top .2s,left .2s,-webkit-transform .2s;
    transition: transform .2s,color .2s,top .2s,left .2s;
    transition: transform .2s,color .2s,top .2s,left .2s,-webkit-transform .2s;
    pointer-events: none;
    will-change: transform;
    z-index: 1; }
    .intrabank-wrapper .animationLabel.date {
      top: 8px;
      left: 19px;
      -webkit-transform: scale3d(0.9, 0.9, 1);
      transform: scale3d(0.9, 0.9, 1);
      color: #52ae30;
      font-family: 'Source-Sans-Pro-semibold', 'sans-serif';
      pointer-events: none; }
  .intrabank-wrapper.focusin .animationLabel {
    top: 8px;
    left: 15px;
    -webkit-transform: scale3d(0.9, 0.9, 1);
    transform: scale3d(0.9, 0.9, 1);
    color: #52ae30;
    font-family: 'Source-Sans-Pro-semibold', 'sans-serif'; }
  .intrabank-wrapper.label-inside-custom-select .animationLabel {
    top: 8px;
    left: 15px;
    -webkit-transform: scale3d(0.9, 0.9, 1);
    transform: scale3d(0.9, 0.9, 1);
    color: #52ae30;
    font-family: 'Source-Sans-Pro-semibold', 'sans-serif';
    pointer-events: none; }
  .intrabank-wrapper.label-inside-custom-select .exhange-form-select {
    padding: 23px 30px 6px 24px;
    cursor: pointer;
    background-color: white; }
  .intrabank-wrapper.label-inside-custom-select .element-border-6 {
    border-radius: 30px; }
  .intrabank-wrapper.label-inside-custom-select .relative {
    position: relative; }
  .intrabank-wrapper.label-inside-custom-select .payment-filter-ico {
    width: 6px;
    height: 10px;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
    fill: #52ae30; }
    .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down {
      right: 12px;
      top: 5px; }
      .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down.pay {
        top: 12px; }
  .intrabank-wrapper.label-inside-custom-select .paymentCode {
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid #dcdcdc;
    background-color: white; }
    .intrabank-wrapper.label-inside-custom-select .paymentCode.predefined {
      background-color: #f1f1f1;
      pointer-events: none;
      color: #989898; }
    .intrabank-wrapper.label-inside-custom-select .paymentCode .wrapper-options {
      max-height: 150px;
      display: none; }
    .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item {
      padding: 15px 16px 15px 24px;
      border-top: 1px solid transparent;
      border-bottom: 1px solid transparent;
      -webkit-transition: all .3s;
      transition: all .3s; }
      .intrabank-wrapper.label-inside-custom-select .paymentCode .exchange-form-dropdown-item:hover {
        background-color: #f5f5f5;
        border-top: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc; }
    .intrabank-wrapper.label-inside-custom-select .paymentCode.active {
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px; }
      .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options {
        display: block;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
        position: absolute;
        width: 197px;
        z-index: 2;
        background-color: white;
        border: 1px solid #dcdcdc;
        overflow: hidden; }
        .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list {
          overflow: scroll;
          max-height: 150px;
          width: 197px;
          padding: 0; }
          .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar {
            background: white;
            width: 3px; }
          .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-track {
            top: 20px;
            background: white; }
          .intrabank-wrapper.label-inside-custom-select .paymentCode.active .wrapper-options > .list::-webkit-scrollbar-thumb {
            background-color: #efefef;
            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: unset;
    font-size: 14px;
    margin-top: 14px;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
    width: 100%;
    padding-left: 19px;
    position: relative;
    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 #d20000;
  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: #d20000;
  border-radius: 16px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .5s,visibility .5s,-webkit-transform .5s;
  transition: opacity .5s,visibility .5s,-webkit-transform .5s;
  transition: transform .5s,opacity .5s,visibility .5s;
  transition: transform .5s,opacity .5s,visibility .5s,-webkit-transform .5s; }

.personal-data-settings .help-info-list {
  padding: 20px;
  list-style-type: disc;
  border: none !important; }

.personal-data-settings .help-info-item {
  color: #FFFFFF;
  font-family: "Source-Sans-Pro", 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: #d20000;
  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: #d20000;
      transform: translate(-50%, -50%);
      content: "";
      position: absolute;
      opacity: 0;
      transition: opacity .3s; }
  .personal-data-settings .accOfficer .custom-radio-button .custom-label {
    font-family: "Mark-Regular", sans-serif;
    font-size: 15px;
    line-height: 1;
    color: rgba(0, 0, 0, 0.87);
    margin: 0; }

.help-info-wrapper {
  position: absolute;
  right: 18px;
  bottom: 12px;
  width: 20px;
  height: 20px;
  cursor: pointer; }
  .help-info-wrapper:hover {
    height: 53px; }
    .help-info-wrapper:hover .help-info-text {
      -webkit-transform: translate(-50%, -16px);
      transform: translate(-50%, -16px);
      opacity: 1;
      visibility: visible; }

.help-info-text {
  position: absolute;
  width: 305px;
  bottom: 33px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background-color: rgba(54, 57, 164, 0.8);
  border-radius: 16px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .5s,visibility .5s,-webkit-transform .5s;
  transition: opacity .5s,visibility .5s,-webkit-transform .5s;
  transition: transform .5s,opacity .5s,visibility .5s;
  transition: transform .5s,opacity .5s,visibility .5s,-webkit-transform .5s; }

.help-info-list {
  padding: 0px 24px 24px 35px;
  list-style-type: disc;
  border: none !important; }

.help-info-item {
  color: #d20000;
  font-family: "Source-Sans-Pro", sans-serif;
  margin-top: 3px;
  font-size: 14px !important; }

.help-ico {
  width: 20px;
  height: 20px;
  fill: #C7C7C7; }

.FastPayment {
  position: relative;
  margin-bottom: 40px; }
  .FastPayment .filter-error-text {
    margin-top: 0px; }
  .FastPayment .s-widget-body {
    position: relative; }
    .FastPayment .s-widget-body .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
      background-color: #E6E6E6; }
  .FastPayment .s-widget-title {
    margin-bottom: 0; }
  .FastPayment .s-widget .s-overlay {
    background-color: transparent; }
  .FastPayment .fastPayment {
    margin-top: 24px; }
  .FastPayment .dot-menu {
    width: 40px;
    height: 40px;
    background-color: #F3F3F3;
    color: #121212;
    border: 2px solid #F3F3F3;
    border-radius: 8px;
    transition: background-color .3s, color .3s, border-color .3s;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent;
    user-select: none; }
    .FastPayment .dot-menu svg {
      width: 20px;
      height: 20px; }
    .FastPayment .dot-menu .popup-content {
      padding: 20px; }
      .FastPayment .dot-menu .popup-content .page-text {
        margin-bottom: 0px; }
    .FastPayment .dot-menu:hover {
      background-color: #E6E6E6;
      border: 2px solid #E6E6E6; }
    .FastPayment .dot-menu-text-wrapper {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -webkit-text-size-adjust: none;
      -webkit-tap-highlight-color: transparent;
      user-select: none;
      margin-bottom: 0;
      top: -60px;
      right: 0; }
      .FastPayment .dot-menu-text-wrapper .page-text {
        padding: 4px 16px 0 0; }
    .FastPayment .dot-menu-inner {
      width: 100%;
      top: 50%;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .FastPayment .dot-menu-inner .dot-menu-dot {
        margin: 2px; }
    .FastPayment .dot-menu .activity-popup-filter {
      width: 235px;
      z-index: 30000; }
      .FastPayment .dot-menu .activity-popup-filter.active {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: .6s;
        transition-delay: .6s; }
      .FastPayment .dot-menu .activity-popup-filter .page-text {
        display: block;
        padding-right: 20px;
        position: relative;
        -webkit-transition: color .5s;
        transition: color .5s; }
        .FastPayment .dot-menu .activity-popup-filter .page-text:hover {
          color: #d20000; }
    .FastPayment .dot-menu .popup-content {
      right: 0; }
  .FastPayment .fast-pay-account {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
    padding: 16px;
    height: 80px;
    width: 100%;
    -webkit-transition: background-color .5s;
    transition: background-color .5s;
    cursor: pointer;
    min-width: 195px;
    max-width: 195px;
    border-radius: 8px;
    transition: background-color .3s;
    gap: 16px; }
    .FastPayment .fast-pay-account:hover {
      background-color: #F3F3F3; }
    .FastPayment .fast-pay-account-img {
      width: 48px;
      height: 48px;
      overflow: hidden; }
      .FastPayment .fast-pay-account-img.no-img {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-transform: uppercase;
        font-size: 16px;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
        line-height: 1; }
    .FastPayment .fast-pay-account .page-text {
      width: -webkit-calc(100% - 48px);
      width: calc(100% - 48px);
      overflow-wrap: break-word;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      font-size: 16px;
      color: #121212;
      line-height: 1.125; }

.ui-dialog.right-dialog.details-dialog {
  width: 560px !important; }

.ui-dialog.right-dialog.visible {
  right: 24px !important; }

.ui-dialog.right-dialog .ui-dialog-content {
  height: 900px; }

.ui-dialog.right-dialog.accountsFavorites {
  top: 20% !important;
  bottom: 24px;
  height: auto !important;
  margin: 0 !important;
  padding: 0;
  overflow: hidden !important;
  max-height: 580px; }
  .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: auto !important;
    padding: 32px; }
    .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: #E6E6E6 !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: 32px; }
    .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .all-accounts-popup-wrapper {
      position: relative;
      height: 100%;
      padding: 0px; }
    .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .account-item-inner {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      height: auto !important; }
    .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .account-select-item .account-select-item-text {
      padding-right: 25px; }
      .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .account-select-item .account-select-item-text .page-text {
        margin-bottom: 0; }
    .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .account-select-item .add-remove-favorite-star {
      position: absolute;
      stroke: #C7C7C7;
      fill: transparent;
      -webkit-transition: fill .5s,stroke .5s;
      transition: fill .5s,stroke .5s;
      width: 20px;
      height: 20px;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
      .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .account-select-item .add-remove-favorite-star.active {
        stroke: #252888;
        fill: #252888; }
    .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .account-select-item-text {
      padding-left: 24px;
      width: calc(100% - 30px);
      font-family: "Mark-Regular", sans-serif; }
    .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; }
    .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .account-select-popup-item {
      border: none;
      border-bottom: 1px solid #E6E6E6;
      padding: 16px;
      border-radius: 0px !important;
      box-shadow: none;
      transition: background-color .5s; }
      .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .account-select-popup-item:hover {
        box-shadow: none; }
    .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .add-remove-favorite-item {
      border-radius: 40px;
      height: 60px; }
      .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .add-remove-favorite-item .user-account-card-img {
        width: 24px;
        height: 24px;
        box-shadow: none;
        overflow: hidden; }
        .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .add-remove-favorite-item .user-account-card-img .page-text-3 {
          position: absolute;
          line-height: 1;
          margin-bottom: 0;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
    .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .beneficiaries-fav {
      position: absolute;
      fill: transparent;
      -webkit-transition: fill .5s,stroke .5s;
      transition: fill .5s,stroke .5s;
      width: 20px;
      height: 20px;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
      .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .beneficiaries-fav .beneficiaries-star.empty {
        display: block; }
      .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .beneficiaries-fav .beneficiaries-star.filled {
        display: none; }
      .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .beneficiaries-fav.active {
        /* svg {
                                stroke: #F60;
                                fill: #F60;
                            }*/ }
        .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .beneficiaries-fav.active .beneficiaries-star.empty {
          display: none; }
        .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .beneficiaries-fav.active .beneficiaries-star.filled {
          display: block; }

.ui-widget.ui-widget-content {
  border: none !important; }

.filter-error-text {
  max-width: 350px;
  margin: auto;
  margin-top: 100px; }

.filter-error-ico {
  width: 48px;
  height: 48px;
  stroke: #6F6F6F; }

.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-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-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-list-text {
  color: #52ae30; }

.main-nav-link-ico {
  position: relative;
  width: 40px;
  height: 40px;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s; }

.main-nav-link-ico-svg {
  position: absolute;
  color: #888;
  fill: #888;
  width: 20px;
  height: 20px;
  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: transparent;
  user-select: none; }

.popup-ammount-wrapper {
  margin-right: 8%; }
  .popup-ammount-wrapper .user-account-card-img.accounts {
    width: 100%;
    height: 158px;
    border-radius: 12px;
    overflow: hidden;
    /*            background-image: url(images/icons/home-acc-pic.jpg);*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }
  .popup-ammount-wrapper .user-account-card-img.cards {
    height: 48px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    background-image: url(images/icons/card-1.jpg);
    background-repeat: no-repeat;
    padding-left: 0 !important;
    background-position: center;
    background-size: contain; }
  .popup-ammount-wrapper .user-account-card-img.card {
    width: 250px !important;
    height: 158px;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.16) !important;
    margin: auto;
    border-radius: 12px;
    position: relative;
    margin-bottom: 20px; }
    .popup-ammount-wrapper .user-account-card-img.card.block {
      display: block; }
    .popup-ammount-wrapper .user-account-card-img.card .card-image {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      background-repeat: no-repeat;
      background-size: 272px 175px;
      background-position: 50%; }
      .popup-ammount-wrapper .user-account-card-img.card .card-image.card-602 {
        background-image: url("images/cards-types/card-602.png"); }
      .popup-ammount-wrapper .user-account-card-img.card .card-image.card-605 {
        background-image: url("images/cards-types/card-605.png"); }
      .popup-ammount-wrapper .user-account-card-img.card .card-image.card-609 {
        background-image: url("images/cards-types/card-609.png"); }
      .popup-ammount-wrapper .user-account-card-img.card .card-image.card-610 {
        background-image: url("images/cards-types/card-610.png"); }
      .popup-ammount-wrapper .user-account-card-img.card .card-image.card-616 {
        background-image: url("images/cards-types/card-616.png"); }
      .popup-ammount-wrapper .user-account-card-img.card .card-image.card-617 {
        background-image: url("images/cards-types/card-617.png"); }
      .popup-ammount-wrapper .user-account-card-img.card .card-image.card-618 {
        background-image: url("images/cards-types/card-618.png"); }
      .popup-ammount-wrapper .user-account-card-img.card .card-image.card-627 {
        background-image: url("images/cards-types/card-627.png"); }
      .popup-ammount-wrapper .user-account-card-img.card .card-image.card-635 {
        background-image: url("images/cards-types/card-635.png"); }
      .popup-ammount-wrapper .user-account-card-img.card .card-image.card-637 {
        background-image: url("images/cards-types/card-637.png"); }
      .popup-ammount-wrapper .user-account-card-img.card .card-image.card-642 {
        background-image: url("images/cards-types/card-642.png"); }
      .popup-ammount-wrapper .user-account-card-img.card .card-image.card-670 {
        background-image: url("images/cards-types/card-670.png"); }
      .popup-ammount-wrapper .user-account-card-img.card .card-image.card-680 {
        background-image: url("images/cards-types/card-680.png"); }
      .popup-ammount-wrapper .user-account-card-img.card .card-image.card-683 {
        background-image: url("images/cards-types/card-683.png"); }
      .popup-ammount-wrapper .user-account-card-img.card .card-image.card-690 {
        background-image: url("images/cards-types/card-690.png"); }
      .popup-ammount-wrapper .user-account-card-img.card .card-image.card-681 {
        background-image: url("images/cards-types/card-681.png"); }
  .popup-ammount-wrapper.transaction-amount span {
    font-family: 'Source-Sans-Pro-semibold', 'sans-serif';
    font-size: 15px; }

.popup-ammount-wrapper .transaction-state.transaction-done {
  color: #52ae30; }

.popup-ammount-ico-wrapper {
  width: 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: 32px;
  height: 30px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  stroke: rgba(0, 0, 0, 0.87); }

.transaction-popup-option .page-text {
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
  padding: 0 25px 0 16px;
  -webkit-transition: color .5s;
  transition: color .5s; }

.transaction-popup-option .profile-text-arrow {
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s,-webkit-transform .5s; }

.transaction-popup-option .dot-menu {
  -webkit-transition: all .5s;
  transition: all .5s; }

.transaction-popup-option:hover .profile-text-arrow {
  -webkit-transform: translate(10px, -50%);
  transform: translate(10px, -50%); }

/* .transaction-popup-option:hover .dot-menu {
        background-color: #52ae30
    }*/
/*.transaction-popup-option:hover .main-nav-link-ico-svg {
        stroke: #ffffff;
        fill: #fff;
        color: #fff;
    }*/
/*.transaction-popup-option:hover .page-text {
        color: #52ae30
    }*/
.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:hover {
        color: #52ae30;
        transition: background-color.3s;
    }*/ }
  .user-account-card-right-col-inner .text-color-2:hover {
    transition: background-color 0.3s; }
  .user-account-card-right-col-inner .text-color-6:hover {
    background-color: #2a7f00; }

.transaction-popup-detail.side-trigger:hover .main-nav-link-ico-svg {
  stroke: #fff; }

.transaction-popup-detail.side-trigger {
  cursor: pointer; }

.transaction-popup-detail .dot-menu {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all .5s;
  transition: all .5s; }

.transaction-popup-detail .page-text.active {
  color: #d20000; }

.transaction-popup-detail .page-text.inactive {
  color: red; }

.transaction-popup-detail-hidden-group {
  display: none; }

.transaction-popup-detail-expand-group {
  width: 100%;
  text-align: center;
  padding: 18px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%); }

.transaction-popup-detail-expand-group .transaction-popup-detail-expand-ico-text {
  position: relative;
  font-family: "Mark-Regular", sans-serif;
  font-size: 14px;
  line-height: 1;
  color: #52ae30;
  padding: 12px 60px; }

.transaction-popup-detail-expand-group .transaction-popup-detail-expand-ico-text.active .ico-minus {
  opacity: 1;
  visibility: visible; }

.transaction-popup-detail-expand-group .transaction-popup-detail-expand-ico-text.active .ico-plus {
  opacity: 0;
  visibility: hidden; }

.transaction-popup-detail-expand-group .transaction-popup-detail-expand-ico-text.active .expanded-text {
  display: inline-block; }

.transaction-popup-detail-expand-group .transaction-popup-detail-expand-ico-text.active .unexpanded-text {
  display: none; }

.transaction-popup-detail-expand-group .transaction-popup-detail-expand-ico {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 60px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  stroke: #52ae30; }

.transaction-popup-detail-expand-group .ico-minus {
  opacity: 0;
  visibility: hidden; }

.transaction-popup-detail-expand-group .transaction-popup-detail-expand-text {
  display: inline-block;
  margin-bottom: 0;
  padding-left: 24px; }

.transaction-popup-detail-expand-group .expanded-text {
  display: none; }

.user-accout-background-card {
  position: absolute;
  width: 96%;
  height: 100%;
  left: 50%;
  top: -11px;
  border-radius: 16px;
  opacity: .5;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.user-accout-background-card:nth-child(2) {
  opacity: .25;
  top: -19px;
  width: 93%; }

.user-account-card-outer {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0; }

.user-account-card-outer.account-card-active {
  position: relative;
  overflow: unset;
  border-radius: 16px;
  transition: .5s ease; }
  .user-account-card-outer.account-card-active.showMore {
    overflow: unset;
    background: white; }

.user-account-card {
  border-radius: 20px;
  padding: 24px; }

.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%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.user-accout-card-img {
  position: relative;
  width: 40px;
  height: 40px;
  overflow: hidden;
  background-color: #f3f3f3; }

.user-acount-card-svg {
  position: absolute;
  color: rgba(0, 0, 0, 0.87);
  width: 36px;
  height: 36px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: color .5s;
  transition: color .5s; }

.user-accout-card-right-col {
  padding-left: 40px;
  width: 31%; }

.user-accout-card-right-col .user-intro-select-item {
  width: 33.333333%;
  text-align: center;
  padding: 0 10px; }

.user-accout-card-right-col .user-intro-select-item.active, .user-accout-card-right-col .user-intro-select-item:hover {
  color: rgba(0, 0, 0, 0.87); }

.user-accout-card-right-col img {
  width: 100%;
  height: auto; }

.account-detail-popup .popup-ammount-ico-wrapper {
  width: 60px;
  height: 60px; }

.account-detail-popup .popup-ammount-ico {
  width: 32px;
  height: 22px;
  stroke: rgba(0, 0, 0, 0.87); }

.messageBoxElement {
  padding-bottom: 10px; }

.ui-dialog-buttonpane {
  padding-top: 17px !important; }

.pending-expenses-box {
  margin-top: 15px;
  display: flex;
  align-items: flex-start; }

.pending-expenses-ico-col {
  width: 60%; }

.pending-expenses-text {
  width: -webkit-calc(100% - 60px);
  width: calc(100% - 60px); }

.pending-expenses-sum {
  width: 30%; }

.pending-expenses-sum span {
  margin-left: 10px; }

.none-padding-left {
  padding-left: 0px !important; }

.transaction-popup-detail .page-text.active {
  color: #52ae30; }

.transaction-popup-detail .page-text.bold {
  font-weight: bold; }

.account-detail-popup .popup-ammount-ico-wrapper {
  width: 60px;
  height: 60px; }

.account-detail-popup .popup-ammount-ico {
  width: 32px;
  height: 22px;
  stroke: rgba(0, 0, 0, 0.87); }

.account-detail-menu {
  width: 100px; }

.account-detail-menu .activity-popup-filter {
  right: -28px;
  width: 200px; }

.textAccountDetails {
  color: #666;
  font-family: "Mark-Medium", sans-serif;
  font-size: 14px; }

.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: "Mark-Regular", 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%;
  border-radius: 16px;
  padding: 32px;
  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; }

.login-form .validationMessage {
  position: absolute;
  top: 48px;
  left: 0;
  margin: 0;
  padding-left: 2px;
  line-height: 1; }

.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-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 {
  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; } }

.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", sans-serif !important;
    color: #666666 !important;
    line-height: initial; }
  .success-token-block button,
  .success-token-reactivation button {
    background-color: #d20000 !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: "Mark-Regular", 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: 15px !important;
  font-family: "Source-Sans-Pro", sans-serif !important;
  line-height: 24px;
  color: #333333 !important;
  margin-top: 10px;
  margin-bottom: 20px !important; }

.no-yes-token .ui-dialog-buttonset {
  margin-bottom: -20px !important; }

.no-yes-token .ui-dialog-titlebar:before {
  margin-bottom: 5px !important; }

.promo-cards-wrapper {
  margin-left: -9px;
  margin-right: -9px;
  display: flex;
  flex-wrap: wrap; }
  .promo-cards-wrapper .promo-card {
    width: calc(33.333333% - 18px);
    margin: 0 9px 44px 9px;
    border-radius: 30px;
    overflow: hidden;
    background-color: #FFFFFF;
    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.12);
    transition: box-shadow .3s; }
    .promo-cards-wrapper .promo-card:hover {
      box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.24); }
      .promo-cards-wrapper .promo-card:hover .promo-card-img {
        transform: scale(1.05); }
  .promo-cards-wrapper .promo-card-img-wrapper {
    width: 100%;
    height: 14vw;
    max-height: 200px;
    overflow: hidden;
    background-color: #d20000; }
  .promo-cards-wrapper .promo-card-img {
    transition: transform .3s ease-in; }
  .promo-cards-wrapper .promo-card-content {
    padding: 22px 24px;
    background-color: #FFFFFF; }
    .promo-cards-wrapper .promo-card-content.promo-card-content-center {
      height: calc(100% - 14vw); }
  .promo-cards-wrapper .promo-card-logo-wrapper {
    width: 40px;
    height: 40px;
    border: 1px solid #DCDCDC;
    border-radius: 50%;
    overflow: hidden; }
  .promo-cards-wrapper .promo-card-text-wrapper {
    width: calc(100% - 40px);
    padding-left: 16px; }

.Forms_ActiveWorkflowListSOG .transaction-filter-inner .dk-selected {
  padding: 11px 12px 11px 18px;
  white-space: nowrap;
  overflow: hidden;
  background-color: white;
  border-radius: 25px;
  height: 18px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  position: relative;
  z-index: 2;
  transform: translate(0px, 0px); }

.Forms_ActiveWorkflowListSOG .transaction-filter-inner .dk-select-options {
  width: 107% !important; }
  .Forms_ActiveWorkflowListSOG .transaction-filter-inner .dk-select-options::-webkit-scrollbar {
    background: transparent;
    width: 5px;
    background: -webkit-linear-gradient(0, blue 50%, white 100%); }
  .Forms_ActiveWorkflowListSOG .transaction-filter-inner .dk-select-options::-webkit-scrollbar-track {
    top: 20px;
    background: white;
    height: 3px;
    transform: translate(0%, 0%); }
  .Forms_ActiveWorkflowListSOG .transaction-filter-inner .dk-select-options::-webkit-scrollbar-thumb {
    background-color: #efefef;
    border-radius: 5px;
    width: 4px;
    height: 3px;
    transform: translate(0%, 0%); }
  .Forms_ActiveWorkflowListSOG .transaction-filter-inner .dk-select-options li.dk-option-selected {
    background: transparent; }

.Forms_ActiveWorkflowListSOG .account-request {
  width: 17%; }

.Forms_ActiveWorkflowListSOG .group-inner {
  padding-left: 30px !important;
  width: 18% !important; }

.Forms_ActiveWorkflowListSOG .transaction-filter-box {
  width: 172px !important;
  margin: 0px 4px 10px !important; }

.Forms_ActiveWorkflowListSOG .payment-filter-box:first-child {
  width: 12% !important;
  padding-left: 30px !important; }

.Forms_ActiveWorkflowListSOG .payment-filter-box .page-text-2 {
  padding-right: 10px !important; }

.Forms_ActiveWorkflowListSOG .account-statements-info {
  padding: 8px 20px 8px 0 !important;
  border-radius: 28px !important;
  -webkit-transition: background-color .5s !important;
  transition: background-color .5s !important; }

.Forms_ActiveWorkflowListSOG .account-statement-pdf-download p {
  padding-left: 5px !important; }

.Forms_ActiveWorkflowListSOG .transaction-filter-box {
  max-width: 216px !important;
  margin: 0 4px 10px !important;
  width: 30% !important; }

.Forms_ActiveWorkflowListSOG .label-1 {
  display: block;
  font-family: "Mark-Medium", sans-serif;
  font-size: 14px;
  line-height: 1.42;
  color: #666;
  padding: 0 20px;
  margin-bottom: 8px; }

.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: #ffffff !important;
  background-image: none !important; }

.overlay-slider-1 {
  opacity: 0.001 !important; }

.test ul {
  margin-left: calc(50% - 200px) !important;
  top: -15px !important; }

.ui-dialog.right-dialog.details-dialog.changePasswordClass {
  top: 50% !important;
  left: 50% !important;
  transform: translateX(-50%) translateY(-50%); }

.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; }

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; }
    div[aria-describedby="changePasswordDialog"] #changePasswordDialog .my-profile-form.exchange-form-wrapper.active .page-text.font-3.text-color-3.margin-4 {
      margin: 30px 0 15px 0; }
    div[aria-describedby="changePasswordDialog"] #changePasswordDialog .my-profile-form.exchange-form-wrapper.active .new-passowrd-rules {
      padding: 20px; }
      div[aria-describedby="changePasswordDialog"] #changePasswordDialog .my-profile-form.exchange-form-wrapper.active .new-passowrd-rules p {
        padding: 0 !important;
        margin: 0 0 10px 10px;
        font-size: 18px; }
      div[aria-describedby="changePasswordDialog"] #changePasswordDialog .my-profile-form.exchange-form-wrapper.active .new-passowrd-rules div ul {
        padding-left: 10px; }
        div[aria-describedby="changePasswordDialog"] #changePasswordDialog .my-profile-form.exchange-form-wrapper.active .new-passowrd-rules div ul li {
          color: #52ae30;
          font-family: 'Source-Sans-Pro-semibold';
          position: relative; }
          div[aria-describedby="changePasswordDialog"] #changePasswordDialog .my-profile-form.exchange-form-wrapper.active .new-passowrd-rules div ul li:before {
            content: '';
            width: 5px;
            height: 5px;
            background: #52ae30;
            border-radius: 50%;
            position: absolute;
            top: calc(50% - 2.5px);
            left: -10px; }
    div[aria-describedby="changePasswordDialog"] #changePasswordDialog .my-profile-form.exchange-form-wrapper.active .btn-wrapper {
      display: flex;
      padding-bottom: 15px; }
      div[aria-describedby="changePasswordDialog"] #changePasswordDialog .my-profile-form.exchange-form-wrapper.active .btn-wrapper button {
        font-family: 'Source-Sans-Pro-semibold';
        box-shadow: 0 8px 24px rgba(54, 60, 164, 0.4) !important;
        transition: all 0.4s ease; }
        div[aria-describedby="changePasswordDialog"] #changePasswordDialog .my-profile-form.exchange-form-wrapper.active .btn-wrapper button:hover {
          box-shadow: 0 8px 12px rgba(54, 60, 164, 0.4) !important; }
        div[aria-describedby="changePasswordDialog"] #changePasswordDialog .my-profile-form.exchange-form-wrapper.active .btn-wrapper button:nth-child(2) {
          background: #ffffff;
          color: #52ae30; }
    div[aria-describedby="changePasswordDialog"] #changePasswordDialog .my-profile-form.exchange-form-wrapper.active .input-wrapper .wrapper-label-input {
      border: 1px solid rgba(0, 0, 0, 0.54);
      height: 50px; }
  div[aria-describedby="changePasswordDialog"] .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle {
    background-color: transparent;
    padding: 0;
    border: none;
    transform: translateY(-30px); }
  div[aria-describedby="changePasswordDialog"] .ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transform: translateY(28px);
    border: none;
    z-index: 2;
    background: transparent; }
  div[aria-describedby="changePasswordDialog"] .all-account-popup-title.flex-layout.flex-center.space-between.center-popup-title h3 {
    width: 100%;
    text-align: center; }
  div[aria-describedby="changePasswordDialog"] .all-account-popup-title.flex-layout.flex-center.space-between.center-popup-title .all-account-close.element-border-4.background-4.relative {
    transform: translateX(35px); }

.session .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix .ui-dialog-buttonset button {
  width: 100% !important; }

.unclickable-checkbox {
  background: rgba(199, 199, 199, 0.5) !important;
  cursor: default !important; }

.disabled-input-field {
  pointer-events: none !important;
  background: #E8E9ED !important; }

.passChangedBtn .ui-widget-content .ui-dialog-buttonset button {
  width: 100% !important;
  background-color: #F5F5F5 !important;
  color: #52AE30 !important;
  border: 1px solid #DCDCDC !important;
  padding: 10px 28px !important; }

.filter-error-text-turnoverDetail {
  margin-top: 10%; }
  .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: "Mark-Regular", 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: "Mark-Regular", 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: left;
    background-color: #d20000 !important;
    color: #FFFFFF !important; }
    .block-card-popup .ui-dialog-buttonset .ui-button:nth-child(1):hover {
      background-color: #b40000 !important; }
  .block-card-popup .ui-dialog-buttonset .ui-button:nth-child(2) {
    float: right;
    background-color: #F3F3F3 !important;
    color: #000000 !important; }
    .block-card-popup .ui-dialog-buttonset .ui-button:nth-child(2):hover {
      background-color: #E5E5E5 !important; }

.dashboard-home .Chart {
  display: none !important; }

.cardActivationDialog .group-inner {
  margin-bottom: 20px !important; }

.active-card-status {
  color: #d20000 !important; }

.pfm-budgeting-boxes-wrapper,
#gvFinanceTurnover {
  margin-bottom: 80px !important; }

.tagIsSelected {
  background-color: #d20000 !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: lowercase;
  display: block; }
  .cardInfoStatusDisplay::first-letter {
    text-transform: uppercase; }

.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: #d20000;
    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: #d20000;
    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 #d20000 !important;
    background-color: #d20000 !important;
    color: #FFFFFF !important; }
    .session .ui-dialog-buttonpane .ui-dialog-buttonset button:hover {
      backgound-color: #b40000; }

.limit-success-change .ui-dialog-titlebar {
  display: block !important;
  background: none !important;
  border: none !important;
  font-size: 24px;
  font-family: "Mark-Regular", sans-serif; }
  .limit-success-change .ui-dialog-titlebar:before {
    background-color: transparent !important;
    background-image: url(images/icons/limit-change-ico.png);
    background-repeat: no-repeat !important;
    background-size: 101px;
    width: 101px !important;
    height: 101px !important; }
  .limit-success-change .ui-dialog-titlebar button {
    display: none !important; }
  .limit-success-change .ui-dialog-titlebar .ui-dialog-title {
    width: 100% !important;
    white-space: normal !important; }

.accounts-cards-sa .accOfficer .input-wrapper .acc-card-icon {
  width: 40px;
  height: 40px;
  float: left;
  margin-left: 15px;
  position: absolute;
  transform: translateY(-50%);
  top: 50%; }
  .accounts-cards-sa .accOfficer .input-wrapper .acc-card-icon svg {
    width: 27px;
    height: 27px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    stroke: rgba(0, 0, 0, 0.87);
    position: absolute;
    margin-right: 15px; }
  .accounts-cards-sa .accOfficer .input-wrapper .acc-card-icon i {
    background-image: url(images/menu-icons/ico_cards@2x.png);
    background-size: 24px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    width: 27px;
    height: 27px;
    position: absolute;
    background-position: 50% 50%; }

.accounts-cards-sa .accOfficer .input-wrapper .toggle-btn {
  position: absolute;
  width: 40px;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  border-radius: 20px;
  padding: 5px;
  transition: background-color .5s;
  background-color: #E1E1E1;
  pointer-events: none; }
  .accounts-cards-sa .accOfficer .input-wrapper .toggle-btn .toggle-btn-switch {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #FFFFFF;
    transition: transform .5s; }

.accounts-cards-sa .accOfficer .input-wrapper .accounts-and-cards {
  position: relative;
  display: block;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.6);
  padding: 8px 15px 8px 64px !important;
  border-radius: 40px !important; }
  .accounts-cards-sa .accOfficer .input-wrapper .accounts-and-cards p {
    margin-bottom: 0px !important; }

.accounts-cards-sa .accOfficer .input-wrapper.active .toggle-btn {
  background-color: #d20000; }
  .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; }

.accStatus {
  display: inline-flex;
  align-items: center; }
  .accStatus .dot-decoration {
    width: 8px;
    height: 8px;
    opacity: 1; }
    .accStatus .dot-decoration.active {
      background: #52AE30 0% 0% no-repeat padding-box; }
    .accStatus .dot-decoration.inactive {
      background: #FF435A 0% 0% no-repeat padding-box; }
  .accStatus .accountStatusLabel {
    margin-left: 25%;
    min-width: 73px;
    text-transform: uppercase;
    font-family: 'Source-Sans-Pro-semibold';
    font-size: 12px;
    text-align: left;
    letter-spacing: 1.2px;
    display: inline;
    color: rgba(0, 0, 0, 0.54); }

.swift {
  margin-bottom: 0; }

.legal-entity.ui-dialog:not(.right-dialog):not(.support-dialog) {
  width: 600px !important; }

.legal-entity.ui-dialog:not(.right-dialog):not(.support-dialog),
.legalEntityModal.ui-dialog:not(.right-dialog):not(.support-dialog) {
  margin-top: 10% !important;
  height: 80vh !important;
  position: absolute !important;
  display: block !important;
  width: 600px !important;
  overflow-y: scroll;
  left: 462px !important;
  border: 1px solid #cbcbcb !important;
  z-index: 999 !important;
  visibility: visible !important;
  opacity: 1 !important; }
  .legal-entity.ui-dialog:not(.right-dialog):not(.support-dialog) .selectLegalEntityDialog,
  .legalEntityModal.ui-dialog:not(.right-dialog):not(.support-dialog) .selectLegalEntityDialog {
    width: auto;
    min-height: 56px;
    max-height: none;
    height: auto;
    position: relative;
    border: 0;
    padding: 0.5em 1em;
    background: none;
    overflow: auto; }
    .legal-entity.ui-dialog:not(.right-dialog):not(.support-dialog) .selectLegalEntityDialog .clientGrid,
    .legalEntityModal.ui-dialog:not(.right-dialog):not(.support-dialog) .selectLegalEntityDialog .clientGrid {
      border-collapse: collapse;
      border: none;
      background-color: #ffffff; }
    .legal-entity.ui-dialog:not(.right-dialog):not(.support-dialog) .selectLegalEntityDialog table thead tr, .legal-entity.ui-dialog:not(.right-dialog):not(.support-dialog) .selectLegalEntityDialog .selectLegalEntityDialog table thead tr td,
    .legalEntityModal.ui-dialog:not(.right-dialog):not(.support-dialog) .selectLegalEntityDialog table thead tr,
    .legalEntityModal.ui-dialog:not(.right-dialog):not(.support-dialog) .selectLegalEntityDialog .selectLegalEntityDialog table thead tr td {
      background-color: #F1F1F1 !important;
      font-size: 20px;
      color: black;
      padding: 0 0 0 10px;
      font-weight: 300;
      border: none; }
    .legal-entity.ui-dialog:not(.right-dialog):not(.support-dialog) .selectLegalEntityDialog table tr,
    .legalEntityModal.ui-dialog:not(.right-dialog):not(.support-dialog) .selectLegalEntityDialog table tr {
      height: 56px;
      border-bottom: 2px solid #F1F1F1 !important; }
    .legal-entity.ui-dialog:not(.right-dialog):not(.support-dialog) .selectLegalEntityDialog .clientGrid thead th,
    .legalEntityModal.ui-dialog:not(.right-dialog):not(.support-dialog) .selectLegalEntityDialog .clientGrid thead th {
      padding: 5px;
      padding-bottom: 10px;
      background-color: #ffffff;
      color: #7f7f7f; }
    .legal-entity.ui-dialog:not(.right-dialog):not(.support-dialog) .selectLegalEntityDialog .clientGrid thead tr th.align-left,
    .legalEntityModal.ui-dialog:not(.right-dialog):not(.support-dialog) .selectLegalEntityDialog .clientGrid thead tr th.align-left {
      text-align: left; }
    .legal-entity.ui-dialog:not(.right-dialog):not(.support-dialog) .selectLegalEntityDialog .clientGrid tbody tr.even,
    .legalEntityModal.ui-dialog:not(.right-dialog):not(.support-dialog) .selectLegalEntityDialog .clientGrid tbody tr.even {
      background-color: #f0f0f0; }
    .legal-entity.ui-dialog:not(.right-dialog):not(.support-dialog) .selectLegalEntityDialog .clientGrid tbody tr,
    .legalEntityModal.ui-dialog:not(.right-dialog):not(.support-dialog) .selectLegalEntityDialog .clientGrid tbody tr {
      background-color: #ffffff; }
    .legal-entity.ui-dialog:not(.right-dialog):not(.support-dialog) .selectLegalEntityDialog table tr td,
    .legalEntityModal.ui-dialog:not(.right-dialog):not(.support-dialog) .selectLegalEntityDialog table tr td {
      background-color: white !important;
      padding: 0 0 0 10px;
      font-weight: 100; }

.filter-radio {
  display: -webkit-inline-box;
  width: 25% !important; }
  .filter-radio .transaction-filter-box {
    display: block;
    width: 50%; }
    .filter-radio .transaction-filter-box input {
      position: absolute; }
    .filter-radio .transaction-filter-box .label-1 {
      margin-left: 15px; }

.AccountStatementsCorporateV2 .dk-selected.active,
.CardStatementsCorporateV2 .dk-selected.active {
  border-radius: 25px 25px 0 0;
  border-bottom: 2px solid #52ae30; }

.AccountStatementsCorporateV2 .payment-filter-box:first-child,
.CardStatementsCorporateV2 .payment-filter-box:first-child {
  width: 17%;
  padding-left: 72px; }

.AccountStatementsCorporateV2 .payment-filter-box:nth-child(2),
.CardStatementsCorporateV2 .payment-filter-box:nth-child(2) {
  width: 27.4%; }

.AccountStatementsCorporateV2 .payment-filter-box:nth-child(3).konto,
.CardStatementsCorporateV2 .payment-filter-box:nth-child(3).konto {
  padding-left: 0; }

.AccountStatementsCorporateV2 .account-statement-pdf-download p:first-child,
.CardStatementsCorporateV2 .account-statement-pdf-download p:first-child {
  width: 23%; }

.AccountStatementsCorporateV2 .account-statement-pdf-download p:nth-child(2),
.CardStatementsCorporateV2 .account-statement-pdf-download p:nth-child(2) {
  width: 20%;
  padding-left: 0; }

.AccountStatementsCorporateV2 .transaction-filter-box .validationMessage,
.CardStatementsCorporateV2 .transaction-filter-box .validationMessage {
  position: absolute;
  bottom: -20px;
  left: 0; }

.AccountStatementsCorporateV2 .transaction-filter-box .input-wrap,
.CardStatementsCorporateV2 .transaction-filter-box .input-wrap {
  position: relative; }

.AccountStatementsCorporateV2 .statementNo,
.CardStatementsCorporateV2 .statementNo {
  height: 40px;
  padding: 0 0 0 20px;
  width: -webkit-fill-available; }

.AccountStatementsCorporateV2 .filter-radio-btn,
.CardStatementsCorporateV2 .filter-radio-btn {
  display: flex;
  align-self: center;
  position: relative; }
  .AccountStatementsCorporateV2 .filter-radio-btn:first-child,
  .CardStatementsCorporateV2 .filter-radio-btn:first-child {
    width: 20%;
    margin-right: 16px; }
  .AccountStatementsCorporateV2 .filter-radio-btn:nth-child(2),
  .CardStatementsCorporateV2 .filter-radio-btn:nth-child(2) {
    width: 25%;
    margin-right: 8px; }

.AccountStatementsCorporateV2 .transaction-filter-box:first-child,
.CardStatementsCorporateV2 .transaction-filter-box:first-child {
  padding-left: 10px; }

.AccountStatementsCorporateV2 input#dateFilter, .AccountStatementsCorporateV2 input#yearFilter,
.CardStatementsCorporateV2 input#dateFilter,
.CardStatementsCorporateV2 input#yearFilter {
  display: grid;
  border: 1px solid #888;
  appearance: none;
  background-color: #ffffff;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin: 0 5px 0 0; }
  .AccountStatementsCorporateV2 input#dateFilter:checked, .AccountStatementsCorporateV2 input#yearFilter:checked,
  .CardStatementsCorporateV2 input#dateFilter:checked,
  .CardStatementsCorporateV2 input#yearFilter:checked {
    background: #d20000;
    border: 1px solid transparent;
    opacity: 1; }
    .AccountStatementsCorporateV2 input#dateFilter:checked:before, .AccountStatementsCorporateV2 input#yearFilter:checked:before,
    .CardStatementsCorporateV2 input#dateFilter:checked:before,
    .CardStatementsCorporateV2 input#yearFilter:checked:before {
      transform: scale(1);
      content: "";
      background-color: #FFFFFF;
      width: 6px;
      height: 6px;
      place-self: center;
      border-radius: 50%; }

.AccountStatementsCorporateV2 .filter-radio-btn:has(input:before),
.CardStatementsCorporateV2 .filter-radio-btn:has(input:before) {
  background-color: #faeede; }

.AccountStatementsCorporateV2 .dk-select,
.CardStatementsCorporateV2 .dk-select {
  font-size: 15px;
  cursor: pointer; }
  .AccountStatementsCorporateV2 .dk-select.select-1,
  .CardStatementsCorporateV2 .dk-select.select-1 {
    position: relative; }
    .AccountStatementsCorporateV2 .dk-select.select-1:after,
    .CardStatementsCorporateV2 .dk-select.select-1:after {
      content: "";
      display: block;
      width: 9px;
      height: 40px;
      position: absolute;
      top: 0;
      right: 18px;
      background-size: 9px;
      z-index: 4; }

.AccountStatementsCorporateV2 .dk-selected,
.CardStatementsCorporateV2 .dk-selected {
  padding: 11px 35px 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: 1;
  transform: translate(3px, 6px); }
  .AccountStatementsCorporateV2 .dk-selected:before,
  .CardStatementsCorporateV2 .dk-selected:before {
    content: '';
    display: block; }

.AccountStatementsCorporateV2 .dk-option,
.CardStatementsCorporateV2 .dk-option {
  padding: 10px 18px;
  color: #000000;
  background: transparent;
  transition: background-color .3s;
  border-bottom: 1px solid transparent; }

.AccountStatementsCorporateV2 .dk-select-options,
.CardStatementsCorporateV2 .dk-select-options {
  position: absolute;
  display: none;
  left: 0;
  right: 0;
  width: 100% !important;
  padding-top: 33px;
  top: 11px;
  z-index: 3;
  border-radius: 15px;
  background-color: white;
  list-style: none;
  margin: 0;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12); }
  .AccountStatementsCorporateV2 .dk-select-options.active,
  .CardStatementsCorporateV2 .dk-select-options.active {
    display: block !important; }

.AccountStatementsCorporateV2 .dk-selected,
.CardStatementsCorporateV2 .dk-selected {
  transform: none !important;
  z-index: 4; }

.AccountStatementsCorporateV2 .transaction-filter-submit-statements,
.CardStatementsCorporateV2 .transaction-filter-submit-statements {
  padding: 0; }

.accountTurnoverFilter .transaction-filter-submit {
  padding: 1px 13px !important; }

.floating-label {
  display: flex; }
  .floating-label .color-credit {
    font-size: 15px;
    font-family: "Source-Sans-Pro-bold", sans-serif;
    padding-right: 0px;
    color: #52AE30; }
  .floating-label .label-1 {
    font-weight: 600;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.54);
    display: contents; }
  .floating-label .total-turnover {
    width: 60%; }
  .floating-label .debit-turnover,
  .floating-label .credit-turnover {
    width: 20%;
    text-align: end; }

.filter-error-text {
  margin-top: 60px; }

.tableFilter .transaction-filter-inner .dk-select-options {
  width: auto !important;
  padding-top: 0px;
  margin-top: 35px;
  top: 11px;
  border-radius: 8px;
  z-index: 6;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  box-shadow: 0 2px rgba(18, 18, 18, 0.16); }

.LoanBalancePreviewCorporate .user-acount-card-svg,
.AccountBalancePreviewCorporateV2 .user-acount-card-svg,
.DepositBalancePreviewCorporateV2 .user-acount-card-svg,
.CardBalancePreviewCorporateV3 .user-acount-card-svg {
  width: 22px;
  height: 21px; }

.LoanBalancePreviewCorporate .tabslider,
.AccountBalancePreviewCorporateV2 .tabslider,
.DepositBalancePreviewCorporateV2 .tabslider,
.CardBalancePreviewCorporateV3 .tabslider {
  position: relative;
  z-index: 2;
  width: 220px;
  margin-top: 3%;
  left: 40%; }
  .LoanBalancePreviewCorporate .tabslider .accountSliderSw-switch > span,
  .AccountBalancePreviewCorporateV2 .tabslider .accountSliderSw-switch > span,
  .DepositBalancePreviewCorporateV2 .tabslider .accountSliderSw-switch > span,
  .CardBalancePreviewCorporateV3 .tabslider .accountSliderSw-switch > span {
    display: block;
    width: 50%;
    float: left;
    font-size: 15px;
    text-align: center;
    color: rgba(0, 0, 0, 0.54);
    padding: 3px 5px;
    -webkit-transition: color .3s;
    transition: color .3s;
    cursor: pointer;
    position: relative; }
    .LoanBalancePreviewCorporate .tabslider .accountSliderSw-switch > span.active,
    .AccountBalancePreviewCorporateV2 .tabslider .accountSliderSw-switch > span.active,
    .DepositBalancePreviewCorporateV2 .tabslider .accountSliderSw-switch > span.active,
    .CardBalancePreviewCorporateV3 .tabslider .accountSliderSw-switch > span.active {
      color: #52AE30; }
  .LoanBalancePreviewCorporate .tabslider .accountSliderSw-switch,
  .AccountBalancePreviewCorporateV2 .tabslider .accountSliderSw-switch,
  .DepositBalancePreviewCorporateV2 .tabslider .accountSliderSw-switch,
  .CardBalancePreviewCorporateV3 .tabslider .accountSliderSw-switch {
    display: flex;
    width: 300px;
    font-family: 'Source-Sans-Pro-semibold', 'sans-serif';
    background: #2a7f00;
    background-color: #E8E9EC;
    border-radius: 12px;
    position: relative;
    height: fit-content;
    float: right; }
    .LoanBalancePreviewCorporate .tabslider .accountSliderSw-switch:before,
    .AccountBalancePreviewCorporateV2 .tabslider .accountSliderSw-switch:before,
    .DepositBalancePreviewCorporateV2 .tabslider .accountSliderSw-switch:before,
    .CardBalancePreviewCorporateV3 .tabslider .accountSliderSw-switch:before {
      transform: translateX(0);
      content: "";
      width: calc(50% - 4px);
      height: calc(100% - 6px);
      position: absolute;
      top: 3px;
      left: 4px;
      background: #FFFFFF;
      border-radius: 10px;
      transition: transform .3s,-webkit-transform .3s; }
    .LoanBalancePreviewCorporate .tabslider .accountSliderSw-switch.active-1:before,
    .AccountBalancePreviewCorporateV2 .tabslider .accountSliderSw-switch.active-1:before,
    .DepositBalancePreviewCorporateV2 .tabslider .accountSliderSw-switch.active-1:before,
    .CardBalancePreviewCorporateV3 .tabslider .accountSliderSw-switch.active-1:before {
      transform: translateX(0); }
    .LoanBalancePreviewCorporate .tabslider .accountSliderSw-switch.active-2:before,
    .AccountBalancePreviewCorporateV2 .tabslider .accountSliderSw-switch.active-2:before,
    .DepositBalancePreviewCorporateV2 .tabslider .accountSliderSw-switch.active-2:before,
    .CardBalancePreviewCorporateV3 .tabslider .accountSliderSw-switch.active-2:before {
      transform: translateX(100%); }

.AccountTurnoverCorporateV2 .account-list,
.LoanAnnuityPlanCorporate .account-list {
  border-top: 1px solid #C7C7C7;
  padding-top: 10px; }

.AccountTurnoverCorporateV2 .filter-error-text,
.LoanAnnuityPlanCorporate .filter-error-text {
  margin-top: 0px; }

.turnover-dashboard .CardTurnoverCorporateV2 {
  display: none; }

.accounts-tabs {
  position: relative; }
  .accounts-tabs ul.k-tabstrip-items {
    position: absolute !important;
    top: -60px;
    left: 50%;
    transform: translate(-50%, 0);
    height: 31px;
    width: max-content; }
    .accounts-tabs ul.k-tabstrip-items:after {
      display: none; }
    .accounts-tabs ul.k-tabstrip-items li {
      top: 3px; }
      .accounts-tabs ul.k-tabstrip-items li a {
        padding: 3px 10px 2px !important; }

.CardBalancePreviewCorporateV3 {
  margin-bottom: 40px; }
  .CardBalancePreviewCorporateV3 .activity-popup-filter p:last-child {
    margin-bottom: 0; }
  .CardBalancePreviewCorporateV3 .card-list {
    border-top: 1px solid #C7C7C7;
    padding-top: 10px; }
  .CardBalancePreviewCorporateV3 .accounts-intro-title {
    width: 80% !important; }
  .CardBalancePreviewCorporateV3 .accounts-intro-balance small {
    color: #b8bac4; }
  .CardBalancePreviewCorporateV3 .accounts-intro-balance span.text-color-5 {
    color: #b8bac4; }
  .CardBalancePreviewCorporateV3 .accounts-intro-balance .account-balance-amount-text p, .CardBalancePreviewCorporateV3 .accounts-intro-balance .account-balance-amount-text small {
    color: rgba(0, 0, 0, 0.54); }
  .CardBalancePreviewCorporateV3 .accounts-intro-balance .account-balance-amount-text span.text-color-5 {
    color: rgba(0, 0, 0, 0.54); }
  .CardBalancePreviewCorporateV3 .filter-error-text {
    margin-top: 60px; }

.card-DinaCard.poslovna.kartica {
  background-image: url(images/cards-types/sme_dina_business_debit.png); }

.card-MasterCard.Business {
  background-image: url(images/cards-types/sme_mc_business_debit.png); }

.card-VISA.Business.Classic,
.card-VISA.Business.Electron,
.card-VISA.Business.Platinum {
  background-image: url(images/cards-types/sme_visa_business_platinum.png); }

.card-Visa.Business.credit,
.card-Visa.Business.Charge {
  background-image: url(images/cards-types/sme_visa_business_credit.png); }

.gvCardTurnover .clientGrid thead tr th:nth-child(2) {
  padding-left: 10px; }

.gvCardTurnover .clientGrid tbody tr td:nth-child(2) {
  width: 14% !important; }
  .gvCardTurnover .clientGrid tbody tr td:nth-child(2) span {
    color: #7b7b7b; }

.instructions {
  padding-left: 10px; }

.ui-dialog.right-dialog.details-dialog.selectLegalEntityDialog,
.ui-dialog.right-dialog.details-dialog.accountsList {
  top: 44% !important;
  left: 34% !important;
  transform: translateX(-50%) translateY(-50%);
  max-width: 560px;
  width: 94% !important;
  height: auto !important;
  padding: 32px 20px 32px;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.16); }
  .ui-dialog.right-dialog.details-dialog.selectLegalEntityDialog .group-inner.transaction-filter-box label,
  .ui-dialog.right-dialog.details-dialog.accountsList .group-inner.transaction-filter-box label {
    position: absolute;
    padding-top: 15px;
    padding-left: 52px;
    color: rgba(0, 0, 0, 0.54);
    font-family: "Source-Sans-Pro", sans-serif;
    font-size: 15px; }
  .ui-dialog.right-dialog.details-dialog.selectLegalEntityDialog .beneficiaries-filter-menu-wrapper-inner,
  .ui-dialog.right-dialog.details-dialog.accountsList .beneficiaries-filter-menu-wrapper-inner {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    margin: 0 12px;
    padding: 16px 0px;
    padding-bottom: 30px; }
    .ui-dialog.right-dialog.details-dialog.selectLegalEntityDialog .beneficiaries-filter-menu-wrapper-inner .group-inner,
    .ui-dialog.right-dialog.details-dialog.accountsList .beneficiaries-filter-menu-wrapper-inner .group-inner {
      height: 40px;
      margin: 0;
      width: 100%; }
      .ui-dialog.right-dialog.details-dialog.selectLegalEntityDialog .beneficiaries-filter-menu-wrapper-inner .group-inner .input-wrap,
      .ui-dialog.right-dialog.details-dialog.accountsList .beneficiaries-filter-menu-wrapper-inner .group-inner .input-wrap {
        height: 48px; }
        .ui-dialog.right-dialog.details-dialog.selectLegalEntityDialog .beneficiaries-filter-menu-wrapper-inner .group-inner .input-wrap svg,
        .ui-dialog.right-dialog.details-dialog.accountsList .beneficiaries-filter-menu-wrapper-inner .group-inner .input-wrap svg {
          width: 18px;
          height: 18px;
          position: absolute;
          top: 50%;
          left: 16px;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
        .ui-dialog.right-dialog.details-dialog.selectLegalEntityDialog .beneficiaries-filter-menu-wrapper-inner .group-inner .input-wrap .search,
        .ui-dialog.right-dialog.details-dialog.accountsList .beneficiaries-filter-menu-wrapper-inner .group-inner .input-wrap .search {
          fill: #000; }
        .ui-dialog.right-dialog.details-dialog.selectLegalEntityDialog .beneficiaries-filter-menu-wrapper-inner .group-inner .input-wrap input,
        .ui-dialog.right-dialog.details-dialog.accountsList .beneficiaries-filter-menu-wrapper-inner .group-inner .input-wrap input {
          border: 2px solid transparent;
          border-radius: 8px;
          background-color: #f3f3f3;
          color: #121212;
          font-size: 16px;
          line-height: 1;
          font-family: "Mark-Regular", sans-serif;
          padding: 0 52px;
          height: 48px;
          margin-bottom: 6px; }
          .ui-dialog.right-dialog.details-dialog.selectLegalEntityDialog .beneficiaries-filter-menu-wrapper-inner .group-inner .input-wrap input:focus,
          .ui-dialog.right-dialog.details-dialog.accountsList .beneficiaries-filter-menu-wrapper-inner .group-inner .input-wrap input:focus {
            border-color: #121212; }
    .ui-dialog.right-dialog.details-dialog.selectLegalEntityDialog .beneficiaries-filter-menu-wrapper-inner .dot-menu,
    .ui-dialog.right-dialog.details-dialog.accountsList .beneficiaries-filter-menu-wrapper-inner .dot-menu {
      width: unset;
      height: unset;
      padding: 9px 13px;
      margin: 0;
      outline: none;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -webkit-text-size-adjust: none;
      -webkit-tap-highlight-color: transparent;
      user-select: none;
      -webkit-transition: all .5s;
      transition: all .5s;
      background-color: #52ae30;
      position: relative;
      border-radius: 25px;
      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.18);
      -webkit-transition: box-shadow .5s;
      transition: box-shadow .5s;
      cursor: pointer;
      color: white;
      text-transform: unset;
      margin-left: 20px;
      transition: all .5s;
      height: 38px;
      font-family: "Mark-Regular", sans-serif; }
      .ui-dialog.right-dialog.details-dialog.selectLegalEntityDialog .beneficiaries-filter-menu-wrapper-inner .dot-menu:hover,
      .ui-dialog.right-dialog.details-dialog.accountsList .beneficiaries-filter-menu-wrapper-inner .dot-menu:hover {
        background-color: #2a7f00; }

.pinChange .ui-dialog-titlebar,
.unblockPin .ui-dialog-titlebar {
  margin-bottom: 30px; }

.pinChange td,
.unblockPin td {
  color: rgba(0, 0, 0, 0.87); }

.pinChange .pin-change,
.unblockPin .pin-change {
  margin-bottom: 15%; }

.unblockPin .form-group .group-inner {
  margin-bottom: 30px; }
  .unblockPin .form-group .group-inner .dk-select .dk-select-options {
    position: absolute;
    display: none;
    left: 0;
    right: 0; }
    .unblockPin .form-group .group-inner .dk-select .dk-select-options.active {
      display: block !important;
      opacity: 1;
      visibility: visible; }
  .unblockPin .form-group .group-inner .label-1 {
    display: block;
    font-family: "Source-Sans-Pro", sans-serif;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.54);
    padding: 0 20px;
    margin-bottom: 7px; }
  .unblockPin .form-group .group-inner .select-1 {
    position: relative; }
    .unblockPin .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; }
    .unblockPin .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; }
    .unblockPin .form-group .group-inner .select-1 .dk-selected {
      width: 100%;
      font-family: "Source-Sans-Pro", sans-serif;
      font-size: 15px;
      color: #121212;
      padding: 13px 35px 13px 15px;
      border: 1px solid #dcdcdc;
      background: #FFFFFF;
      border-radius: 25px;
      outline: none;
      position: relative;
      cursor: pointer;
      z-index: 21;
      box-sizing: border-box;
      height: 50px; }
      .unblockPin .form-group .group-inner .select-1 .dk-selected.active {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0; }
      .unblockPin .form-group .group-inner .select-1 .dk-selected:after {
        content: "";
        display: block;
        width: 9px;
        height: 100%;
        position: absolute;
        top: 0;
        right: 15px;
        background: url(images/icons/arrows-1.png) 50% no-repeat;
        background-size: 9px; }
    .unblockPin .form-group .group-inner .select-1 .dk-select-options {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: #FFFFFF;
      border-top: 0;
      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: 25px;
      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.23); }
      .unblockPin .form-group .group-inner .select-1 .dk-select-options .dk-option {
        padding: 16px;
        position: relative;
        padding-left: 60px;
        -webkit-transition: color .3s ease;
        transition: color .3s ease;
        cursor: pointer;
        font-family: "Source-Sans-Pro", sans-serif;
        font-size: 15px;
        color: #121212;
        text-align: left;
        background: transparent;
        border-top: 1px solid transparent;
        -webkit-transition: background .3s;
        transition: background .3s; }
        .unblockPin .form-group .group-inner .select-1 .dk-select-options .dk-option:first-child {
          border-top: 2px solid #d20000; }
        .unblockPin .form-group .group-inner .select-1 .dk-select-options .dk-option-selected {
          background-color: #FFFFFF;
          color: #121212; }
        .unblockPin .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; }
      .unblockPin .form-group .group-inner .select-1 .dk-select-options #dk0-1:before {
        background: url(images/icons/user-password-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%); }
      .unblockPin .form-group .group-inner .select-1 .dk-select-options #dk0-2:before {
        background: url(images/icons/user-token-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%); }
      .unblockPin .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%); }
  .unblockPin .form-group .group-inner .input-wrap {
    border-radius: 25px;
    -webkit-transition: border-color .3s;
    transition: border-color .3s;
    background: #FFFFFF;
    position: relative; }
    .unblockPin .form-group .group-inner .input-wrap.focusin {
      border-color: #73e3eb; }
      .unblockPin .form-group .group-inner .input-wrap.focusin .input-1 {
        border-color: #d20000; }
    .unblockPin .form-group .group-inner .input-wrap.borderError .input-1 {
      border-color: red; }
    .unblockPin .form-group .group-inner .input-wrap .input-1 {
      width: 100%;
      height: 50px;
      font-family: "Source-Sans-Pro", sans-serif;
      font-size: 15px;
      text-align: left;
      color: #121212;
      padding: 12px 20px;
      border: 1px solid #dcdcdc;
      background: #FFFFFF;
      border-radius: 25px;
      -webkit-transition: border-color .3s;
      transition: border-color .3s;
      margin: 0;
      -webkit-appearance: none;
      box-sizing: border-box; }
      .unblockPin .form-group .group-inner .input-wrap .input-1.activate {
        font-family: 'Source-Sans-Pro' !important; }

.selectLegalEntityDialog .user-profile-tag, .paymentCodebookDialog .user-profile-tag, .accountsList .user-profile-tag {
  font-size: 16px;
  font-family: "Mark-Regular", sans-serif;
  text-transform: uppercase;
  text-align: center;
  line-height: 53px;
  vertical-align: middle;
  position: absolute;
  place-items: center;
  left: 0;
  width: 100%; }

.selectLegalEntityDialog .account-item-inner, .paymentCodebookDialog .account-item-inner, .accountsList .account-item-inner {
  padding: 0px 40px; }

.selectLegalEntityDialog .all-account-close, .paymentCodebookDialog .all-account-close, .accountsList .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); }

.selectLegalEntityDialog .element-border, .paymentCodebookDialog .element-border, .accountsList .element-border {
  border-radius: 50%; }

.selectLegalEntityDialog .all-account-popup-title, .paymentCodebookDialog .all-account-popup-title, .accountsList .all-account-popup-title {
  position: relative;
  padding: 0 100px;
  margin-bottom: 40px; }
  .selectLegalEntityDialog .all-account-popup-title .title-2, .paymentCodebookDialog .all-account-popup-title .title-2, .accountsList .all-account-popup-title .title-2 {
    font-size: 24px;
    margin: 0 auto; }

.selectLegalEntityDialog .account-close-ico, .paymentCodebookDialog .account-close-ico, .accountsList .account-close-ico {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.selectLegalEntityDialog .account-item-balance-inner, .paymentCodebookDialog .account-item-balance-inner, .accountsList .account-item-balance-inner {
  width: 50%;
  padding-right: 0;
  text-align: center; }
  .selectLegalEntityDialog .account-item-balance-inner:first-child:after, .paymentCodebookDialog .account-item-balance-inner:first-child:after, .accountsList .account-item-balance-inner:first-child:after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 50%;
    background: repeating-linear-gradient(180deg, rgba(195, 203, 208, 0.8) 0, rgba(195, 203, 208, 0.8) 3px, rgba(255, 255, 255, 0) 4px, rgba(255, 255, 255, 0) 6px); }

.selectLegalEntityDialog .modal-wrap .close-popup, .paymentCodebookDialog .modal-wrap .close-popup, .accountsList .modal-wrap .close-popup {
  position: absolute;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: 40px;
  height: 40px;
  right: 24px;
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
  transition: box-shadow .3s;
  cursor: pointer;
  z-index: 2; }
  .selectLegalEntityDialog .modal-wrap .close-popup svg, .paymentCodebookDialog .modal-wrap .close-popup svg, .accountsList .modal-wrap .close-popup svg {
    width: 12px;
    height: 12px;
    fill: #000; }

.selectLegalEntityDialog .modal-wrap .modal-title, .paymentCodebookDialog .modal-wrap .modal-title, .accountsList .modal-wrap .modal-title {
  font-family: "Mark-Regular", sans-serif;
  font-size: 24px;
  letter-spacing: -.02em;
  line-height: 1;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 20px; }

.selectLegalEntityDialog .modal-wrap .confirm-title, .paymentCodebookDialog .modal-wrap .confirm-title, .accountsList .modal-wrap .confirm-title {
  position: relative;
  padding-top: 10px; }
  .selectLegalEntityDialog .modal-wrap .confirm-title:before, .paymentCodebookDialog .modal-wrap .confirm-title:before, .accountsList .modal-wrap .confirm-title:before {
    content: "";
    width: 40px;
    height: 6px;
    background: #52ae30;
    border-radius: 4px;
    position: absolute;
    top: -15px;
    left: 50%;
    margin-left: -20px; }

.selectLegalEntityDialog .modal-wrap .modal-inner, .paymentCodebookDialog .modal-wrap .modal-inner, .accountsList .modal-wrap .modal-inner {
  max-height: 373px;
  min-height: 373px;
  overflow-y: auto; }
  .selectLegalEntityDialog .modal-wrap .modal-inner .company-boxes-wrap,
  .selectLegalEntityDialog .modal-wrap .modal-inner .accounts-boxes-wrap, .paymentCodebookDialog .modal-wrap .modal-inner .company-boxes-wrap,
  .paymentCodebookDialog .modal-wrap .modal-inner .accounts-boxes-wrap, .accountsList .modal-wrap .modal-inner .company-boxes-wrap,
  .accountsList .modal-wrap .modal-inner .accounts-boxes-wrap {
    padding: 20px; }
    @media only screen and (max-width: 600px) {
      .selectLegalEntityDialog .modal-wrap .modal-inner .company-boxes-wrap,
      .selectLegalEntityDialog .modal-wrap .modal-inner .accounts-boxes-wrap, .paymentCodebookDialog .modal-wrap .modal-inner .company-boxes-wrap,
      .paymentCodebookDialog .modal-wrap .modal-inner .accounts-boxes-wrap, .accountsList .modal-wrap .modal-inner .company-boxes-wrap,
      .accountsList .modal-wrap .modal-inner .accounts-boxes-wrap {
        padding: 0; } }
    .selectLegalEntityDialog .modal-wrap .modal-inner .company-boxes-wrap .company-box,
    .selectLegalEntityDialog .modal-wrap .modal-inner .accounts-boxes-wrap .company-box, .paymentCodebookDialog .modal-wrap .modal-inner .company-boxes-wrap .company-box,
    .paymentCodebookDialog .modal-wrap .modal-inner .accounts-boxes-wrap .company-box, .accountsList .modal-wrap .modal-inner .company-boxes-wrap .company-box,
    .accountsList .modal-wrap .modal-inner .accounts-boxes-wrap .company-box {
      position: relative;
      display: flex;
      width: 100%;
      min-height: 72px;
      background-color: #ffffff;
      transition: box-shadow .5s;
      cursor: pointer;
      border-bottom: 1px solid #e6e6e6; }
      .selectLegalEntityDialog .modal-wrap .modal-inner .company-boxes-wrap .company-box:hover,
      .selectLegalEntityDialog .modal-wrap .modal-inner .accounts-boxes-wrap .company-box:hover, .paymentCodebookDialog .modal-wrap .modal-inner .company-boxes-wrap .company-box:hover,
      .paymentCodebookDialog .modal-wrap .modal-inner .accounts-boxes-wrap .company-box:hover, .accountsList .modal-wrap .modal-inner .company-boxes-wrap .company-box:hover,
      .accountsList .modal-wrap .modal-inner .accounts-boxes-wrap .company-box:hover {
        background-color: rgba(238, 197, 144, 0.3); }
      .selectLegalEntityDialog .modal-wrap .modal-inner .company-boxes-wrap .company-box:first-child,
      .selectLegalEntityDialog .modal-wrap .modal-inner .accounts-boxes-wrap .company-box:first-child, .paymentCodebookDialog .modal-wrap .modal-inner .company-boxes-wrap .company-box:first-child,
      .paymentCodebookDialog .modal-wrap .modal-inner .accounts-boxes-wrap .company-box:first-child, .accountsList .modal-wrap .modal-inner .company-boxes-wrap .company-box:first-child,
      .accountsList .modal-wrap .modal-inner .accounts-boxes-wrap .company-box:first-child {
        border-top: 1px solid #e6e6e6; }
      .selectLegalEntityDialog .modal-wrap .modal-inner .company-boxes-wrap .company-box .company-box-img-wrap,
      .selectLegalEntityDialog .modal-wrap .modal-inner .accounts-boxes-wrap .company-box .company-box-img-wrap, .paymentCodebookDialog .modal-wrap .modal-inner .company-boxes-wrap .company-box .company-box-img-wrap,
      .paymentCodebookDialog .modal-wrap .modal-inner .accounts-boxes-wrap .company-box .company-box-img-wrap, .accountsList .modal-wrap .modal-inner .company-boxes-wrap .company-box .company-box-img-wrap,
      .accountsList .modal-wrap .modal-inner .accounts-boxes-wrap .company-box .company-box-img-wrap {
        position: absolute;
        width: 40px;
        height: 40px;
        top: 50%;
        left: 16px;
        border-radius: 50%;
        background-color: #efefef;
        border: 1px solid #efefef;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        overflow: hidden;
        text-align: center; }
        .selectLegalEntityDialog .modal-wrap .modal-inner .company-boxes-wrap .company-box .company-box-img-wrap span,
        .selectLegalEntityDialog .modal-wrap .modal-inner .accounts-boxes-wrap .company-box .company-box-img-wrap span, .paymentCodebookDialog .modal-wrap .modal-inner .company-boxes-wrap .company-box .company-box-img-wrap span,
        .paymentCodebookDialog .modal-wrap .modal-inner .accounts-boxes-wrap .company-box .company-box-img-wrap span, .accountsList .modal-wrap .modal-inner .company-boxes-wrap .company-box .company-box-img-wrap span,
        .accountsList .modal-wrap .modal-inner .accounts-boxes-wrap .company-box .company-box-img-wrap span {
          font-size: 16px;
          font-family: "Source-Sans-Pro-bold", sans-serif;
          text-transform: uppercase;
          text-align: center;
          line-height: 40px;
          vertical-align: middle;
          position: absolute;
          place-items: center;
          left: 0;
          width: 100%; }
      .selectLegalEntityDialog .modal-wrap .modal-inner .company-boxes-wrap .company-box .company-box-col-1,
      .selectLegalEntityDialog .modal-wrap .modal-inner .accounts-boxes-wrap .company-box .company-box-col-1, .paymentCodebookDialog .modal-wrap .modal-inner .company-boxes-wrap .company-box .company-box-col-1,
      .paymentCodebookDialog .modal-wrap .modal-inner .accounts-boxes-wrap .company-box .company-box-col-1, .accountsList .modal-wrap .modal-inner .company-boxes-wrap .company-box .company-box-col-1,
      .accountsList .modal-wrap .modal-inner .accounts-boxes-wrap .company-box .company-box-col-1 {
        width: 60%;
        padding-right: 8px;
        align-self: center;
        padding-left: 11%; }
      .selectLegalEntityDialog .modal-wrap .modal-inner .company-boxes-wrap .company-box .company-box-col-2,
      .selectLegalEntityDialog .modal-wrap .modal-inner .accounts-boxes-wrap .company-box .company-box-col-2, .paymentCodebookDialog .modal-wrap .modal-inner .company-boxes-wrap .company-box .company-box-col-2,
      .paymentCodebookDialog .modal-wrap .modal-inner .accounts-boxes-wrap .company-box .company-box-col-2, .accountsList .modal-wrap .modal-inner .company-boxes-wrap .company-box .company-box-col-2,
      .accountsList .modal-wrap .modal-inner .accounts-boxes-wrap .company-box .company-box-col-2 {
        width: 15%;
        padding-right: 8px;
        align-self: center; }
      .selectLegalEntityDialog .modal-wrap .modal-inner .company-boxes-wrap .company-box .company-box-col-3,
      .selectLegalEntityDialog .modal-wrap .modal-inner .accounts-boxes-wrap .company-box .company-box-col-3, .paymentCodebookDialog .modal-wrap .modal-inner .company-boxes-wrap .company-box .company-box-col-3,
      .paymentCodebookDialog .modal-wrap .modal-inner .accounts-boxes-wrap .company-box .company-box-col-3, .accountsList .modal-wrap .modal-inner .company-boxes-wrap .company-box .company-box-col-3,
      .accountsList .modal-wrap .modal-inner .accounts-boxes-wrap .company-box .company-box-col-3 {
        width: 15%;
        padding-left: 15px;
        align-self: center; }

.paymentCodebookDialog.ui-dialog .ui-dialog-titlebar {
  padding: 0px !important; }
  .paymentCodebookDialog.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    display: none; }

.CardTurnoverCorporateV2 .card-list {
  border-top: 1px solid #C7C7C7; }

.CardTurnoverCorporateV2 .currencyTurnover {
  font-family: 'Source-Sans-Pro-semibold', sans-serif; }

.payments-main-form .payments-main-form-inner {
  position: relative;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding-bottom: 30px; }
  .payments-main-form .payments-main-form-inner .payments-main-form-col-2 {
    width: 50%; }
    .payments-main-form .payments-main-form-inner .payments-main-form-col-2:first-child {
      margin-right: 40px; }

.CreditorTemplateManaging,
.InflowsCorporate {
  margin-top: 10%; }

.custom-checkbox-toggle {
  position: relative;
  display: flex !important;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  align-items: center;
  min-height: 50px;
  user-select: none;
  background: #ffffff;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 25px; }
  .custom-checkbox-toggle .custom-label {
    padding-right: 50px;
    padding-left: 15px; }
  .custom-checkbox-toggle .toggle-btn,
  .custom-checkbox-toggle .toggle-btn-dark {
    position: absolute;
    cursor: pointer;
    width: 50px;
    height: 30px;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    border-radius: 20px;
    transition: background-color .5s;
    background-color: #e1e1e1; }
    .custom-checkbox-toggle .toggle-btn .toggle-btn-switch,
    .custom-checkbox-toggle .toggle-btn .toggle-btn-dark-switch,
    .custom-checkbox-toggle .toggle-btn-dark .toggle-btn-switch,
    .custom-checkbox-toggle .toggle-btn-dark .toggle-btn-dark-switch {
      display: block;
      width: 20px;
      height: 20px;
      position: absolute;
      top: 50%;
      left: 3px;
      transform: translateY(-50%);
      border-radius: 50%;
      background-color: #ffffff;
      transition: transform .5s,-webkit-transform .5s; }
  .custom-checkbox-toggle .toggle-btn-dark {
    right: -25%; }
  .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; }

.DomesticOrderCorporate .user-account-info-cards-wrapper.recipient .beneficiaries-filter-menu-wrapper-inner {
  display: flex;
  align-items: center;
  margin-bottom: 20px; }
  .DomesticOrderCorporate .user-account-info-cards-wrapper.recipient .beneficiaries-filter-menu-wrapper-inner .group-inner {
    width: -webkit-fill-available;
    height: 40px;
    margin: 0;
    width: 100%; }
    .DomesticOrderCorporate .user-account-info-cards-wrapper.recipient .beneficiaries-filter-menu-wrapper-inner .group-inner.transaction-filter-box label {
      position: absolute;
      padding-top: 10px;
      padding-left: 20px;
      color: rgba(0, 0, 0, 0.54);
      font-family: "Source-Sans-Pro", sans-serif;
      font-size: 15px; }
    .DomesticOrderCorporate .user-account-info-cards-wrapper.recipient .beneficiaries-filter-menu-wrapper-inner .group-inner .input-wrap {
      height: 40px; }
      .DomesticOrderCorporate .user-account-info-cards-wrapper.recipient .beneficiaries-filter-menu-wrapper-inner .group-inner .input-wrap input {
        font-size: 14px;
        padding: 12px 50px 12px 20px;
        height: 41px; }
      .DomesticOrderCorporate .user-account-info-cards-wrapper.recipient .beneficiaries-filter-menu-wrapper-inner .group-inner .input-wrap svg {
        position: absolute;
        width: 16px;
        height: 16px;
        top: 12px;
        right: 15px; }
      .DomesticOrderCorporate .user-account-info-cards-wrapper.recipient .beneficiaries-filter-menu-wrapper-inner .group-inner .input-wrap .search {
        fill: #c7c7c7; }

.DomesticOrderCorporate .user-account-info-cards-wrapper.recipient .user-account-card-outer .dk-select.select-1 .dk-select-options {
  top: 80px !important; }

.DomesticOrderCorporate .user-account-info-cards-wrapper.recipient #toggle-payment-open {
  padding-left: 0px !important;
  padding-right: 0px !important; }

.DomesticOrderCorporate .user-account-info-cards-wrapper.recipient .toggle-payment-open.template,
.DomesticOrderCorporate .user-account-info-cards-wrapper.recipient .toggle-payment-open.newRecipient {
  padding-top: 120px !important; }

.DomesticOrderCorporate .user-account-info-cards-wrapper.recipient .toggle-payment-open.recipientData {
  flex-wrap: wrap;
  max-height: 10px;
  overflow: hidden; }
  .DomesticOrderCorporate .user-account-info-cards-wrapper.recipient .toggle-payment-open.recipientData .toggle-wrapper,
  .DomesticOrderCorporate .user-account-info-cards-wrapper.recipient .toggle-payment-open.recipientData .toggle-creditor-data {
    width: 100%; }
  .DomesticOrderCorporate .user-account-info-cards-wrapper.recipient .toggle-payment-open.recipientData .toggle-wrapper {
    padding-bottom: 30px; }
  .DomesticOrderCorporate .user-account-info-cards-wrapper.recipient .toggle-payment-open.recipientData .toggle-creditor-data p {
    text-align: left; }
  .DomesticOrderCorporate .user-account-info-cards-wrapper.recipient .toggle-payment-open.recipientData .toggle-creditor-data .transaction-popup-detail .input-wrapper .validationMessage {
    padding-left: 0px; }

.DomesticOrderCorporate .user-account-info-cards-wrapper.recipient.open .toggle-payment-open {
  max-height: 240px;
  padding-bottom: 60px !important; }

.DomesticOrderCorporate .user-account-info-cards-wrapper.recipient .transaction-popup-detail {
  display: flex;
  max-width: 640px;
  border-radius: 8px;
  margin-bottom: 0;
  padding: 11px 24px 11px 16px; }
  .DomesticOrderCorporate .user-account-info-cards-wrapper.recipient .transaction-popup-detail:nth-child(odd) {
    background-color: #FFFFFF; }
  .DomesticOrderCorporate .user-account-info-cards-wrapper.recipient .transaction-popup-detail:nth-of-type(2n) {
    background-color: #F3F3F3; }
  .DomesticOrderCorporate .user-account-info-cards-wrapper.recipient .transaction-popup-detail p, .DomesticOrderCorporate .user-account-info-cards-wrapper.recipient .transaction-popup-detail .input-wrapper {
    width: 50%;
    line-height: 1.125; }
    .DomesticOrderCorporate .user-account-info-cards-wrapper.recipient .transaction-popup-detail p:fisrt-child, .DomesticOrderCorporate .user-account-info-cards-wrapper.recipient .transaction-popup-detail .input-wrapper:fisrt-child {
      padding-right: 10px; }
  .DomesticOrderCorporate .user-account-info-cards-wrapper.recipient .transaction-popup-detail .input-wrapper .dk-select.select-1.accounts-debit.input-wrapper {
    width: 100%; }
    .DomesticOrderCorporate .user-account-info-cards-wrapper.recipient .transaction-popup-detail .input-wrapper .dk-select.select-1.accounts-debit.input-wrapper .dk-select-options {
      top: 25px !important; }
    .DomesticOrderCorporate .user-account-info-cards-wrapper.recipient .transaction-popup-detail .input-wrapper .dk-select.select-1.accounts-debit.input-wrapper.dk-select-open-down .dk-selected {
      border: none !important;
      text-align: left; }
      .DomesticOrderCorporate .user-account-info-cards-wrapper.recipient .transaction-popup-detail .input-wrapper .dk-select.select-1.accounts-debit.input-wrapper.dk-select-open-down .dk-selected :after {
        transform: rotate(180deg); }
  .DomesticOrderCorporate .user-account-info-cards-wrapper.recipient .transaction-popup-detail .input-wrapper .dk-selected {
    padding: 0px 32px 0px 0px !important;
    background: transparent !important;
    text-align: left !important;
    border: none !important; }
    .DomesticOrderCorporate .user-account-info-cards-wrapper.recipient .transaction-popup-detail .input-wrapper .dk-selected:after {
      content: '';
      margin-left: 10px;
      position: absolute;
      top: 22% !important;
      right: -5px !important;
      width: 11px;
      height: 14px;
      background-image: url(images/icons/arrow-bottom-1.png);
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      transition: .5s ease; }
  .DomesticOrderCorporate .user-account-info-cards-wrapper.recipient .transaction-popup-detail p.active {
    color: #23c841;
    font-family: "Mark-Bold", sans-serif;
    line-height: 1.25; }
  .DomesticOrderCorporate .user-account-info-cards-wrapper.recipient .transaction-popup-detail p.inactive {
    color: #d20000;
    font-family: "Mark-Bold", sans-serif; }
  .DomesticOrderCorporate .user-account-info-cards-wrapper.recipient .transaction-popup-detail .dot-menu {
    right: 10px; }

.DomesticOrderCorporate .user-account-info-cards-wrapper .user-account-card-outer .debit-account-wrapper label {
  display: block;
  margin-bottom: 8px; }

.DomesticOrderCorporate .user-account-info-cards-wrapper .user-account-card-outer .debit-account-wrapper .dk-select.select-1 {
  /* &.creditorName {
                        &:after {
                            content: '';
                            margin-left: 10px;
                            position: absolute;
                            //top: 35%;
                            margin-top: 20px;
                            right: 15px;
                            //transform: translate(0, -50%);
                            width: 11px;
                            height: 14px;
                            background-image: url(images/icons/arrow-bottom-1.png);
                            background-position: 50%;
                            background-repeat: no-repeat;
                            background-size: contain;
                            transition: .5s ease;
                        }
                    }*/
  /*&.active {
                        border: 2px solid $primary-color;

                        &:after {
                            transform: rotate(180deg);
                        }
                    }*/ }
  .DomesticOrderCorporate .user-account-info-cards-wrapper .user-account-card-outer .debit-account-wrapper .dk-select.select-1 .dk-selected {
    z-index: unset; }
  .DomesticOrderCorporate .user-account-info-cards-wrapper .user-account-card-outer .debit-account-wrapper .dk-select.select-1 .dk-selected {
    padding: 9px 32px 17px 16px;
    height: 18px !important;
    box-sizing: unset !important;
    box-sizing: border-box;
    border: 2px solid transparent;
    background: #f3f3f3;
    border-radius: 8px;
    outline: none;
    position: relative;
    cursor: pointer;
    font-family: "Mark-Regular", sans-serif;
    font-size: 16px;
    color: #121212;
    line-height: 1.5; }
    .DomesticOrderCorporate .user-account-info-cards-wrapper .user-account-card-outer .debit-account-wrapper .dk-select.select-1 .dk-selected.creditorName {
      width: 588px; }
    .DomesticOrderCorporate .user-account-info-cards-wrapper .user-account-card-outer .debit-account-wrapper .dk-select.select-1 .dk-selected:after {
      content: '';
      margin-left: 10px;
      position: absolute;
      top: 40%;
      right: 15px;
      width: 11px;
      height: 14px;
      background-image: url(images/icons/arrow-bottom-1.png);
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      transition: .5s ease; }
    .DomesticOrderCorporate .user-account-info-cards-wrapper .user-account-card-outer .debit-account-wrapper .dk-select.select-1 .dk-selected.active {
      border: 2px solid #121212; }
      .DomesticOrderCorporate .user-account-info-cards-wrapper .user-account-card-outer .debit-account-wrapper .dk-select.select-1 .dk-selected.active:after {
        transform: rotate(180deg); }
  .DomesticOrderCorporate .user-account-info-cards-wrapper .user-account-card-outer .debit-account-wrapper .dk-select.select-1.dk-select-open-down .dk-selected {
    border: 2px solid #121212; }
    .DomesticOrderCorporate .user-account-info-cards-wrapper .user-account-card-outer .debit-account-wrapper .dk-select.select-1.dk-select-open-down .dk-selected:after {
      transform: rotate(180deg); }
  .DomesticOrderCorporate .user-account-info-cards-wrapper .user-account-card-outer .debit-account-wrapper .dk-select.select-1.dk-select-open-down .dk-select.select:after {
    transform: rotate(180deg); }
  .DomesticOrderCorporate .user-account-info-cards-wrapper .user-account-card-outer .debit-account-wrapper .dk-select.select-1.dk-select-open-down .dk-select-options {
    opacity: 1;
    visibility: visible; }
  .DomesticOrderCorporate .user-account-info-cards-wrapper .user-account-card-outer .debit-account-wrapper .dk-select.select-1 .dk-select-options {
    width: 100%;
    position: absolute;
    left: 0;
    border: 1px solid #e6e6e6;
    background: #fff;
    opacity: 1;
    visibility: hidden;
    -webkit-transition: opacity .1s ease, visibility .1s ease;
    transition: opacity .1s ease, visibility .1s ease;
    max-height: 230px;
    overflow: auto;
    z-index: 99;
    padding-top: 0;
    top: calc(100% + 8px);
    border-radius: 8px;
    box-shadow: 0 2px rgba(18, 18, 18, 0.16);
    box-sizing: border-box;
    padding: 20px; }
    .DomesticOrderCorporate .user-account-info-cards-wrapper .user-account-card-outer .debit-account-wrapper .dk-select.select-1 .dk-select-options .dk-option {
      color: #121212;
      font-size: 14px;
      line-height: 1.71;
      font-family: "Mark-Medium", sans-serif;
      cursor: pointer;
      display: flex; }
      .DomesticOrderCorporate .user-account-info-cards-wrapper .user-account-card-outer .debit-account-wrapper .dk-select.select-1 .dk-select-options .dk-option.dk-option-selected {
        color: #d20000; }
        .DomesticOrderCorporate .user-account-info-cards-wrapper .user-account-card-outer .debit-account-wrapper .dk-select.select-1 .dk-select-options .dk-option.dk-option-selected .dropdown-checkmark-icon {
          display: block; }
      .DomesticOrderCorporate .user-account-info-cards-wrapper .user-account-card-outer .debit-account-wrapper .dk-select.select-1 .dk-select-options .dk-option .dropdown-checkmark-icon {
        display: none; }
      .DomesticOrderCorporate .user-account-info-cards-wrapper .user-account-card-outer .debit-account-wrapper .dk-select.select-1 .dk-select-options .dk-option:not(:last-child) {
        margin-bottom: 10px; }

.DomesticOrderCorporate .custom-switch.template {
  display: flex;
  font-family: "Mark-Medium", sans-serif;
  font-size: 15px;
  line-height: 1.7;
  color: #666;
  background: #f3f3f3;
  border-radius: 8px;
  padding: 2px;
  position: relative;
  max-width: 375px;
  margin: 0 auto;
  height: 28px;
  margin-bottom: 24px; }
  .DomesticOrderCorporate .custom-switch.template:before {
    content: '';
    width: calc(50% - 2px);
    height: calc(100% - 13px);
    min-height: 28px;
    position: absolute;
    top: 2px;
    left: 2px;
    background: #FFFFFF;
    border-radius: 6px;
    box-shadow: 0 1px 1px rgba(16, 22, 26, 0.2), 0 0 rgba(16, 22, 26, 0.1);
    transition: transform 0.4s; }
  .DomesticOrderCorporate .custom-switch.template.active {
    color: #121212; }
    .DomesticOrderCorporate .custom-switch.template.active-1:before {
      transform: translateX(0); }
    .DomesticOrderCorporate .custom-switch.template.active-1 .myTemplates {
      color: #121212; }
    .DomesticOrderCorporate .custom-switch.template.active-1 .newRecipient {
      color: #666; }
    .DomesticOrderCorporate .custom-switch.template.active-2:before {
      transform: translateX(100%); }
    .DomesticOrderCorporate .custom-switch.template.active-2 .newRecipient {
      color: #121212; }
    .DomesticOrderCorporate .custom-switch.template.active-2 .myTemplates {
      color: #666; }
  .DomesticOrderCorporate .custom-switch.template span {
    display: block;
    width: 50%;
    float: left;
    font-size: 15px;
    text-align: center;
    color: #666;
    padding: 2px 5px 4px 5px;
    transition: color 0.3s;
    cursor: pointer;
    position: relative;
    font-family: "Mark-Medium", sans-serif;
    color: #121212; }
    .DomesticOrderCorporate .custom-switch.template span.active {
      color: #FFFFFF; }

.DomesticOrderCorporate ul.active {
  opacity: 1;
  visibility: visible !important;
  display: block !important; }

.DomesticOrderCorporate .custom-select.active ul {
  opacity: 1;
  visibility: visible;
  display: block; }

.DomesticOrderCorporate .custom-select .selected-item input {
  border-radius: 25px !important; }

.DomesticOrderCorporate .custom-select .selected-item.active input {
  border-radius: 25px 25px 0 0 !important; }

.DomesticOrderCorporate .input-wrap.paymentCode-wrap {
  position: relative;
  width: 40%;
  min-width: 180px;
  margin-right: 16px;
  background: transparent; }
  .DomesticOrderCorporate .input-wrap.paymentCode-wrap .input-wrapper {
    width: auto !important; }

.DomesticOrderCorporate .filtered-list.active {
  visibility: visible !important;
  opacity: 1 !important;
  display: block; }

.DomesticOrderCorporate .dropdown-icon.payment-filter-ico {
  width: 6px;
  height: 10px;
  top: 50%;
  right: 15px;
  transform: translateY(-50%) rotate(-90deg);
  fill: #52ae30; }

.DomesticOrderCorporate ul.list,
.DomesticOrderCorporate ul.filtered-list {
  position: absolute;
  display: none;
  left: 0;
  right: 0;
  top: 100%;
  visibility: hidden;
  margin-top: -5px;
  position: absolute;
  background-color: #fff;
  border-radius: 10px;
  list-style: none;
  margin: 0;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  height: 150px;
  width: auto;
  z-index: 20;
  font-family: "Source-Sans-Pro", sans-serif;
  border-radius: 0 0 25px 25px !important;
  border-top: 2px solid #52ae30;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.16); }
  .DomesticOrderCorporate ul.list li,
  .DomesticOrderCorporate ul.filtered-list li {
    padding: 5px 5px 5px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    transition: all .3s; }

.DomesticOrderCorporate .dk-select.select-1 {
  cursor: pointer;
  border-radius: 8px !important; }

.DomesticOrderCorporate .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; }

.DomesticOrderCorporate .paymentCode p.page-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-right: 30px; }

.DomesticOrderCorporate .business-exchange-form-wrapper {
  margin: 0 auto 57px; }
  .DomesticOrderCorporate .business-exchange-form-wrapper .input-grid-wrapper.wrapperSaveTemplate {
    height: 50px;
    overflow: hidden;
    margin-bottom: 30px;
    transition: all 0.5s ease !important; }
    .DomesticOrderCorporate .business-exchange-form-wrapper .input-grid-wrapper.wrapperSaveTemplate.open {
      height: 185px; }
    .DomesticOrderCorporate .business-exchange-form-wrapper .input-grid-wrapper.wrapperSaveTemplate .input-wrapper.with-label-inside .input-1 {
      width: 92%;
      width: -webkit-fill-available;
      width: -moz-available;
      height: auto;
      height: fit-content;
      border-radius: 8px;
      border: 2px solid transparent;
      background-color: #F3F3F3;
      font-family: "Mark-Regular", sans-serif;
      text-align: left;
      color: #121212;
      font-size: 16px;
      line-height: 1.5;
      margin-bottom: 6px;
      transition: border-color .3s;
      margin: 0;
      -webkit-appearance: none;
      z-index: 1;
      cursor: pointer; }
      .DomesticOrderCorporate .business-exchange-form-wrapper .input-grid-wrapper.wrapperSaveTemplate .input-wrapper.with-label-inside .input-1:focus {
        border: 2px solid #121212; }
  .DomesticOrderCorporate .business-exchange-form-wrapper .custom-checkbox-toggle {
    justify-content: space-between; }
    .DomesticOrderCorporate .business-exchange-form-wrapper .custom-checkbox-toggle .custom-label {
      line-height: 1.25;
      display: flex;
      padding-left: 0px !important; }
      .DomesticOrderCorporate .business-exchange-form-wrapper .custom-checkbox-toggle .custom-label h3 {
        font-size: 16px !important;
        font-family: "Mark-Bold", sans-serif;
        line-height: 1.25;
        font-weight: 400;
        margin-bottom: 0; }
      .DomesticOrderCorporate .business-exchange-form-wrapper .custom-checkbox-toggle .custom-label p {
        font-family: "Mark-Regular", sans-serif;
        font-size: 15px !important; }
      .DomesticOrderCorporate .business-exchange-form-wrapper .custom-checkbox-toggle .custom-label svg {
        top: 12px;
        right: 12px;
        width: 24px;
        height: 24px;
        padding-right: 16px;
        justify-content: center;
        margin-top: 12px; }
    .DomesticOrderCorporate .business-exchange-form-wrapper .custom-checkbox-toggle .custom-switch.urgent,
    .DomesticOrderCorporate .business-exchange-form-wrapper .custom-checkbox-toggle .custom-switch.saveTemplate {
      display: flex;
      font-family: "Mark-Regular", sans-serif;
      font-size: 16px;
      color: #121212;
      background: #f3f3f3;
      border-radius: 18px;
      padding: 7px;
      position: relative;
      width: 114px; }
      .DomesticOrderCorporate .business-exchange-form-wrapper .custom-checkbox-toggle .custom-switch.urgent:before,
      .DomesticOrderCorporate .business-exchange-form-wrapper .custom-checkbox-toggle .custom-switch.saveTemplate:before {
        content: '';
        width: calc(50% - 7px);
        height: calc(100% - 13px);
        position: absolute;
        top: 7px;
        left: 7px;
        background: #d20000;
        border-radius: 12px;
        transform: translateX(0);
        transition: transform 0.4s; }
      .DomesticOrderCorporate .business-exchange-form-wrapper .custom-checkbox-toggle .custom-switch.urgent.active,
      .DomesticOrderCorporate .business-exchange-form-wrapper .custom-checkbox-toggle .custom-switch.saveTemplate.active {
        color: #121212; }
        .DomesticOrderCorporate .business-exchange-form-wrapper .custom-checkbox-toggle .custom-switch.urgent.active-1:before,
        .DomesticOrderCorporate .business-exchange-form-wrapper .custom-checkbox-toggle .custom-switch.saveTemplate.active-1:before {
          transform: translateX(0); }
        .DomesticOrderCorporate .business-exchange-form-wrapper .custom-checkbox-toggle .custom-switch.urgent.active-1 .no,
        .DomesticOrderCorporate .business-exchange-form-wrapper .custom-checkbox-toggle .custom-switch.saveTemplate.active-1 .no {
          color: #fff; }
        .DomesticOrderCorporate .business-exchange-form-wrapper .custom-checkbox-toggle .custom-switch.urgent.active-2:before,
        .DomesticOrderCorporate .business-exchange-form-wrapper .custom-checkbox-toggle .custom-switch.saveTemplate.active-2:before {
          transform: translateX(100%); }
        .DomesticOrderCorporate .business-exchange-form-wrapper .custom-checkbox-toggle .custom-switch.urgent.active-2 .yes,
        .DomesticOrderCorporate .business-exchange-form-wrapper .custom-checkbox-toggle .custom-switch.saveTemplate.active-2 .yes {
          color: #fff; }
      .DomesticOrderCorporate .business-exchange-form-wrapper .custom-checkbox-toggle .custom-switch.urgent span,
      .DomesticOrderCorporate .business-exchange-form-wrapper .custom-checkbox-toggle .custom-switch.saveTemplate span {
        display: block;
        width: 50%;
        float: left;
        font-size: 15px;
        text-align: center;
        color: #666;
        padding: 4px 5px 4px 5px;
        transition: color 0.3s;
        cursor: pointer;
        position: relative;
        font-size: 16px;
        font-family: "Mark-Medium", sans-serif;
        color: #121212; }
        .DomesticOrderCorporate .business-exchange-form-wrapper .custom-checkbox-toggle .custom-switch.urgent span.active,
        .DomesticOrderCorporate .business-exchange-form-wrapper .custom-checkbox-toggle .custom-switch.saveTemplate span.active {
          color: #FFFFFF; }
  .DomesticOrderCorporate .business-exchange-form-wrapper .credit-type-select-wrapper {
    padding: 17px 10px 17px 16px;
    border: 1px solid #dcdcdc;
    overflow: visible; }
    .DomesticOrderCorporate .business-exchange-form-wrapper .credit-type-select-wrapper .dk-select-options {
      top: 75%;
      border-radius: 0;
      position: relative;
      box-shadow: none;
      display: none;
      z-index: 10;
      width: 100%;
      padding-top: 0;
      border-top: 2px solid #52ae30;
      max-height: 127px;
      background-color: white;
      list-style: none;
      margin: 0;
      overflow-x: hidden;
      overflow-y: auto;
      display: none;
      left: 0;
      right: 0; }
      .DomesticOrderCorporate .business-exchange-form-wrapper .credit-type-select-wrapper .dk-select-options.active {
        display: block !important; }
      .DomesticOrderCorporate .business-exchange-form-wrapper .credit-type-select-wrapper .dk-select-options .dk-option {
        padding: 10px 18px;
        color: #000000;
        background: transparent;
        -webkit-transition: background-color .3s;
        transition: background-color .3s;
        border-bottom: 1px solid transparent;
        border-top: 1px solid transparent; }
        .DomesticOrderCorporate .business-exchange-form-wrapper .credit-type-select-wrapper .dk-select-options .dk-option:first-child {
          border-top: none; }
    .DomesticOrderCorporate .business-exchange-form-wrapper .credit-type-select-wrapper .dk-select .custom-name {
      font-size: 15px;
      color: rgba(0, 0, 0, 0.87); }
    .DomesticOrderCorporate .business-exchange-form-wrapper .credit-type-select-wrapper .dk-select .dk-selected {
      border: none;
      border-radius: 0;
      padding: 0;
      position: relative;
      white-space: nowrap;
      overflow: hidden;
      height: 18px;
      text-overflow: ellipsis;
      z-index: 1;
      transform: translate(3px, 6px); }
      .DomesticOrderCorporate .business-exchange-form-wrapper .credit-type-select-wrapper .dk-select .dk-selected:before {
        content: '';
        display: block; }
  .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner {
    position: relative;
    display: flex;
    justify-content: space-between;
    -webkit-box-pack: justify; }
    .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .input-wrapper.template {
      position: relative;
      width: 100%;
      /*margin-bottom: 30px;*/ }
      .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .input-wrapper.template .part-modal-inner-payments {
        position: relative;
        padding-bottom: 0px; }
        .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .input-wrapper.template .part-modal-inner-payments label {
          top: 8px;
          left: 24px;
          font-size: 12px;
          color: #52ae30;
          font-family: Source Sans Pro semibold,sans-serif;
          position: absolute;
          padding: 0;
          transition: transform .2s,color .2s,top .2s,left .2s,font-size .2s,-webkit-transform .2s;
          pointer-events: none;
          will-change: transform;
          z-index: 1; }
        .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .input-wrapper.template .part-modal-inner-payments.template label {
          font-family: "Mark-Medium", sans-serif;
          font-size: 14px;
          color: #888;
          line-height: 1.42;
          margin-bottom: 8px;
          padding-top: 8px;
          display: block; }
        .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .input-wrapper.template .part-modal-inner-payments.focusin label {
          top: 8px;
          left: 24px;
          font-size: 12px;
          color: #52ae30; }
        .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .input-wrapper.template .part-modal-inner-payments .input-select-templateSelect {
          width: 100% !important; }
          .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .input-wrapper.template .part-modal-inner-payments .input-select-templateSelect .dk-select {
            position: relative;
            transition: border-color .3s;
            margin: 0;
            -webkit-appearance: none;
            line-height: 1.5;
            font-family: "Mark-Regular", sans-serif;
            font-size: 16px;
            text-align: left;
            color: #121212;
            border: 1px solid transparent;
            background-color: #f3f3f3;
            height: 48px; }
            .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .input-wrapper.template .part-modal-inner-payments .input-select-templateSelect .dk-select.select-1 {
              position: relative;
              width: 100%; }
              .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .input-wrapper.template .part-modal-inner-payments .input-select-templateSelect .dk-select.select-1.active {
                border: 2px solid #121212; }
                .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .input-wrapper.template .part-modal-inner-payments .input-select-templateSelect .dk-select.select-1.active:after,
                .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .input-wrapper.template .part-modal-inner-payments .input-select-templateSelect .dk-select.select-1.active .payment-filter-ico {
                  -webkit-transform: rotate(180deg);
                  transform: rotate(180deg); }
            .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .input-wrapper.template .part-modal-inner-payments .input-select-templateSelect .dk-select:after {
              content: '';
              margin-left: 10px;
              position: absolute;
              top: 40%;
              right: 15px;
              /* transform: translate(0, -50%); */
              width: 11px;
              height: 14px;
              background-image: url(images/icons/arrow-bottom-1.png);
              background-position: 50%;
              background-repeat: no-repeat;
              background-size: contain;
              transition: .5s ease; }
            .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .input-wrapper.template .part-modal-inner-payments .input-select-templateSelect .dk-select .payment-filter-ico {
              width: 35px;
              height: 35px;
              top: 30%;
              right: 0; }
            .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .input-wrapper.template .part-modal-inner-payments .input-select-templateSelect .dk-select .dk-selected {
              font-size: 16px;
              line-height: 1.4;
              padding-left: 12px;
              margin-left: 7px;
              width: 84%;
              border: none;
              height: 45px;
              background-color: #f3f3f3;
              border-radius: 8px; }
            .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .input-wrapper.template .part-modal-inner-payments .input-select-templateSelect .dk-select .dk-select-options {
              position: absolute;
              display: none;
              left: 0;
              right: 0;
              top: 100%;
              margin-top: -5px;
              background-color: white;
              border-radius: 10px;
              list-style: none;
              margin: 0;
              max-height: 300px;
              overflow-x: hidden;
              overflow-y: auto;
              height: 150px;
              width: auto;
              z-index: 20;
              font-family: "Mark-Medium", sans-serif;
              color: #121212;
              font-size: 14px;
              line-height: 1.71;
              border-radius: 8px !important;
              top: calc(100% + 8px); }
              .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .input-wrapper.template .part-modal-inner-payments .input-select-templateSelect .dk-select .dk-select-options li.dk-option {
                padding: 5px 5px 5px 15px;
                border-top: 1px solid transparent;
                border-bottom: 1px solid transparent;
                transition: all .3s;
                display: flex;
                /*&:first-child {
                                        display: none !important;
                                    }*/ }
                .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .input-wrapper.template .part-modal-inner-payments .input-select-templateSelect .dk-select .dk-select-options li.dk-option:hover {
                  color: #d20000; }
              .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .input-wrapper.template .part-modal-inner-payments .input-select-templateSelect .dk-select .dk-select-options.active {
                display: block !important; }
                .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .input-wrapper.template .part-modal-inner-payments .input-select-templateSelect .dk-select .dk-select-options.active .dropdown-checkmark-icon {
                  display: none; }
                .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .input-wrapper.template .part-modal-inner-payments .input-select-templateSelect .dk-select .dk-select-options.active .dk-option.shortTemplateSelect.dk-option-selected .dropdown-checkmark-icon {
                  display: block; }
                .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .input-wrapper.template .part-modal-inner-payments .input-select-templateSelect .dk-select .dk-select-options.active .dk-option.shortTemplateSelect.dk-option-selected span {
                  color: #d20000; }
        .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .input-wrapper.template .part-modal-inner-payments .input-select-paymentCode .dk-select .validationMessage {
          margin-top: 7px;
          font-size: 13px; }
        .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .input-wrapper.template .part-modal-inner-payments .input-select-paymentCode .dk-select-options {
          width: 325px !important; }
    .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2.recipient:first-child {
      height: 1065px; }
    .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2.recipient .toggle-payment-open.newRecipient {
      padding-top: 125px !important; }
    .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2.recipient.open {
      height: 1272px; }
    .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2.template {
      height: 640px; }
      .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2.template .toggle-payment-open.template {
        padding-top: 120px !important; }
      .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2.template.open {
        height: 810px; }
    .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .transaction-popup-detail {
      display: flex;
      max-width: 640px;
      border-radius: 8px;
      margin-bottom: 0;
      padding: 11px 24px 11px 16px; }
      .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .transaction-popup-detail:nth-child(odd) {
        background-color: #FFFFFF; }
      .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .transaction-popup-detail:nth-of-type(2n) {
        background-color: #F3F3F3; }
      .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .transaction-popup-detail p {
        width: 50%;
        line-height: 1.125; }
        .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .transaction-popup-detail p:fisrt-child {
          padding-right: 10px; }
      .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .transaction-popup-detail p.active {
        color: #23c841;
        font-family: "Mark-Bold", sans-serif;
        line-height: 1.25; }
      .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .transaction-popup-detail p.inactive {
        color: #d20000;
        font-family: "Mark-Bold", sans-serif; }
      .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .transaction-popup-detail .dot-menu {
        right: 10px; }
    .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2:first-child {
      width: 100%;
      height: 640px;
      overflow: hidden;
      transition: .5s ease; }
    .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2.open {
      height: 810px; }
    .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper label {
      font-family: "Mark-Medium", sans-serif;
      color: #888;
      line-height: 1.42;
      padding-top: 8px;
      margin-bottom: 8px;
      font-size: 14px !important;
      display: block; }
    .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper.paymentCode {
      min-width: 140px; }
    .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-wrapper.with-label-inside {
      position: relative; }
      .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-wrapper.with-label-inside .input-1 {
        font-size: 15px;
        line-height: 1.4; }
      .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-wrapper.with-label-inside .input-1 {
        width: 92%;
        width: -webkit-fill-available;
        width: -moz-available;
        height: auto;
        height: fit-content;
        border-radius: 8px;
        border: 2px solid transparent;
        background-color: #F3F3F3;
        font-family: "Mark-Regular", sans-serif;
        text-align: left;
        color: #121212;
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 6px;
        transition: border-color .3s;
        margin: 0;
        -webkit-appearance: none;
        z-index: 1;
        cursor: pointer; }
        .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-wrapper.with-label-inside .input-1.model {
          width: auto;
          width: -webkit-fill-available;
          width: -moz-available; }
        .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-wrapper.with-label-inside .input-1:focus {
          border: 2px solid #121212; }
      .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-wrapper.with-label-inside .transaction-filter.transaction-calendar {
        background-color: #F3F3F3;
        border-radius: 8px; }
        .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-wrapper.with-label-inside .transaction-filter.transaction-calendar .input-1 {
          background-color: transparent; }
      .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-wrapper.with-label-inside.label-inside-custom-select label {
        top: 8px;
        left: 24px px;
        font-size: 12px;
        color: #52ae30;
        font-family: Source Sans Pro semibold,sans-serif; }
      .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-wrapper.with-label-inside label {
        font-family: "Mark-Medium", sans-serif;
        font-size: 14px !important;
        line-height: 1.42;
        color: #888;
        margin-bottom: 8px !important;
        padding-top: 8px !important;
        display: block; }
      .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-wrapper.with-label-inside .input-text-right {
        position: absolute;
        top: 50%;
        right: 16px;
        transform: translateY(-50%);
        margin: 0; }
      .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-wrapper.with-label-inside .input-ico-right-wrapper {
        position: absolute;
        width: 40px;
        height: 40px;
        top: 50%;
        right: 5px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        border-radius: 50%;
        cursor: pointer; }
        .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-wrapper.with-label-inside .input-ico-right-wrapper .input-ico-right {
          position: absolute;
          width: 20px;
          height: 20px;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          fill: currentColor;
          stroke: currentColor; }
    .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-wrapper.focusin {
      /* label {
                            font-size: 14px !important;
                            color: #888;
                            font-family: $secondaryfont;
                            line-height: 1.42;
                            margin-bottom: 8px !important;
                            padding-top: 8px !important;
                            display: block;
                        }*/ }
    .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .exhange-form-select {
      padding: 23px 30px 6px 24px;
      border: 1px solid #dcdcdc;
      cursor: pointer; }
      .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .exhange-form-select .payment-filter-ico {
        width: 35px;
        height: 35px;
        right: 0;
        top: 30%; }
    .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper {
      display: flex;
      -webkit-box-pack: justify;
      justify-content: space-between;
      -webkit-box-align: start;
      align-items: flex-start; }
      .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper.creditAcc .input-wrapper {
        width: 100%;
        margin-right: 0px; }
      .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper {
        position: relative;
        width: 23%;
        min-width: 180px;
        margin-right: 16px;
        /*margin-bottom: 30px;*/ }
        .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments {
          position: relative;
          padding-bottom: 0px; }
          .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments label {
            top: 8px;
            left: 24px;
            font-size: 12px;
            color: #52ae30;
            font-family: Source Sans Pro semibold,sans-serif;
            position: absolute;
            padding: 0;
            transition: transform .2s,color .2s,top .2s,left .2s,font-size .2s,-webkit-transform .2s;
            pointer-events: none;
            will-change: transform;
            z-index: 1; }
          .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments.paymentCode label {
            font-family: "Mark-Medium", sans-serif;
            font-size: 14px;
            color: #888;
            line-height: 1.42;
            margin-bottom: 8px;
            padding-top: 8px;
            display: block; }
          .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments.focusin label {
            top: 8px;
            left: 24px;
            font-size: 12px;
            color: #52ae30; }
          .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-creditAcc,
          .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-paymentCode {
            width: 95% !important; }
            .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-creditAcc .dk-select,
            .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-paymentCode .dk-select {
              position: relative;
              transition: border-color .3s;
              margin: 0;
              -webkit-appearance: none;
              line-height: 1.5;
              font-family: "Mark-Regular", sans-serif;
              font-size: 16px;
              text-align: left;
              color: #121212;
              border: 1px solid transparent;
              background-color: #f3f3f3;
              height: 48px; }
              .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-creditAcc .dk-select.select-1,
              .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-paymentCode .dk-select.select-1 {
                position: relative;
                width: 100%; }
                .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-creditAcc .dk-select.select-1.active,
                .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-paymentCode .dk-select.select-1.active {
                  border: 2px solid #121212; }
                  .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-creditAcc .dk-select.select-1.active:after,
                  .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-creditAcc .dk-select.select-1.active .payment-filter-ico,
                  .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-paymentCode .dk-select.select-1.active:after,
                  .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-paymentCode .dk-select.select-1.active .payment-filter-ico {
                    -webkit-transform: rotate(180deg);
                    transform: rotate(180deg); }
              .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-creditAcc .dk-select:after,
              .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-paymentCode .dk-select:after {
                content: '';
                margin-left: 10px;
                position: absolute;
                top: 40%;
                right: 15px;
                /* transform: translate(0, -50%); */
                width: 11px;
                height: 14px;
                background-image: url(images/icons/arrow-bottom-1.png);
                background-position: 50%;
                background-repeat: no-repeat;
                background-size: contain;
                transition: .5s ease; }
              .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-creditAcc .dk-select .payment-filter-ico,
              .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-paymentCode .dk-select .payment-filter-ico {
                width: 35px;
                height: 35px;
                top: 30%;
                right: 0; }
              .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-creditAcc .dk-select .dk-selected,
              .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-paymentCode .dk-select .dk-selected {
                font-size: 16px;
                line-height: 1.4;
                padding-left: 12px;
                margin-left: 7px;
                width: 84%;
                border: none;
                height: 45px;
                background-color: #f3f3f3;
                border-radius: 8px; }
              .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-creditAcc .dk-select .dk-select-options,
              .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-paymentCode .dk-select .dk-select-options {
                position: absolute;
                display: none;
                left: 0;
                right: 0;
                top: 100%;
                margin-top: -5px;
                background-color: white;
                border-radius: 10px;
                list-style: none;
                margin: 0;
                max-height: 300px;
                overflow-x: hidden;
                overflow-y: auto;
                height: 150px;
                width: auto;
                z-index: 20;
                font-family: "Mark-Medium", sans-serif;
                color: #121212;
                font-size: 14px;
                line-height: 1.71;
                border-radius: 8px !important;
                top: calc(100% + 8px); }
                .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-creditAcc .dk-select .dk-select-options li.dk-option,
                .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-paymentCode .dk-select .dk-select-options li.dk-option {
                  padding: 5px 5px 5px 15px;
                  border-top: 1px solid transparent;
                  border-bottom: 1px solid transparent;
                  transition: all .3s;
                  display: flex; }
                  .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-creditAcc .dk-select .dk-select-options li.dk-option:first-child,
                  .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-paymentCode .dk-select .dk-select-options li.dk-option:first-child {
                    display: none !important; }
                  .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-creditAcc .dk-select .dk-select-options li.dk-option:hover,
                  .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-paymentCode .dk-select .dk-select-options li.dk-option:hover {
                    color: #d20000; }
                .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-creditAcc .dk-select .dk-select-options.active,
                .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-paymentCode .dk-select .dk-select-options.active {
                  display: block !important; }
                  .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-creditAcc .dk-select .dk-select-options.active .dropdown-checkmark-icon,
                  .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-paymentCode .dk-select .dk-select-options.active .dropdown-checkmark-icon {
                    display: none; }
                  .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-creditAcc .dk-select .dk-select-options.active .dk-option.paymentCode.dk-option-selected .dropdown-checkmark-icon,
                  .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-paymentCode .dk-select .dk-select-options.active .dk-option.paymentCode.dk-option-selected .dropdown-checkmark-icon {
                    display: block; }
                  .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-creditAcc .dk-select .dk-select-options.active .dk-option.paymentCode.dk-option-selected span,
                  .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-paymentCode .dk-select .dk-select-options.active .dk-option.paymentCode.dk-option-selected span {
                    color: #d20000; }
          .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-paymentCode .dk-select .validationMessage {
            margin-top: 7px;
            font-size: 13px; }
          .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-paymentCode .dk-select-options {
            width: 325px !important; }
      .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .col-1 {
        width: 23%;
        min-width: 100px;
        margin-right: 16px; }
      .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .col-2 {
        width: 100%;
        min-width: 180px;
        margin-right: 0; }
      .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .col-last {
        margin-right: 0; }
      .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .full-minus-col-1 {
        width: calc(100% - (18% + 16px)); }
      .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .full-minus-col-2 {
        width: 100%; }
      .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .wraperOptions {
        width: 33%; }
        .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .wraperOptions.active .intrabank-wrapper .input-wrap {
          border-bottom-right-radius: unset;
          border-bottom-left-radius: unset; }
      .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .intrabank-wrapper {
        position: relative;
        width: 100%; }
        .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .intrabank-wrapper.label-inside-custom-select .paymentCode {
          border-radius: 30px;
          overflow: hidden;
          border: 1px solid #dcdcdc;
          background-color: white; }
        .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down {
          right: 15px; }
          .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .intrabank-wrapper.label-inside-custom-select .payment-filter-ico.payment-ico-filter-down.pay {
            top: 50%; }
  .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-btn-wrapper-right .btn-2 {
    margin: 0;
    box-shadow: none; }
  .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-btn-wrapper {
    width: 100%;
    display: flex;
    padding-top: 35px;
    margin-bottom: 48px;
    border-top: 1px solid #e6e6e6; }
    .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-btn-wrapper .btn-2 {
      margin-right: 16px;
      padding: 14px 16px;
      border-radius: 8px;
      font-family: "Mark-Medium", sans-serif;
      font-size: 16px;
      line-height: 1;
      transition: background-color .3s;
      border: 2px solid transparent;
      text-wrap: nowrap;
      cursor: pointer; }
      .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-btn-wrapper .btn-2.color-2 {
        color: #fff;
        background-color: #d20000;
        display: flex;
        justify-content: center;
        margin-right: 0; }
        .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-btn-wrapper .btn-2.color-2 svg {
          top: 12px;
          left: 12px;
          width: 20px;
          height: 22px;
          background-size: cover;
          padding-right: 5px; }
        .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-btn-wrapper .btn-2.color-2:hover {
          background-color: #b40000; }
      .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-btn-wrapper .btn-2.color-3 {
        color: #121212;
        background-color: #f3f3f3; }
        .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-btn-wrapper .btn-2.color-3:hover {
          background-color: #e6e6e6; }

.no-border {
  border: none !important; }

.margin-24 {
  margin-bottom: 24px; }

.margin-3 {
  margin-bottom: 30px; }

.margin-7 {
  margin-bottom: 70px; }

.newTemplate .accountDetailsPopup .account-inter-inner-scroll .formWrapperDialog {
  height: 1500px !important; }
  .newTemplate .accountDetailsPopup .account-inter-inner-scroll .formWrapperDialog.open {
    height: 1290px; }

.newTemplate .wrapperIntraCode .dk-selected {
  padding-left: 4%; }

.newTemplate .credit-type-select-wrapper {
  padding: 17px 0 17px 0;
  border: 1px solid #E8E9EC; }

.newTemplate .formWrapperDialog .wrapperIntra {
  width: 100%;
  gap: 16px; }
  .newTemplate .formWrapperDialog .wrapperIntra .model {
    width: 30%; }
  .newTemplate .formWrapperDialog .wrapperIntra .refNum {
    width: 70%; }
    .newTemplate .formWrapperDialog .wrapperIntra .refNum .input-1 {
      width: 64% !important; }

.newTemplate .formWrapperDialog .dk-select-options.template.code.active {
  z-index: 3; }

.newTemplate .wrapperIntraCode.code .dk-selected p,
.newTemplate .wrapperIntraCode.debitAccount .dk-selected p {
  padding-left: 4%; }

.newTemplate .wrapperIntraCode.code.active .input-wrap.code,
.newTemplate .wrapperIntraCode.code.active .input-wrap.debitAccount,
.newTemplate .wrapperIntraCode.debitAccount.active .input-wrap.code,
.newTemplate .wrapperIntraCode.debitAccount.active .input-wrap.debitAccount {
  border-radius: 8px !important;
  border: 2px solid #121212; }

.newTemplate .wrapperIntraCode.code.active .dk-select-options,
.newTemplate .wrapperIntraCode.debitAccount.active .dk-select-options {
  left: 0;
  right: 0;
  top: calc(100% + 8px);
  margin-top: -5px;
  position: absolute;
  background-color: #FFFFFF;
  border-radius: 8px;
  list-style: none;
  margin: 0;
  max-height: 230px;
  overflow-x: hidden;
  overflow-y: auto;
  width: auto;
  z-index: 20;
  font-family: "Mark-Medium", sans-serif;
  color: #121212;
  padding-right: 25px;
  font-size: 14px;
  box-shadow: 0 2px rgba(18, 18, 18, 0.16);
  margin-top: 4%;
  line-height: 1.71; }
  .newTemplate .wrapperIntraCode.code.active .dk-select-options.debitAccount,
  .newTemplate .wrapperIntraCode.debitAccount.active .dk-select-options.debitAccount {
    height: 130px; }
  .newTemplate .wrapperIntraCode.code.active .dk-select-options.code,
  .newTemplate .wrapperIntraCode.debitAccount.active .dk-select-options.code {
    height: 150px; }

#accountBalanceDomesticTemplate .popup-btn-wrapper {
  margin-bottom: 30px; }

#accountBalanceDomesticTemplate .validationMessage {
  position: absolute;
  width: auto; }

.right-dialog.details-dialog.commissionDialog .accountDetailsPopup .account-item-inner {
  height: 80vh !important; }
  .right-dialog.details-dialog.commissionDialog .accountDetailsPopup .account-item-inner .popup-btn-wrapper .btn-2 {
    width: 48%; }
    .right-dialog.details-dialog.commissionDialog .accountDetailsPopup .account-item-inner .popup-btn-wrapper .btn-2:first-child {
      margin-right: 10px; }
    .right-dialog.details-dialog.commissionDialog .accountDetailsPopup .account-item-inner .popup-btn-wrapper .btn-2.color-3:hover {
      background: #E6E6E6 !important; }
    .right-dialog.details-dialog.commissionDialog .accountDetailsPopup .account-item-inner .popup-btn-wrapper .btn-2.color-2 {
      background: #d20000 !important;
      color: #fff !important; }
      .right-dialog.details-dialog.commissionDialog .accountDetailsPopup .account-item-inner .popup-btn-wrapper .btn-2.color-2:hover {
        background: #b40000 !important; }
  .right-dialog.details-dialog.commissionDialog .accountDetailsPopup .account-item-inner .optiscroll-content .account-inter-inner-scroll .transaction-popup-details-wrapper {
    height: 40vh; }

#SMSmessageDialog .modal-two-cta {
  max-width: 300px;
  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;
  padding-top: 17px;
  margin: 0 auto; }

#SMSmessageDialog .btn-1 {
  display: inline-block;
  font-family: Source Sans Pro semibold,sans-serif;
  font-size: 15px;
  text-align: center;
  border: none;
  padding: 15px 17px;
  border-radius: 25px;
  cursor: pointer;
  transition: background-color .3s;
  -webkit-appearance: none;
  width: 46%;
  font-weight: 400; }
  #SMSmessageDialog .btn-1:first-child {
    margin-right: 20px; }
  #SMSmessageDialog .btn-1.color-2 {
    color: rgba(0, 0, 0, 0.87);
    background: #ffffff; }
    #SMSmessageDialog .btn-1.color-2:hover {
      background: #e8e9ec; }
  #SMSmessageDialog .btn-1.color-1 {
    color: #ffffff;
    background: #52ae30; }
    #SMSmessageDialog .btn-1.color-1:hover {
      background: #2a7f00; }

.OrderPackageListCorporate {
  margin-top: 15%; }
  .OrderPackageListCorporate .ok {
    color: #52ae30;
    font-family: "Mark-Regular", sans-serif;
    margin-bottom: 0; }
    .OrderPackageListCorporate .ok p {
      margin-bottom: 0; }
  .OrderPackageListCorporate .nok {
    color: #ff435a;
    font-family: "Mark-Regular", sans-serif;
    margin-bottom: 0; }
    .OrderPackageListCorporate .nok p {
      margin-bottom: 0; }
  .OrderPackageListCorporate .gvPackageList thead tr th {
    text-align: left; }
  .OrderPackageListCorporate .gvPackageList tbody tr td {
    padding: 5px; }
    .OrderPackageListCorporate .gvPackageList tbody tr td:nth-child(7) {
      text-align: left; }
    .OrderPackageListCorporate .gvPackageList tbody tr td.align-center {
      text-align: left; }
    .OrderPackageListCorporate .gvPackageList tbody tr td.Multiselect {
      border-bottom-left-radius: 31px;
      border-top-left-radius: 31px; }
    .OrderPackageListCorporate .gvPackageList tbody tr td:last-child {
      border-top-right-radius: 31px;
      border-bottom-right-radius: 31px; }

.DomesticOrderListCorporate,
.ForeignOrderListCorporate {
  margin-bottom: 18%; }

.OrderPackageDetailsCorporate {
  margin-bottom: 5%; }
  .OrderPackageDetailsCorporate .filter-error-ico {
    background-image: url("images/icons/ic_izaberite_paket@2x.png");
    background-repeat: no-repeat;
    background-size: 100%;
    margin-left: auto;
    margin-right: auto; }
  .OrderPackageDetailsCorporate .pdf-download {
    padding: 13px 20px;
    margin-left: 16px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08);
    -webkit-transition: box-shadow .5s, background-color .5s;
    transition: box-shadow .5s, background-color .5s;
    border-radius: 20px; }
  .OrderPackageDetailsCorporate .dot-menu-text-wrapper {
    position: relative;
    float: right; }
  .OrderPackageDetailsCorporate .page-text {
    text-transform: none !important; }
  .OrderPackageDetailsCorporate .form-submit-btn-ico {
    position: relative;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-12%);
    stroke: currentColor; }
  .OrderPackageDetailsCorporate .ok {
    color: #52ae30;
    font-family: "Mark-Regular", sans-serif;
    margin-bottom: 0; }
    .OrderPackageDetailsCorporate .ok p {
      margin-bottom: 0; }
  .OrderPackageDetailsCorporate .nok {
    color: #ff435a;
    font-family: "Mark-Regular", sans-serif;
    margin-bottom: 0; }
    .OrderPackageDetailsCorporate .nok p {
      margin-bottom: 0; }
  .OrderPackageDetailsCorporate .gvOrderList thead tr th {
    text-align: left;
    font-size: 14px !important; }
    .OrderPackageDetailsCorporate .gvOrderList thead tr th:nth-child(3), .OrderPackageDetailsCorporate .gvOrderList thead tr th:nth-child(4) {
      width: 8%; }
    .OrderPackageDetailsCorporate .gvOrderList thead tr th:nth-child(5) {
      width: 12%; }
    .OrderPackageDetailsCorporate .gvOrderList thead tr th:nth-child(6) {
      width: 15%; }
      .OrderPackageDetailsCorporate .gvOrderList thead tr th:nth-child(6) .sort-indicator {
        margin-top: -1.25em; }
    .OrderPackageDetailsCorporate .gvOrderList thead tr th:nth-child(7) {
      width: 10%;
      text-align: right; }
    .OrderPackageDetailsCorporate .gvOrderList thead tr th:nth-child(8) {
      width: 7%; }
    .OrderPackageDetailsCorporate .gvOrderList thead tr th:nth-child(9) {
      width: 12%; }
    .OrderPackageDetailsCorporate .gvOrderList thead tr th:nth-child(10) {
      text-align: left; }
  .OrderPackageDetailsCorporate .gvOrderList tbody tr td {
    line-height: 1.4 !important;
    padding: 5px; }
    .OrderPackageDetailsCorporate .gvOrderList tbody tr td.align-center {
      text-align: left; }
  .OrderPackageDetailsCorporate .package-detail {
    background: url("images/icons/packageSelect.png");
    width: 48px;
    height: 48px;
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.accountDetailsPopup.accDetailsPopup.packageDialog .transaction-popup-details-wrapper {
  height: 38vh; }

.accountDetailsPopup.accDetailsPopup.packageDialog .foreign-currency-payment-side-bottom-comment {
  border-top: 1px dotted rgba(0, 0, 0, 0.54);
  padding-top: 40px; }

.accountDetailsPopup.accDetailsPopup.packageDialog .popup-btn-wrapper {
  padding: 20px 40px 0; }
  .accountDetailsPopup.accDetailsPopup.packageDialog .popup-btn-wrapper .btn-shadow-1:hover {
    background-color: #2A7F00;
    box-shadow: 0 0 14px rgba(54, 60, 164, 0.4); }
  .accountDetailsPopup.accDetailsPopup.packageDialog .popup-btn-wrapper .btn-2 {
    width: 200px !important;
    border-radius: 25px;
    background-color: white;
    color: #52AE30;
    border: none;
    font-weight: bold;
    font-size: 14px;
    transition: all .5s ease; }
    .accountDetailsPopup.accDetailsPopup.packageDialog .popup-btn-wrapper .btn-2:first-child {
      margin-right: 10px; }
    .accountDetailsPopup.accDetailsPopup.packageDialog .popup-btn-wrapper .btn-2.color-3:hover {
      background: #E6E6E6 !important;
      border-color: #E6E6E6 !important; }
    .accountDetailsPopup.accDetailsPopup.packageDialog .popup-btn-wrapper .btn-2.color-2 {
      background: #52ae30 !important;
      color: #fff !important; }

.DomesticOrderListCorporate,
.ForeignOrderListCorporate,
.OrderPackageListCorporate,
.OrderPackageDetailsCorporate {
  margin-top: 60px; }
  @media only screen and (max-width: 1200px) {
    .DomesticOrderListCorporate,
    .ForeignOrderListCorporate,
    .OrderPackageListCorporate,
    .OrderPackageDetailsCorporate {
      margin-top: 100px; } }
  .DomesticOrderListCorporate input.cbMultiselect,
  .ForeignOrderListCorporate input.cbMultiselect,
  .OrderPackageListCorporate input.cbMultiselect,
  .OrderPackageDetailsCorporate input.cbMultiselect {
    accent-color: #d20000;
    margin: 0;
    width: 18px;
    height: 18px;
    position: relative;
    top: 5px; }
  .DomesticOrderListCorporate input.cbMultiselectAll,
  .ForeignOrderListCorporate input.cbMultiselectAll,
  .OrderPackageListCorporate input.cbMultiselectAll,
  .OrderPackageDetailsCorporate input.cbMultiselectAll {
    accent-color: #d20000;
    margin: 0;
    width: 18px;
    height: 18px;
    position: relative;
    top: 5px; }
  .DomesticOrderListCorporate .total-data,
  .ForeignOrderListCorporate .total-data,
  .OrderPackageListCorporate .total-data,
  .OrderPackageDetailsCorporate .total-data {
    display: flex;
    color: rgba(0, 0, 0, 0.54);
    font-family: 'Source-Sans-Pro-semibold';
    font-size: 15px; }
  .DomesticOrderListCorporate .account-statement-calendar-wrapper,
  .ForeignOrderListCorporate .account-statement-calendar-wrapper,
  .OrderPackageListCorporate .account-statement-calendar-wrapper,
  .OrderPackageDetailsCorporate .account-statement-calendar-wrapper {
    min-width: 256px;
    margin: 0 0 20px;
    padding-right: 16px;
    -webkit-box-align: end;
    position: relative !important;
    display: flex;
    top: -60px;
    left: 35%;
    max-width: 375px; }
  .DomesticOrderListCorporate .account-statement-calendar-wrapper-right,
  .ForeignOrderListCorporate .account-statement-calendar-wrapper-right,
  .OrderPackageListCorporate .account-statement-calendar-wrapper-right,
  .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right {
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    margin-top: -50px; }
    @media only screen and (max-width: 1400px) {
      .DomesticOrderListCorporate .account-statement-calendar-wrapper-right,
      .ForeignOrderListCorporate .account-statement-calendar-wrapper-right,
      .OrderPackageListCorporate .account-statement-calendar-wrapper-right,
      .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right {
        justify-content: flex-start; } }
    @media only screen and (max-width: 1024px) {
      .DomesticOrderListCorporate .account-statement-calendar-wrapper-right,
      .ForeignOrderListCorporate .account-statement-calendar-wrapper-right,
      .OrderPackageListCorporate .account-statement-calendar-wrapper-right,
      .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right {
        flex-wrap: wrap;
        /*.form-group,
            .popup-form-submit-btn {
                width: 100% !important;
                margin: 0 0 10px 0 !important;
            }*/ } }
    .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .form-group,
    .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .form-group,
    .OrderPackageListCorporate .account-statement-calendar-wrapper-right .form-group,
    .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .form-group {
      min-width: 320px;
      margin-right: 16px;
      margin-bottom: 16px; }
    .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .popup-form-submit-btn,
    .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .popup-form-submit-btn,
    .OrderPackageListCorporate .account-statement-calendar-wrapper-right .popup-form-submit-btn,
    .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .popup-form-submit-btn {
      width: unset;
      padding: 10px 16px 10px 16px;
      box-shadow: none;
      margin: 0;
      transition: background-color .5s,box-shadow .5s;
      position: relative;
      height: 16px; }
      .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .popup-form-submit-btn span,
      .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .popup-form-submit-btn span,
      .OrderPackageListCorporate .account-statement-calendar-wrapper-right .popup-form-submit-btn span,
      .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .popup-form-submit-btn span {
        position: relative;
        padding-left: 28px; }
      .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .popup-form-submit-btn:not(:last-child),
      .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .popup-form-submit-btn:not(:last-child),
      .OrderPackageListCorporate .account-statement-calendar-wrapper-right .popup-form-submit-btn:not(:last-child),
      .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .popup-form-submit-btn:not(:last-child) {
        margin-right: 16px; }
    .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .btn-1,
    .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .btn-1,
    .OrderPackageListCorporate .account-statement-calendar-wrapper-right .btn-1,
    .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .btn-1 {
      display: inline-block;
      font-family: "Mark-Medium", sans-serif;
      font-size: 16px;
      line-height: 1;
      transition: background-color .3s;
      border: 2px solid transparent;
      text-wrap: nowrap;
      border-radius: 8px;
      cursor: pointer;
      -webkit-appearance: none; }
      .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .btn-1.color-2,
      .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .btn-1.color-2,
      .OrderPackageListCorporate .account-statement-calendar-wrapper-right .btn-1.color-2,
      .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .btn-1.color-2 {
        color: #121212;
        background: #f3f3f3; }
        .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .btn-1.color-2:hover,
        .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .btn-1.color-2:hover,
        .OrderPackageListCorporate .account-statement-calendar-wrapper-right .btn-1.color-2:hover,
        .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .btn-1.color-2:hover {
          background-color: #E6E6E6; }
      .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .btn-1.color-1,
      .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .btn-1.color-1,
      .OrderPackageListCorporate .account-statement-calendar-wrapper-right .btn-1.color-1,
      .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .btn-1.color-1 {
        color: #FFFFFF;
        background-color: #d20000; }
        .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .btn-1.color-1:hover,
        .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .btn-1.color-1:hover,
        .OrderPackageListCorporate .account-statement-calendar-wrapper-right .btn-1.color-1:hover,
        .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .btn-1.color-1:hover {
          background-color: #b40000; }
    .DomesticOrderListCorporate .account-statement-calendar-wrapper-right select.select-1,
    .ForeignOrderListCorporate .account-statement-calendar-wrapper-right select.select-1,
    .OrderPackageListCorporate .account-statement-calendar-wrapper-right select.select-1,
    .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right select.select-1 {
      width: 0;
      height: 0;
      visibility: hidden;
      position: absolute;
      display: none; }
    .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .form-submit-btn-ico,
    .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .form-submit-btn-ico,
    .OrderPackageListCorporate .account-statement-calendar-wrapper-right .form-submit-btn-ico,
    .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .form-submit-btn-ico {
      height: 20px;
      position: absolute;
      width: 20px;
      top: 50%;
      left: 12px;
      transform: translateY(-50%);
      /*@media only screen and (max-width: 1024px) {
                left: 40%;
            }*/ }
      .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .form-submit-btn-ico span,
      .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .form-submit-btn-ico span,
      .OrderPackageListCorporate .account-statement-calendar-wrapper-right .form-submit-btn-ico span,
      .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .form-submit-btn-ico span {
        font-size: 15px;
        font-family: "Source-Sans-Pro", sans-serif;
        top: 2px; }
    .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .dk-select.createPackage .dk-selected .page-text,
    .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .dk-select.createPackage .dk-selected .page-text,
    .OrderPackageListCorporate .account-statement-calendar-wrapper-right .dk-select.createPackage .dk-selected .page-text,
    .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .dk-select.createPackage .dk-selected .page-text {
      padding-left: 45px; }
      @media only screen and (max-width: 1024px) {
        .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .dk-select.createPackage .dk-selected .page-text,
        .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .dk-select.createPackage .dk-selected .page-text,
        .OrderPackageListCorporate .account-statement-calendar-wrapper-right .dk-select.createPackage .dk-selected .page-text,
        .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .dk-select.createPackage .dk-selected .page-text {
          padding-left: 55px; } }
    .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .dk-select.createPackage .form-submit-btn-ico,
    .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .dk-select.createPackage .form-submit-btn-ico,
    .OrderPackageListCorporate .account-statement-calendar-wrapper-right .dk-select.createPackage .form-submit-btn-ico,
    .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .dk-select.createPackage .form-submit-btn-ico {
      z-index: 21; }
    .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .select-1,
    .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .select-1,
    .OrderPackageListCorporate .account-statement-calendar-wrapper-right .select-1,
    .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .select-1 {
      position: relative;
      /*&:before {
                    content: "";
                    width: 100%;
                    position: absolute;
                    left: 0;
                    opacity: 0;
                    pointer-events: none;
                    -webkit-transition: opacity .3s;
                    transition: opacity .3s;
                    height: 30px;
                    background: #efefef;
                    top: 30px;
                }*/ }
      .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-down,
      .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-down,
      .OrderPackageListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-down,
      .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-down {
        z-index: 22; }
        .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-down.dk-selected,
        .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-down.dk-selected,
        .OrderPackageListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-down.dk-selected,
        .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-down.dk-selected {
          border-radius: 25px 25px 0 0;
          border-bottom: 2px solid #52ae30; }
        .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-down .dk-select-options,
        .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-down .dk-select-options,
        .OrderPackageListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-down .dk-select-options,
        .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-down .dk-select-options {
          opacity: 1;
          visibility: visible; }
      .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .select-1:after,
      .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .select-1:after,
      .OrderPackageListCorporate .account-statement-calendar-wrapper-right .select-1:after,
      .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .select-1:after {
        height: 60px;
        top: 0;
        z-index: 30; }
      .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .select-1 .dk-select-options .hidden-option,
      .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .select-1 .dk-select-options .hidden-option,
      .OrderPackageListCorporate .account-statement-calendar-wrapper-right .select-1 .dk-select-options .hidden-option,
      .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .select-1 .dk-select-options .hidden-option {
        display: none; }
      .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option,
      .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option,
      .OrderPackageListCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option,
      .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option {
        -webkit-transition: color .3s;
        transition: color .3s;
        cursor: pointer;
        font-family: "Mark-Medium", sans-serif;
        font-size: 14px;
        line-height: 1.71;
        color: #121212;
        text-align: left;
        background: transparent;
        position: relative;
        padding-right: 25px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 10px; }
        .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option svg.pdf-ico,
        .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option svg.pdf-ico,
        .OrderPackageListCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option svg.pdf-ico,
        .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option svg.pdf-ico {
          width: 24px;
          height: 24px;
          padding-right: 16px;
          display: inline-block; }
        .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option span,
        .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option span,
        .OrderPackageListCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option span,
        .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option span {
          display: inline-flex; }
        .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option:hover,
        .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option:hover,
        .OrderPackageListCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option:hover,
        .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option:hover {
          color: #d20000; }
        .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option.business-exchange-option-1:before,
        .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option.business-exchange-option-1:before,
        .OrderPackageListCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option.business-exchange-option-1:before,
        .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option.business-exchange-option-1:before {
          position: absolute;
          content: "";
          width: 20px;
          height: 20px;
          top: 50%;
          left: 20px;
          transform: translateY(-50%);
          background: url("images/icons-2x/folder-add-icon.png");
          background-repeat: no-repeat;
          background-size: contain; }
        .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option.business-exchange-option-2:before,
        .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option.business-exchange-option-2:before,
        .OrderPackageListCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option.business-exchange-option-2:before,
        .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option.business-exchange-option-2:before {
          position: absolute;
          content: "";
          width: 20px;
          height: 20px;
          top: 50%;
          left: 20px;
          transform: translateY(-50%);
          background: url("images/icons-2x/copy-icon.png");
          background-repeat: no-repeat;
          background-size: contain; }
        .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option.business-exchange-option-3:before,
        .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option.business-exchange-option-3:before,
        .OrderPackageListCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option.business-exchange-option-3:before,
        .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option.business-exchange-option-3:before {
          position: absolute;
          content: "";
          width: 20px;
          height: 20px;
          top: 50%;
          left: 20px;
          transform: translateY(-50%);
          background: url("images/icons-2x/delete-icon.png");
          background-repeat: no-repeat;
          background-size: contain; }
        .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option.business-exchange-option-4:before,
        .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option.business-exchange-option-4:before,
        .OrderPackageListCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option.business-exchange-option-4:before,
        .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option.business-exchange-option-4:before {
          position: absolute;
          content: "";
          width: 20px;
          height: 20px;
          top: 50%;
          left: 20px;
          transform: translateY(-50%);
          background: url("images/icons-2x/edit-icon.png");
          background-repeat: no-repeat;
          background-size: contain; }
        .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option.business-exchange-option-5:before,
        .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option.business-exchange-option-5:before,
        .OrderPackageListCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option.business-exchange-option-5:before,
        .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option.business-exchange-option-5:before {
          position: absolute;
          content: "";
          width: 20px;
          height: 20px;
          top: 50%;
          left: 20px;
          transform: translateY(-50%);
          background: url("images/icons-2x/list-icon.png");
          background-repeat: no-repeat;
          background-size: contain; }
        .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option.business-exchange-option-6:before,
        .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option.business-exchange-option-6:before,
        .OrderPackageListCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option.business-exchange-option-6:before,
        .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option.business-exchange-option-6:before {
          position: absolute;
          content: "";
          width: 20px;
          height: 20px;
          top: 50%;
          left: 20px;
          transform: translateY(-50%);
          background: url("images/icons-2x/arrow-icon.png");
          background-repeat: no-repeat;
          background-size: contain; }
    .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .business-exchange-type-select .dk-selected,
    .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .business-exchange-type-select .dk-selected,
    .OrderPackageListCorporate .account-statement-calendar-wrapper-right .business-exchange-type-select .dk-selected,
    .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .business-exchange-type-select .dk-selected {
      padding: 5px 0 13px 0;
      position: relative; }
    .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .dk-select-options,
    .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .dk-select-options,
    .OrderPackageListCorporate .account-statement-calendar-wrapper-right .dk-select-options,
    .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .dk-select-options {
      margin-top: 60px;
      max-height: unset;
      position: absolute;
      min-width: 280px;
      top: 0;
      left: 0;
      border: 1px solid #E6E6E6;
      background-color: #ffffff;
      opacity: 0;
      visibility: hidden;
      transition: opacity .3s ease,visibility .3s ease;
      overflow: auto;
      z-index: 10;
      border-radius: 8px;
      box-shadow: 0 2px rgba(18, 18, 18, 0.16);
      padding: 20px; }
    .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .dk-selected,
    .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .dk-selected,
    .OrderPackageListCorporate .account-statement-calendar-wrapper-right .dk-selected,
    .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .dk-selected {
      border-bottom: 2px solid #52ae30;
      width: 100%;
      font-family: "Mark-Regular", sans-serif;
      font-size: 16px;
      line-height: 1.5;
      color: #121212;
      border: 2px solid transparent;
      background: #f3f3f3;
      border-radius: 8px;
      outline: none;
      cursor: pointer;
      z-index: 1;
      transition: background-color .3s;
      height: 18px; }
      .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .dk-selected div.page-text-6,
      .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .dk-selected div.page-text-6,
      .OrderPackageListCorporate .account-statement-calendar-wrapper-right .dk-selected div.page-text-6,
      .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .dk-selected div.page-text-6 {
        width: fit-content;
        padding-left: 12px; }
      .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .dk-selected:after,
      .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .dk-selected:after,
      .OrderPackageListCorporate .account-statement-calendar-wrapper-right .dk-selected:after,
      .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .dk-selected:after {
        content: "";
        display: block;
        width: 11px;
        height: 14px;
        position: absolute;
        top: 40%;
        right: 14px;
        background: url(images/icons/arrow-bottom-1.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        transition: .5s ease; }
    .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-down,
    .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-up,
    .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-down,
    .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-up,
    .OrderPackageListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-down,
    .OrderPackageListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-up,
    .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-down,
    .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-up {
      z-index: 22; }
      .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-down:before,
      .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-up:before,
      .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-down:before,
      .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-up:before,
      .OrderPackageListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-down:before,
      .OrderPackageListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-up:before,
      .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-down:before,
      .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-up:before {
        opacity: 1; }
      .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-down .dk-selected,
      .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-up .dk-selected,
      .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-down .dk-selected,
      .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-up .dk-selected,
      .OrderPackageListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-down .dk-selected,
      .OrderPackageListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-up .dk-selected,
      .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-down .dk-selected,
      .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-up .dk-selected {
        border: 2px solid #121212; }
        .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-down .dk-selected:after,
        .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-up .dk-selected:after,
        .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-down .dk-selected:after,
        .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-up .dk-selected:after,
        .OrderPackageListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-down .dk-selected:after,
        .OrderPackageListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-up .dk-selected:after,
        .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-down .dk-selected:after,
        .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-up .dk-selected:after {
          transform: rotate(180deg); }
  .DomesticOrderListCorporate .custom-switch,
  .ForeignOrderListCorporate .custom-switch,
  .OrderPackageListCorporate .custom-switch,
  .OrderPackageDetailsCorporate .custom-switch {
    margin-bottom: 0;
    display: flex;
    width: 100%;
    font-family: "Mark-Regular", sans-serif;
    font-size: 16px;
    color: #121212;
    background: #f3f3f3;
    border-radius: 8px;
    padding: 2px;
    position: relative;
    height: 26px; }
    .DomesticOrderListCorporate .custom-switch .active,
    .ForeignOrderListCorporate .custom-switch .active,
    .OrderPackageListCorporate .custom-switch .active,
    .OrderPackageDetailsCorporate .custom-switch .active {
      color: #121212; }
    .DomesticOrderListCorporate .custom-switch.active-1:before,
    .ForeignOrderListCorporate .custom-switch.active-1:before,
    .OrderPackageListCorporate .custom-switch.active-1:before,
    .OrderPackageDetailsCorporate .custom-switch.active-1:before {
      transform: translateX(0); }
    .DomesticOrderListCorporate .custom-switch.active-2:before,
    .ForeignOrderListCorporate .custom-switch.active-2:before,
    .OrderPackageListCorporate .custom-switch.active-2:before,
    .OrderPackageDetailsCorporate .custom-switch.active-2:before {
      transform: translateX(100%); }
    .DomesticOrderListCorporate .custom-switch span,
    .ForeignOrderListCorporate .custom-switch span,
    .OrderPackageListCorporate .custom-switch span,
    .OrderPackageDetailsCorporate .custom-switch span {
      display: block;
      width: 50%;
      float: left;
      font-size: 15px;
      line-height: 1.7;
      font-family: "Mark-Medium", sans-serif;
      text-align: center;
      color: #666;
      padding: 0px 5px;
      -webkit-transition: color .3s;
      transition: color .3s;
      cursor: pointer;
      position: relative; }
    .DomesticOrderListCorporate .custom-switch:before,
    .ForeignOrderListCorporate .custom-switch:before,
    .OrderPackageListCorporate .custom-switch:before,
    .OrderPackageDetailsCorporate .custom-switch:before {
      content: "";
      width: calc(50% - 4px);
      height: calc(100% - 4px);
      position: absolute;
      top: 2px;
      left: 4px;
      background: #ffffff;
      transform: translateX(0);
      box-shadow: 0 1px 1px rgba(16, 22, 26, 0.1);
      border-radius: 6px;
      transition: transform .3s,-webkit-transform .3s; }
  @media only screen and (max-width: 1024px) {
    .DomesticOrderListCorporate .gvPackageList,
    .ForeignOrderListCorporate .gvPackageList,
    .OrderPackageListCorporate .gvPackageList,
    .OrderPackageDetailsCorporate .gvPackageList {
      overflow-y: scroll; } }
  @media only screen and (max-width: 1024px) {
    .DomesticOrderListCorporate .gvOrderList,
    .ForeignOrderListCorporate .gvOrderList,
    .OrderPackageListCorporate .gvOrderList,
    .OrderPackageDetailsCorporate .gvOrderList {
      overflow-y: scroll; } }
  .DomesticOrderListCorporate .gvOrderList thead tr th,
  .ForeignOrderListCorporate .gvOrderList thead tr th,
  .OrderPackageListCorporate .gvOrderList thead tr th,
  .OrderPackageDetailsCorporate .gvOrderList thead tr th {
    text-align: left; }
    .DomesticOrderListCorporate .gvOrderList thead tr th:nth-child(10) div,
    .ForeignOrderListCorporate .gvOrderList thead tr th:nth-child(10) div,
    .OrderPackageListCorporate .gvOrderList thead tr th:nth-child(10) div,
    .OrderPackageDetailsCorporate .gvOrderList thead tr th:nth-child(10) div {
      padding-right: 0 !important; }
  .DomesticOrderListCorporate .gvOrderList tbody tr,
  .ForeignOrderListCorporate .gvOrderList tbody tr,
  .OrderPackageListCorporate .gvOrderList tbody tr,
  .OrderPackageDetailsCorporate .gvOrderList tbody tr {
    border-bottom: 1px solid #E6E6E6 !important; }
    .DomesticOrderListCorporate .gvOrderList tbody tr td,
    .ForeignOrderListCorporate .gvOrderList tbody tr td,
    .OrderPackageListCorporate .gvOrderList tbody tr td,
    .OrderPackageDetailsCorporate .gvOrderList tbody tr td {
      padding-top: 27px !important;
      padding-bottom: 26px !important; }
    .DomesticOrderListCorporate .gvOrderList tbody tr .ok p,
    .ForeignOrderListCorporate .gvOrderList tbody tr .ok p,
    .OrderPackageListCorporate .gvOrderList tbody tr .ok p,
    .OrderPackageDetailsCorporate .gvOrderList tbody tr .ok p {
      color: #23c841;
      font-family: "Mark-Bold", sans-serif;
      font-size: 15px;
      margin-bottom: 0; }
    .DomesticOrderListCorporate .gvOrderList tbody tr .nok p,
    .ForeignOrderListCorporate .gvOrderList tbody tr .nok p,
    .OrderPackageListCorporate .gvOrderList tbody tr .nok p,
    .OrderPackageDetailsCorporate .gvOrderList tbody tr .nok p {
      color: #d20000;
      font-family: "Mark-Bold", sans-serif;
      font-size: 15px;
      margin-bottom: 0; }
    .DomesticOrderListCorporate .gvOrderList tbody tr td,
    .ForeignOrderListCorporate .gvOrderList tbody tr td,
    .OrderPackageListCorporate .gvOrderList tbody tr td,
    .OrderPackageDetailsCorporate .gvOrderList tbody tr td {
      padding: 2px 5px;
      line-height: 1.4; }
      .DomesticOrderListCorporate .gvOrderList tbody tr td b span,
      .ForeignOrderListCorporate .gvOrderList tbody tr td b span,
      .OrderPackageListCorporate .gvOrderList tbody tr td b span,
      .OrderPackageDetailsCorporate .gvOrderList tbody tr td b span {
        line-height: 1.4;
        font-size: 15px;
        margin-bottom: 0; }
      .DomesticOrderListCorporate .gvOrderList tbody tr td:first-child,
      .ForeignOrderListCorporate .gvOrderList tbody tr td:first-child,
      .OrderPackageListCorporate .gvOrderList tbody tr td:first-child,
      .OrderPackageDetailsCorporate .gvOrderList tbody tr td:first-child {
        width: 3%; }
      .DomesticOrderListCorporate .gvOrderList tbody tr td:nth-child(3),
      .ForeignOrderListCorporate .gvOrderList tbody tr td:nth-child(3),
      .OrderPackageListCorporate .gvOrderList tbody tr td:nth-child(3),
      .OrderPackageDetailsCorporate .gvOrderList tbody tr td:nth-child(3) {
        width: 7.5%;
        text-align: left; }
      .DomesticOrderListCorporate .gvOrderList tbody tr td:nth-child(4),
      .ForeignOrderListCorporate .gvOrderList tbody tr td:nth-child(4),
      .OrderPackageListCorporate .gvOrderList tbody tr td:nth-child(4),
      .OrderPackageDetailsCorporate .gvOrderList tbody tr td:nth-child(4) {
        width: 8.5%;
        text-align: left; }
      .DomesticOrderListCorporate .gvOrderList tbody tr td:nth-child(5),
      .ForeignOrderListCorporate .gvOrderList tbody tr td:nth-child(5),
      .OrderPackageListCorporate .gvOrderList tbody tr td:nth-child(5),
      .OrderPackageDetailsCorporate .gvOrderList tbody tr td:nth-child(5) {
        width: 11.5%; }
      .DomesticOrderListCorporate .gvOrderList tbody tr td:nth-child(6),
      .ForeignOrderListCorporate .gvOrderList tbody tr td:nth-child(6),
      .OrderPackageListCorporate .gvOrderList tbody tr td:nth-child(6),
      .OrderPackageDetailsCorporate .gvOrderList tbody tr td:nth-child(6) {
        width: 15.5%;
        text-align: left; }
      .DomesticOrderListCorporate .gvOrderList tbody tr td:nth-child(7),
      .ForeignOrderListCorporate .gvOrderList tbody tr td:nth-child(7),
      .OrderPackageListCorporate .gvOrderList tbody tr td:nth-child(7),
      .OrderPackageDetailsCorporate .gvOrderList tbody tr td:nth-child(7) {
        width: 9.5%;
        text-align: left;
        padding-right: 27px;
        font-family: "Mark-Bold", sans-serif; }
      .DomesticOrderListCorporate .gvOrderList tbody tr td:nth-child(8),
      .ForeignOrderListCorporate .gvOrderList tbody tr td:nth-child(8),
      .OrderPackageListCorporate .gvOrderList tbody tr td:nth-child(8),
      .OrderPackageDetailsCorporate .gvOrderList tbody tr td:nth-child(8) {
        width: 14.5%; }
      .DomesticOrderListCorporate .gvOrderList tbody tr td:nth-child(9),
      .ForeignOrderListCorporate .gvOrderList tbody tr td:nth-child(9),
      .OrderPackageListCorporate .gvOrderList tbody tr td:nth-child(9),
      .OrderPackageDetailsCorporate .gvOrderList tbody tr td:nth-child(9) {
        width: 25%; }
      .DomesticOrderListCorporate .gvOrderList tbody tr td:nth-child(10),
      .ForeignOrderListCorporate .gvOrderList tbody tr td:nth-child(10),
      .OrderPackageListCorporate .gvOrderList tbody tr td:nth-child(10),
      .OrderPackageDetailsCorporate .gvOrderList tbody tr td:nth-child(10) {
        width: 5%;
        text-align: center; }

.right-dialog.qrDialog,
.right-dialog.packageSelectDialog {
  width: 756px !important;
  height: auto !important;
  top: 50% !important;
  left: 50% !important;
  transform: translateX(-50%) translateY(-50%); }
  .right-dialog.qrDialog b,
  .right-dialog.packageSelectDialog b {
    font-family: Source Sans Pro,sans-serif;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -.02em;
    color: rgba(0, 0, 0, 0.87); }
  .right-dialog.qrDialog .instruction,
  .right-dialog.packageSelectDialog .instruction {
    line-height: 1.133333;
    letter-spacing: -.02em;
    margin-bottom: 20px; }
  .right-dialog.qrDialog .modal-two-cta,
  .right-dialog.packageSelectDialog .modal-two-cta {
    max-width: 300px;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding-top: 17px;
    margin: 0 auto; }
  .right-dialog.qrDialog .btn-2,
  .right-dialog.packageSelectDialog .btn-2 {
    width: 46%;
    margin-right: 0;
    font-weight: 400;
    border-radius: 25px;
    border: none;
    box-shadow: none; }
  .right-dialog.qrDialog .color-2,
  .right-dialog.packageSelectDialog .color-2 {
    color: #ffffff;
    background: #52ae30; }
    .right-dialog.qrDialog .color-2:hover,
    .right-dialog.packageSelectDialog .color-2:hover {
      background: #2a7f00;
      transition: background-color .3s; }
  .right-dialog.qrDialog .color-3,
  .right-dialog.packageSelectDialog .color-3 {
    color: rgba(0, 0, 0, 0.87);
    background: #ffffff; }
    .right-dialog.qrDialog .color-3:hover,
    .right-dialog.packageSelectDialog .color-3:hover {
      background: #e8e9ec;
      transition: background-color .3s; }
  .right-dialog.qrDialog .modal-qr-wrapper,
  .right-dialog.packageSelectDialog .modal-qr-wrapper {
    position: relative;
    width: 215px;
    height: 215px;
    margin: 0 auto; }
  .right-dialog.qrDialog .modal-qr-line-bcg,
  .right-dialog.packageSelectDialog .modal-qr-line-bcg {
    position: relative;
    width: 120px;
    height: 4px;
    margin: 0 auto;
    background-color: #d9d9d9;
    border-radius: 25px; }
  .right-dialog.qrDialog .modal-qr-line,
  .right-dialog.packageSelectDialog .modal-qr-line {
    display: block;
    position: absolute;
    width: 100%;
    height: 4px;
    top: 0;
    left: 0;
    background-color: #52ae30;
    border-radius: 25px;
    -webkit-transition: all .3s;
    transition: all .3s; }
  .right-dialog.qrDialog .modal-box,
  .right-dialog.packageSelectDialog .modal-box {
    display: flex;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-box-align: center;
    align-items: center;
    overflow: auto;
    padding: 20px 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .right-dialog.qrDialog .modal-wrap.color-1,
  .right-dialog.packageSelectDialog .modal-wrap.color-1 {
    background: #efefef; }
  .right-dialog.qrDialog .modal-wrap.size-2,
  .right-dialog.packageSelectDialog .modal-wrap.size-2 {
    max-width: 756px; }
  .right-dialog.qrDialog .modal-wrap .modal-inner-col-1,
  .right-dialog.packageSelectDialog .modal-wrap .modal-inner-col-1 {
    width: 50%; }
    .right-dialog.qrDialog .modal-wrap .modal-inner-col-1:first-child,
    .right-dialog.packageSelectDialog .modal-wrap .modal-inner-col-1:first-child {
      padding-right: 30px;
      border-right: 1px dotted rgba(0, 0, 0, 0.54); }
    .right-dialog.qrDialog .modal-wrap .modal-inner-col-1:last-child,
    .right-dialog.packageSelectDialog .modal-wrap .modal-inner-col-1:last-child {
      padding-left: 30px; }
    .right-dialog.qrDialog .modal-wrap .modal-inner-col-1 .form-group .group-inner,
    .right-dialog.packageSelectDialog .modal-wrap .modal-inner-col-1 .form-group .group-inner {
      position: relative;
      margin-bottom: 26px; }
    .right-dialog.qrDialog .modal-wrap .modal-inner-col-1 .form-group .input-wrap,
    .right-dialog.packageSelectDialog .modal-wrap .modal-inner-col-1 .form-group .input-wrap {
      position: relative;
      border-radius: 25px;
      -webkit-transition: border-color .3s;
      transition: border-color .3s;
      background: #ffffff; }
  .right-dialog.qrDialog .confirm-title,
  .right-dialog.packageSelectDialog .confirm-title {
    position: relative;
    padding-top: 10px; }
    .right-dialog.qrDialog .confirm-title:before,
    .right-dialog.packageSelectDialog .confirm-title:before {
      content: "";
      width: 40px;
      height: 6px;
      background: #52ae30;
      border-radius: 4px;
      position: absolute;
      top: -15px;
      left: 50%;
      margin-left: -20px; }
  .right-dialog.qrDialog .modal-title,
  .right-dialog.packageSelectDialog .modal-title {
    font-family: Source Sans Pro bold,sans-serif;
    font-size: 24px;
    letter-spacing: -.02em;
    line-height: 1;
    text-align: center;
    color: rgba(0, 0, 0, 0.87);
    margin-bottom: 20px; }
  .right-dialog.qrDialog .timer,
  .right-dialog.packageSelectDialog .timer {
    padding-top: 40px; }
  .right-dialog.qrDialog .timer-wrap,
  .right-dialog.packageSelectDialog .timer-wrap {
    color: #52ae30; }

.SMSDialog.orderResults {
  max-width: 480px;
  width: 480px;
  padding: 32px; }
  .SMSDialog.orderResults .ui-dialog-titlebar {
    margin-bottom: 16px; }
    .SMSDialog.orderResults .ui-dialog-titlebar span {
      text-align: left !important;
      float: none !important;
      white-space: break-spaces;
      color: #121212;
      font-size: 18px;
      font-family: "Mark-Bold", sans-serif;
      line-height: 1.25;
      font-weight: 400; }
  .SMSDialog.orderResults ul {
    font-size: 16px; }
    .SMSDialog.orderResults ul li {
      /* float: left;
                list-style: disc;*/
      display: flex;
      flex-wrap: nowrap; }
      .SMSDialog.orderResults ul li p.p1 {
        font-family: "Mark-Regular", sans-serif;
        width: 50%; }
      .SMSDialog.orderResults ul li p.p2 {
        font-family: "Mark-Bold", sans-serif;
        width: 50%; }
  .SMSDialog.orderResults .ui-dialog-buttonpane {
    padding-top: 17px !important; }
    .SMSDialog.orderResults .ui-dialog-buttonpane .ui-dialog-buttonset {
      width: 100px; }
      .SMSDialog.orderResults .ui-dialog-buttonpane .ui-dialog-buttonset button {
        background: #d20000;
        color: #ffffff;
        width: 100%;
        margin: 0; }
        .SMSDialog.orderResults .ui-dialog-buttonpane .ui-dialog-buttonset button:hover {
          background-color: #b40000; }

.SMSDialog.orderResults.saveToServer,
.SMSDialog.orderResults.saveToDraft {
  max-width: 280px; }
  .SMSDialog.orderResults.saveToServer span,
  .SMSDialog.orderResults.saveToDraft span {
    text-align: center !important;
    margin-top: 75px;
    width: 100%;
    display: block; }
  .SMSDialog.orderResults.saveToServer .ui-dialog-titlebar,
  .SMSDialog.orderResults.saveToDraft .ui-dialog-titlebar {
    position: relative;
    display: flex; }
    .SMSDialog.orderResults.saveToServer .ui-dialog-titlebar:before,
    .SMSDialog.orderResults.saveToDraft .ui-dialog-titlebar:before {
      content: '';
      width: 100%;
      height: 48px;
      background: url(images/icons/req-sent.png) no-repeat center;
      background-size: contain;
      position: absolute;
      top: 25%;
      left: 0;
      /* Početna pozicija ikone */
      transform: translateY(-50%);
      /* Poravnava ikonu u vertikalnom centru */ }
  .SMSDialog.orderResults.saveToServer .ui-widget-content,
  .SMSDialog.orderResults.saveToDraft .ui-widget-content {
    text-align: center;
    font-size: 16px; }
  .SMSDialog.orderResults.saveToServer .ui-dialog-buttonpane .ui-dialog-buttonset,
  .SMSDialog.orderResults.saveToDraft .ui-dialog-buttonpane .ui-dialog-buttonset {
    width: 100%; }
    .SMSDialog.orderResults.saveToServer .ui-dialog-buttonpane .ui-dialog-buttonset button,
    .SMSDialog.orderResults.saveToDraft .ui-dialog-buttonpane .ui-dialog-buttonset button {
      background-color: #f3f3f3;
      color: #121212; }
      .SMSDialog.orderResults.saveToServer .ui-dialog-buttonpane .ui-dialog-buttonset button:hover,
      .SMSDialog.orderResults.saveToDraft .ui-dialog-buttonpane .ui-dialog-buttonset button:hover {
        background-color: #e6e6e6; }

.SMSDialog.principals {
  width: 500px !important;
  max-width: 800px !important;
  height: auto; }
  .SMSDialog.principals .clientGrid tbody tr:hover td {
    border-radius: 30px; }

input#file {
  display: none; }

.right-dialog.packageSelectDialog {
  height: 500px !important;
  max-height: 500px;
  width: 600px !important;
  max-width: 600px !important;
  top: 50% !important;
  left: 50% !important;
  transform: translateX(-50%) translateY(-50%);
  overflow-y: auto !important; }
  .right-dialog.packageSelectDialog .all-accounts-popup-wrapper {
    padding: 0; }
  .right-dialog.packageSelectDialog .all-account-popup-title .all-account-close {
    position: absolute;
    right: 0px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); }
    .right-dialog.packageSelectDialog .all-account-popup-title .all-account-close svg {
      position: absolute;
      width: 12px;
      height: 12px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .right-dialog.packageSelectDialog .gvPackageList thead tr th {
    text-align: left; }

.MessageHubNotificationList {
  margin-top: 14%; }
  .MessageHubNotificationList .dot-menu-text-wrapper.messages {
    transform: none; }
  .MessageHubNotificationList .payment-filter {
    display: block;
    padding-top: 12%; }
    .MessageHubNotificationList .payment-filter .payment-filter-box {
      margin-top: -25px;
      position: absolute;
      left: 25px; }
      .MessageHubNotificationList .payment-filter .payment-filter-box.name {
        left: 16%; }
      .MessageHubNotificationList .payment-filter .payment-filter-box:first-child .part-checkbox {
        left: 0; }
  .MessageHubNotificationList .dk-selected {
    z-index: 2; }
  .MessageHubNotificationList .filterButton {
    z-index: 1; }

.ui-dialog.downloads-dialog {
  height: auto !important; }

.ui-dialog.downloads-dialog.support-dialog {
  width: 100% !important;
  background-color: #efefef;
  overflow: hidden !important;
  transform: none !important; }
  .ui-dialog.downloads-dialog.support-dialog .user-content ol li span {
    font-family: "Source-Sans-Pro-bold", sans-serif; }

.login-downloads-main {
  display: flex !important;
  flex-wrap: nowrap;
  width: 100% !important;
  height: 100vh !important;
  overflow: hidden !important;
  padding: 0 !important; }
  .login-downloads-main .login-downloads-col-left {
    position: relative;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 34.5%;
    overflow: hidden;
    background-color: #d20000; }
    .login-downloads-main .login-downloads-col-left:after {
      position: absolute;
      content: "";
      width: 1px;
      height: calc(100% - 160px);
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      border-right: 1px dotted rgba(0, 0, 0, 0.54); }
    .login-downloads-main .login-downloads-col-left .login-downloads-deco {
      position: absolute;
      width: 100%;
      height: 83%;
      z-index: 223;
      bottom: 0;
      left: 0;
      background-repeat: no-repeat;
      background-size: cover;
      background-image: url(images/login/prelogin-decor.png);
      background-position-x: right; }
    .login-downloads-main .login-downloads-col-left .login-downloads-back-link {
      position: absolute;
      top: 2.5%;
      left: 4%;
      cursor: pointer; }
    .login-downloads-main .login-downloads-col-left .btn-3 {
      position: relative;
      display: inline-block;
      min-height: 25px;
      font-size: 16px;
      padding: 8px 16px 10px 44px;
      border: 2px solid #FFFFFF;
      border-radius: 8px;
      text-align: center;
      transition: background-color .3s,border-color .3s;
      color: #FFFFFF;
      background-color: #d20000;
      z-index: 224; }
      .login-downloads-main .login-downloads-col-left .btn-3 span {
        font-size: 16px;
        font-family: "Mark-Medium", sans-serif; }
      .login-downloads-main .login-downloads-col-left .btn-3:hover {
        background-color: #FFFFFF;
        color: #d20000; }
        .login-downloads-main .login-downloads-col-left .btn-3:hover svg.icon {
          fill: #d20000; }
    .login-downloads-main .login-downloads-col-left .login-downloads-col-left-content {
      margin: 0 34px;
      position: relative;
      max-width: 484px;
      margin-top: 19%;
      padding-left: 9%;
      padding: 48px;
      z-index: 224; }
      .login-downloads-main .login-downloads-col-left .login-downloads-col-left-content h2 {
        font-size: 50px;
        margin-bottom: 16px;
        font-family: "Mark-Bold", sans-serif;
        color: #FFFFFF;
        line-height: 1.25;
        font-weight: 400; }
      .login-downloads-main .login-downloads-col-left .login-downloads-col-left-content p {
        font-family: "Mark-Regular", sans-serif;
        font-size: 16px;
        color: #FFFFFF;
        margin-bottom: 20px;
        line-height: 1.375; }
      .login-downloads-main .login-downloads-col-left .login-downloads-col-left-content .downloads-secParagraph {
        font-family: "Mark-Regular", sans-serif;
        display: block; }
        .login-downloads-main .login-downloads-col-left .login-downloads-col-left-content .downloads-secParagraph p {
          display: inline; }
        .login-downloads-main .login-downloads-col-left .login-downloads-col-left-content .downloads-secParagraph .prelogin-underline-link {
          color: #FFFFFF;
          text-decoration: underline; }
    .login-downloads-main .login-downloads-col-left .icon {
      position: absolute;
      width: 20px;
      max-height: 19px;
      top: 50%;
      left: 16px;
      transform: translateY(-50%);
      fill: #FFFFFF; }
  .login-downloads-main .login-downloads-col-right {
    width: 62.5%;
    height: auto;
    max-height: 100vh;
    overflow-y: scroll;
    padding: 80px 150px 0px 80px; }
  .login-downloads-main .login-downloads-wrap:not(:last-child),
  .login-downloads-main .login-downloads-wrap div:not(:last-child) {
    margin-bottom: 40px; }
  .login-downloads-main .login-downloads-wrap h2 {
    font-size: 16px;
    color: #121212;
    font-family: "Mark-Bold", sans-serif; }
  .login-downloads-main .login-downloads-wrap h2.big {
    font-size: 32px; }
  .login-downloads-main .login-downloads-wrap p {
    margin-bottom: 24px;
    font-size: 12px;
    font-family: "Mark-Medium", sans-serif; }
  .login-downloads-main .user-content {
    margin-bottom: 24px; }
    .login-downloads-main .user-content p {
      font-size: 16px;
      font-family: "Mark-Regular", sans-serif; }
      .login-downloads-main .user-content p:last-child {
        margin-bottom: 0; }
  .login-downloads-main .login-downloads-links-wrap {
    max-width: 400px; }
    .login-downloads-main .login-downloads-links-wrap a p {
      margin-bottom: 0px !important; }
    .login-downloads-main .login-downloads-links-wrap.smart {
      margin-left: -2%;
      margin-top: 2%;
      margin-bottom: 2% !important; }
      .login-downloads-main .login-downloads-links-wrap.smart a p {
        margin: 2% 0; }
  .login-downloads-main .login-downloads-links-wrap.video {
    max-width: 640px;
    margin-bottom: 40px; }
  .login-downloads-main .file-box-wrapper {
    position: relative;
    display: block;
    width: 100%;
    background-color: #f3f3f3;
    transition: background-color .3s;
    min-height: 60px;
    border-radius: 8px; }
    .login-downloads-main .file-box-wrapper:hover {
      background-color: rgba(238, 197, 144, 0.3); }
    .login-downloads-main .file-box-wrapper.type-2 {
      padding: 9px; }
      .login-downloads-main .file-box-wrapper.type-2 .file-box-ico {
        right: unset;
        left: 25px; }
      .login-downloads-main .file-box-wrapper.type-2 .file-box-ico-arrow {
        position: absolute;
        height: 18px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 18px;
        right: 25px;
        fill: #52ae30; }
    .login-downloads-main .file-box-wrapper .file-box-text {
      line-height: 1.5;
      transition: color .3s;
      padding: 0px 42px 0px 62px;
      font-size: 16px;
      font-family: "Mark-Medium", sans-serif;
      color: #121212; }
    .login-downloads-main .file-box-wrapper span.file-box-text {
      padding-top: 0;
      font-size: 12px;
      color: #666; }
    .login-downloads-main .file-box-wrapper .file-box-ico {
      width: 24px;
      position: absolute;
      height: 24px;
      top: 50%;
      transform: translateY(-50%); }
    .login-downloads-main .file-box-wrapper.double-margin {
      margin-bottom: 16px; }

.display-contents {
  display: contents; }

.ui-dialog.details-dialog.right-dialog.signatureList {
  padding: 0;
  /*.abs-center {
        left: 50%;
        top: 50%;
        transform: translate(50%, 40%);
    }*/ }
  .ui-dialog.details-dialog.right-dialog.signatureList .all-accounts-popup-wrapper {
    background-color: #fff !important;
    padding: 0;
    height: 68vh; }
  .ui-dialog.details-dialog.right-dialog.signatureList .all-account-popup-title {
    padding: 32px 32px 0 32px;
    margin-bottom: 32px !important; }
  .ui-dialog.details-dialog.right-dialog.signatureList .wrapper-btns {
    padding-right: 32px;
    padding-left: 32px;
    padding-bottom: 32px;
    margin-top: 15px;
    box-shadow: 0 -4px 24px -5px rgba(0, 0, 0, 0.15);
    z-index: 1; }
    .ui-dialog.details-dialog.right-dialog.signatureList .wrapper-btns .popup-btn-wrapper {
      margin-bottom: 0px !important;
      padding: 20px 0px;
      position: relative;
      display: flex;
      justify-content: space-between;
      padding-bottom: 0px !important;
      padding-top: 25px !important;
      width: 50%; }
      .ui-dialog.details-dialog.right-dialog.signatureList .wrapper-btns .popup-btn-wrapper .btn-2 {
        width: 100px !important;
        border-radius: 8px;
        background-color: #f3f3f3;
        color: #121212;
        border: 2px solid transparent;
        font-family: "Mark-Medium", sans-serif;
        font-size: 16px;
        line-height: 1;
        padding: 14px 16px;
        transition: background-color .3s; }
  .ui-dialog.details-dialog.right-dialog.signatureList .center-popup-title {
    position: relative; }
    .ui-dialog.details-dialog.right-dialog.signatureList .center-popup-title .title-2 {
      width: 100%;
      text-align: left;
      color: #121212;
      font-size: 18px;
      font-family: "Mark-Bold", sans-serif;
      line-height: 1.25;
      font-weight: 400; }
    .ui-dialog.details-dialog.right-dialog.signatureList .center-popup-title .all-account-close {
      position: absolute;
      top: 50%;
      right: 40px;
      transform: translateY(-50%);
      width: 40px;
      height: 40px;
      cursor: pointer;
      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
      transition: box-shadow .3s; }
    .ui-dialog.details-dialog.right-dialog.signatureList .center-popup-title .account-close-ico {
      position: absolute;
      width: 12px;
      height: 12px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .ui-dialog.details-dialog.right-dialog.signatureList .account-item-inner {
    height: 60vh;
    padding: 0 32px 0 32px;
    overflow-y: auto; }
    .ui-dialog.details-dialog.right-dialog.signatureList .account-item-inner .account-inter-inner-scroll .signature-list-item-wrapper:not(:last-child) {
      padding-bottom: 24px;
      border-bottom: 1px solid #E6E6E6;
      margin-bottom: 24px; }
    .ui-dialog.details-dialog.right-dialog.signatureList .account-item-inner .account-inter-inner-scroll .page-text {
      line-height: 1.15;
      font-size: 16px;
      font-family: 'Mark-Bold';
      color: #121212;
      font-weight: 400;
      margin-bottom: 16px;
      margin-left: 0; }
  .ui-dialog.details-dialog.right-dialog.signatureList .signature-list-item {
    border-radius: 12px;
    margin-bottom: 0 !important; }
  .ui-dialog.details-dialog.right-dialog.signatureList .signature-list-item-left {
    -webkit-box-flex: 1; }
  .ui-dialog.details-dialog.right-dialog.signatureList .signature-list-item-right {
    padding-right: 30px; }
  .ui-dialog.details-dialog.right-dialog.signatureList .signature-list-item-top {
    padding: 10px 12px;
    border-radius: 12px; }
    .ui-dialog.details-dialog.right-dialog.signatureList .signature-list-item-top.background-1 {
      color: #23c841;
      background-color: rgba(83, 221, 108, 0.1); }
    .ui-dialog.details-dialog.right-dialog.signatureList .signature-list-item-top .signature-list-item-left .signature-list-item-top-content .page-text-1 {
      font-family: "Mark-Medium", sans-serif;
      font-size: 16px; }
    .ui-dialog.details-dialog.right-dialog.signatureList .signature-list-item-top .signature-list-item-left .signature-list-item-top-content .page-text-2 {
      font-family: "Mark-Medium", sans-serif;
      font-size: 14px;
      color: #888; }
  .ui-dialog.details-dialog.right-dialog.signatureList .signature-list-item-svg-wrap {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    flex-shrink: 0; }
  .ui-dialog.details-dialog.right-dialog.signatureList .signature-list-item-svg {
    width: 20px;
    height: 20px; }
  .ui-dialog.details-dialog.right-dialog.signatureList .signature-list-item-status {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    padding-bottom: 10px; }
  .ui-dialog.details-dialog.right-dialog.signatureList .signature-list-item-status-text {
    margin-left: 16px; }
  .ui-dialog.details-dialog.right-dialog.signatureList .signature-list-item-bottom-single {
    padding: 7px 12px 7px 44px;
    display: flex; }
    .ui-dialog.details-dialog.right-dialog.signatureList .signature-list-item-bottom-single .page-text-1 {
      width: 60%;
      font-size: 16px;
      font-family: "Mark-Regular", sans-serif; }
    .ui-dialog.details-dialog.right-dialog.signatureList .signature-list-item-bottom-single .page-text-2 {
      width: 40%;
      font-family: "Mark-Bold", sans-serif;
      font-size: 14px;
      color: #888; }
  .ui-dialog.details-dialog.right-dialog.signatureList .element-border-4 {
    border-radius: 58px; }
  .ui-dialog.details-dialog.right-dialog.signatureList .inactive {
    background: #FF435A 0% 0% no-repeat padding-box; }
  .ui-dialog.details-dialog.right-dialog.signatureList .transaction-popup-details-wrapper {
    /*overflow-x: scroll;*/ }

.DomesticOrderReportCorporate .tableFilter,
.ForeignOrderReportCorporate .tableFilter {
  width: 100%; }
  .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner,
  .ForeignOrderReportCorporate .tableFilter .transaction-filter-inner {
    width: 100%;
    gap: 16px; }
    .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .dk-select .dk-selected,
    .ForeignOrderReportCorporate .tableFilter .transaction-filter-inner .dk-select .dk-selected {
      border-radius: 8px; }
    .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .dk-select.active .dk-selected,
    .ForeignOrderReportCorporate .tableFilter .transaction-filter-inner .dk-select.active .dk-selected {
      border: 2px solid #121212; }
      .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .dk-select.active .dk-selected::after,
      .ForeignOrderReportCorporate .tableFilter .transaction-filter-inner .dk-select.active .dk-selected::after {
        transform: rotate(180deg); }
    .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box,
    .ForeignOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box {
      width: 294px;
      margin: 0; }

.DomesticOrderReportCorporate .filterButton,
.ForeignOrderReportCorporate .filterButton {
  position: absolute;
  right: -40px;
  bottom: 11px;
  width: 40px;
  height: 40px;
  background: none;
  border-radius: 12px;
  transition: box-shadow .5s;
  cursor: pointer;
  top: 27px; }
  .DomesticOrderReportCorporate .filterButton button,
  .ForeignOrderReportCorporate .filterButton button {
    margin-left: 0 !important; }

.DomesticOrderReportCorporate .pdf-download,
.ForeignOrderReportCorporate .pdf-download {
  padding: 10px 13px;
  background-color: #f3f3f3;
  color: #121212;
  font-family: "Mark-Medium", sans-serif;
  font-size: 16px;
  line-height: 1;
  margin-left: 16px;
  border: 2px solid transparent;
  text-wrap: nowrap;
  cursor: pointer;
  transition: background-color .3s;
  border-radius: 8px; }
  .DomesticOrderReportCorporate .pdf-download:hover,
  .ForeignOrderReportCorporate .pdf-download:hover {
    background-color: #e6e6e6; }
  .DomesticOrderReportCorporate .pdf-download .page-text,
  .ForeignOrderReportCorporate .pdf-download .page-text {
    width: calc(100% - 30px);
    text-transform: none;
    padding: 0 0 0 5px;
    line-height: 1;
    font-family: "Mark-Medium", sans-serif; }

.DomesticOrderReportCorporate .pdf-download.repeatBtn,
.ForeignOrderReportCorporate .pdf-download.repeatBtn {
  float: right;
  background-color: #d20000;
  color: #fff; }
  .DomesticOrderReportCorporate .pdf-download.repeatBtn:hover,
  .ForeignOrderReportCorporate .pdf-download.repeatBtn:hover {
    background-color: #b40000; }

.DomesticOrderReportCorporate .dot-menu-text-wrapper,
.ForeignOrderReportCorporate .dot-menu-text-wrapper {
  position: absolute;
  right: 0;
  top: -75px; }
  .DomesticOrderReportCorporate .dot-menu-text-wrapper .pdf-ico,
  .ForeignOrderReportCorporate .dot-menu-text-wrapper .pdf-ico {
    width: 20px;
    height: 20px; }

.DomesticOrderReportCorporate .dk-selected,
.ForeignOrderReportCorporate .dk-selected {
  z-index: 2; }

.DomesticOrderReportCorporate .dk-select-options,
.ForeignOrderReportCorporate .dk-select-options {
  max-height: 235px; }

.ForeignOrderListCorporate .gvOrderList .clientGrid {
  overflow-x: auto; }
  .ForeignOrderListCorporate .gvOrderList .clientGrid thead th {
    vertical-align: middle; }
    .ForeignOrderListCorporate .gvOrderList .clientGrid thead th:nth-child(3) {
      width: 8%; }
    .ForeignOrderListCorporate .gvOrderList .clientGrid thead th:nth-child(4) {
      width: 8%; }
      .ForeignOrderListCorporate .gvOrderList .clientGrid thead th:nth-child(4) div {
        padding-right: 0 !important; }
    .ForeignOrderListCorporate .gvOrderList .clientGrid thead th:nth-child(5) {
      width: 12%; }
    .ForeignOrderListCorporate .gvOrderList .clientGrid thead th:nth-child(6) {
      text-align: left;
      width: 15.938%; }
      .ForeignOrderListCorporate .gvOrderList .clientGrid thead th:nth-child(6) span.sort-indicator {
        margin-top: -1.25em; }
    .ForeignOrderListCorporate .gvOrderList .clientGrid thead th:nth-child(7) {
      text-align: right;
      width: 8.952%; }
    .ForeignOrderListCorporate .gvOrderList .clientGrid thead th:nth-child(8) {
      text-align: left;
      width: 6.484%; }
      .ForeignOrderListCorporate .gvOrderList .clientGrid thead th:nth-child(8) div {
        padding-right: 0 !important; }
    .ForeignOrderListCorporate .gvOrderList .clientGrid thead th:nth-child(9) {
      width: 14%; }
    .ForeignOrderListCorporate .gvOrderList .clientGrid thead th:nth-child(10) {
      width: 17%; }
    .ForeignOrderListCorporate .gvOrderList .clientGrid thead th:nth-child(9), .ForeignOrderListCorporate .gvOrderList .clientGrid thead th:nth-child(10) {
      text-align: left; }
    .ForeignOrderListCorporate .gvOrderList .clientGrid thead th:nth-child(11) {
      text-align: right;
      width: 5.547%; }
      .ForeignOrderListCorporate .gvOrderList .clientGrid thead th:nth-child(11) div {
        padding-right: 0 !important; }
  .ForeignOrderListCorporate .gvOrderList .clientGrid tbody tr td:nth-child(3) {
    width: 5%;
    padding-left: 10px; }
  .ForeignOrderListCorporate .gvOrderList .clientGrid tbody tr td:nth-child(4) {
    width: 8%; }
  .ForeignOrderListCorporate .gvOrderList .clientGrid tbody tr td:nth-child(5) {
    width: 10%;
    text-align: left; }
  .ForeignOrderListCorporate .gvOrderList .clientGrid tbody tr td:nth-child(6) {
    width: 15.938%; }
  .ForeignOrderListCorporate .gvOrderList .clientGrid tbody tr td:nth-child(7) {
    width: 8.952%;
    text-align: right; }
  .ForeignOrderListCorporate .gvOrderList .clientGrid tbody tr td:nth-child(8) {
    width: 6%; }
  .ForeignOrderListCorporate .gvOrderList .clientGrid tbody tr td:nth-child(9) {
    width: 14%; }
  .ForeignOrderListCorporate .gvOrderList .clientGrid tbody tr td:nth-child(10) {
    width: 17%; }
  .ForeignOrderListCorporate .gvOrderList .clientGrid tbody tr td:nth-child(11) {
    width: 10%;
    text-align: right; }

.ForeignOrderCorporate .flex-layout {
  display: flex;
  flex-wrap: wrap; }

.ForeignOrderCorporate .template-date .input-ico-right {
  width: 18px;
  height: 18px;
  right: 15%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  z-index: 2;
  stroke: #52ae30 !important;
  pointer-events: none;
  cursor: pointer; }

.ForeignOrderCorporate .transaction-calendar img.ui-datepicker-trigger {
  display: none; }

.ForeignOrderCorporate .account-statement-calendar-wrapper {
  width: 35%;
  min-width: 256px;
  margin: 0 0 20px;
  padding-right: 16px;
  right: 0;
  -webkit-box-align: end;
  position: relative;
  z-index: 4;
  margin-top: -10%;
  margin-left: 50%;
  transform: translate(-50%, -50%); }

.ForeignOrderCorporate .user-account-info-cards-wrapper .flex-layout {
  display: flex;
  flex-wrap: nowrap; }

.ForeignOrderCorporate .custom-switch-foreign-payment {
  margin-bottom: 0;
  display: flex;
  width: 100%;
  font-family: Source Sans Pro semibold,sans-serif;
  background: #2a7f00;
  border-radius: 12px;
  padding: 3px 4px;
  position: relative;
  height: 25px; }
  .ForeignOrderCorporate .custom-switch-foreign-payment span {
    display: block;
    width: 50%;
    float: left;
    font-size: 15px;
    font-family: "Source-Sans-Pro", sans-serif;
    text-align: center;
    color: #ffffff;
    padding: 4px 5px;
    -webkit-transition: color .3s;
    transition: color .3s;
    cursor: pointer;
    position: relative; }
  .ForeignOrderCorporate .custom-switch-foreign-payment:before {
    content: "";
    width: calc(50% - 4px);
    height: calc(100% - 6px);
    position: absolute;
    top: 3px;
    left: 4px;
    background: #52ae30;
    transform: translateX(0);
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    transition: transform .3s,-webkit-transform .3s; }
  .ForeignOrderCorporate .custom-switch-foreign-payment.active-1:before {
    transform: translateX(0); }
  .ForeignOrderCorporate .custom-switch-foreign-payment.active-2:before {
    transform: translateX(100%); }

.ForeignOrderCorporate .foreign-currency-payment-user-info {
  padding-bottom: 40px;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.54); }

.ForeignOrderCorporate .foreign-currency-payment-user-info-inputs-wrap {
  column-gap: 40px; }

.ForeignOrderCorporate .foreign-currency-payment-user-info-inputs .input-wrapper.creditorCountry {
  width: calc(33.33333% - 27px);
  padding-right: 4px; }

.ForeignOrderCorporate .foreign-currency-payment-user-info-inputs .input-wrapper.has-calendar,
.ForeignOrderCorporate .foreign-currency-payment-user-info-inputs .input-wrapper.creditorBankCountry,
.ForeignOrderCorporate .foreign-currency-payment-user-info-inputs .input-wrapper.currency {
  width: calc(33.33333% - 27px); }

.ForeignOrderCorporate .input-wrapper.with-label-inside {
  position: relative; }

.ForeignOrderCorporate .foreign-currency-payment-input {
  width: calc(33.33333% - 27px); }
  .ForeignOrderCorporate .foreign-currency-payment-input:focus label {
    top: 8px;
    left: 24px;
    font-size: 12px;
    color: #52ae30; }

.ForeignOrderCorporate .dk-select.select-1 {
  cursor: pointer;
  border-radius: 8px !important; }

.ForeignOrderCorporate .input-wrapper.with-label-inside {
  position: relative; }
  .ForeignOrderCorporate .input-wrapper.with-label-inside label {
    position: absolute;
    top: 16px;
    left: 24px;
    padding: 0;
    font-family: Source Sans Pro,sans-serif;
    font-size: 15px;
    color: rgba(0, 0, 0, 0.54);
    -webkit-transition: color .2s,top .2s,left .2s,font-size .2s,-webkit-transform .2s;
    transition: color .2s,top .2s,left .2s,font-size .2s,-webkit-transform .2s;
    transition: transform .2s,color .2s,top .2s,left .2s,font-size .2s;
    transition: transform .2s,color .2s,top .2s,left .2s,font-size .2s,-webkit-transform .2s;
    pointer-events: none;
    will-change: transform;
    z-index: 1; }
  .ForeignOrderCorporate .input-wrapper.with-label-inside .input-1:focus ~ label, .ForeignOrderCorporate .input-wrapper.with-label-inside textarea:focus ~ label {
    top: 8px;
    left: 24px;
    font-size: 12px;
    color: #52ae30; }
  .ForeignOrderCorporate .input-wrapper.with-label-inside .textarea-1 {
    width: 100%;
    min-height: 100px;
    resize: none;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 24px;
    border-radius: 25px;
    border: 1px solid #dcdcdc;
    font-family: Source Sans Pro,sans-serif;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.87); }
  .ForeignOrderCorporate .input-wrapper.with-label-inside .input-1 {
    font-size: 15px;
    line-height: 1.4;
    padding: 23px 24px 6px; }
  .ForeignOrderCorporate .input-wrapper.with-label-inside .input-ico-right-wrapper {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 26px;
    right: 5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    cursor: pointer; }

.ForeignOrderCorporate .input-wrapper.focusin label {
  top: 8px;
  left: 24px;
  font-size: 12px;
  color: #52ae30; }

.ForeignOrderCorporate .input-1 {
  width: -webkit-fill-available;
  height: fit-content;
  font-family: Source Sans Pro,sans-serif;
  text-align: left;
  color: rgba(0, 0, 0, 0.87);
  border: 1px solid #dcdcdc;
  background: #ffffff;
  border-radius: 25px;
  transition: border-color .3s;
  margin: 0;
  -webkit-appearance: none; }

.ForeignOrderCorporate .foreign-currency-payment-dropdown-section {
  margin-top: 50px;
  padding-bottom: 40px;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.54);
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  -webkit-box-pack: justify; }
  .ForeignOrderCorporate .foreign-currency-payment-dropdown-section .foreign-currency-payment-dropdown-section-left {
    overflow: hidden;
    transition: .5s ease;
    height: 0px; }
    .ForeignOrderCorporate .foreign-currency-payment-dropdown-section .foreign-currency-payment-dropdown-section-left.open {
      height: 230px; }
  .ForeignOrderCorporate .foreign-currency-payment-dropdown-section .foreign-currency-payment-dropdown-section-right {
    width: 48%; }
    .ForeignOrderCorporate .foreign-currency-payment-dropdown-section .foreign-currency-payment-dropdown-section-right .input-wrapper .part-modal-inner-payments {
      position: relative;
      padding-bottom: 0px; }
      .ForeignOrderCorporate .foreign-currency-payment-dropdown-section .foreign-currency-payment-dropdown-section-right .input-wrapper .part-modal-inner-payments label {
        top: 8px;
        left: 24px;
        font-size: 12px;
        color: #52ae30;
        font-family: Source Sans Pro semibold,sans-serif;
        position: absolute;
        padding: 0;
        transition: transform .2s,color .2s,top .2s,left .2s,font-size .2s,-webkit-transform .2s;
        pointer-events: none;
        will-change: transform;
        z-index: 1; }

.ForeignOrderCorporate .input-wrapper.specialMark {
  width: 48%; }

.ForeignOrderCorporate .input-select-creditAcc,
.ForeignOrderCorporate .input-select-paymentCode {
  width: 100% !important; }
  .ForeignOrderCorporate .input-select-creditAcc label,
  .ForeignOrderCorporate .input-select-paymentCode label {
    top: 8px;
    left: 24px;
    font-size: 12px;
    color: #52ae30;
    font-family: Source Sans Pro semibold,sans-serif;
    position: absolute;
    padding: 0;
    transition: transform .2s,color .2s,top .2s,left .2s,font-size .2s,-webkit-transform .2s;
    pointer-events: none;
    will-change: transform;
    z-index: 1; }
  .ForeignOrderCorporate .input-select-creditAcc .dk-select,
  .ForeignOrderCorporate .input-select-paymentCode .dk-select {
    position: relative;
    transition: border-color .3s;
    margin: 0;
    -webkit-appearance: none;
    line-height: 1.4;
    font-family: Source Sans Pro bold,sans-serif;
    font-size: 15px;
    text-align: left;
    color: rgba(0, 0, 0, 0.87);
    padding: 12px 0px;
    border: 1px solid #dcdcdc;
    background: #ffffff; }
    .ForeignOrderCorporate .input-select-creditAcc .dk-select.select-1,
    .ForeignOrderCorporate .input-select-paymentCode .dk-select.select-1 {
      position: relative;
      width: 100%; }
      .ForeignOrderCorporate .input-select-creditAcc .dk-select.select-1.active,
      .ForeignOrderCorporate .input-select-paymentCode .dk-select.select-1.active {
        border-radius: 25px 25px 0 0 !important; }
    .ForeignOrderCorporate .input-select-creditAcc .dk-select .payment-filter-ico,
    .ForeignOrderCorporate .input-select-paymentCode .dk-select .payment-filter-ico {
      width: 35px;
      height: 35px;
      top: 30%;
      right: 15px; }
    .ForeignOrderCorporate .input-select-creditAcc .dk-select .dk-selected,
    .ForeignOrderCorporate .input-select-paymentCode .dk-select .dk-selected {
      font-size: 15px;
      line-height: 1.4;
      padding: 5px 0px 0px;
      padding-left: 23px; }
    .ForeignOrderCorporate .input-select-creditAcc .dk-select .dk-select-options,
    .ForeignOrderCorporate .input-select-paymentCode .dk-select .dk-select-options {
      position: absolute;
      display: none;
      left: 0;
      right: 0;
      top: 100%;
      margin-top: -5px;
      position: absolute;
      background-color: white;
      border-radius: 10px;
      list-style: none;
      margin: 0;
      max-height: 300px;
      overflow-x: hidden;
      overflow-y: auto;
      height: 150px;
      width: auto;
      z-index: 20;
      font-family: "Source-Sans-Pro", sans-serif;
      border-radius: 0 0 25px 25px !important;
      border-top: 2px solid #52ae30;
      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.16); }
      .ForeignOrderCorporate .input-select-creditAcc .dk-select .dk-select-options li.dk-option,
      .ForeignOrderCorporate .input-select-paymentCode .dk-select .dk-select-options li.dk-option {
        padding: 15px 16px 15px 24px;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        transition: all .3s; }
        .ForeignOrderCorporate .input-select-creditAcc .dk-select .dk-select-options li.dk-option:hover,
        .ForeignOrderCorporate .input-select-paymentCode .dk-select .dk-select-options li.dk-option:hover {
          background-color: #f5f5f5;
          border-top: 1px solid #dcdcdc;
          border-bottom: 1px solid #dcdcdc; }
      .ForeignOrderCorporate .input-select-creditAcc .dk-select .dk-select-options.active,
      .ForeignOrderCorporate .input-select-paymentCode .dk-select .dk-select-options.active {
        display: block !important; }
      .ForeignOrderCorporate .input-select-creditAcc .dk-select .dk-select-options.chargeBearer, .ForeignOrderCorporate .input-select-creditAcc .dk-select .dk-select-options.paymentInstrument,
      .ForeignOrderCorporate .input-select-paymentCode .dk-select .dk-select-options.chargeBearer,
      .ForeignOrderCorporate .input-select-paymentCode .dk-select .dk-select-options.paymentInstrument {
        height: 110px; }

.ForeignOrderCorporate .input-select-paymentCode .dk-select .dk-selected {
  padding-left: 18px;
  border: none;
  margin-left: 5px; }

.ForeignOrderCorporate .input-wrapper.creditorCountry label,
.ForeignOrderCorporate .input-wrapper.creditorBankCountry label {
  top: 16px;
  left: 24px;
  padding: 0;
  font-family: Source Sans Pro,sans-serif;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.54);
  -webkit-transition: color .2s,top .2s,left .2s,font-size .2s,-webkit-transform .2s;
  transition: color .2s,top .2s,left .2s,font-size .2s,-webkit-transform .2s;
  transition: transform .2s,color .2s,top .2s,left .2s,font-size .2s;
  transition: transform .2s,color .2s,top .2s,left .2s,font-size .2s,-webkit-transform .2s;
  pointer-events: none;
  will-change: transform;
  display: block; }

.ForeignOrderCorporate .input-wrapper.creditorCountry .dk-select .validationMessage,
.ForeignOrderCorporate .input-wrapper.creditorBankCountry .dk-select .validationMessage {
  margin-top: 13px;
  font-size: 13px; }

.ForeignOrderCorporate .input-wrapper.creditorCountry.focusin label,
.ForeignOrderCorporate .input-wrapper.creditorBankCountry.focusin label {
  top: 8px;
  left: 24px;
  font-size: 12px;
  color: #52ae30;
  font-family: "Source-Sans-Pro", sans-serif; }

.ForeignOrderCorporate .input-wrapper.creditorCountry .dk-select-options li:first-child,
.ForeignOrderCorporate .input-wrapper.creditorBankCountry .dk-select-options li:first-child {
  display: none; }

.ForeignOrderCorporate .input-wrapper.with-label-inside .input-ico-right {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  right: 0%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  fill: currentColor;
  stroke: currentColor; }

.ForeignOrderCorporate .foreign-currency-payment-stats {
  padding-bottom: 40px;
  border-bottom: 1px dotted #c7c7c7; }
  .ForeignOrderCorporate .foreign-currency-payment-stats .validationMessage {
    overflow: visible; }
  .ForeignOrderCorporate .foreign-currency-payment-stats .payment-filter-payment {
    border-bottom-left-radius: 31px;
    border-top-left-radius: 31px;
    border-top-right-radius: 31px;
    border-bottom-right-radius: 31px; }
    .ForeignOrderCorporate .foreign-currency-payment-stats .payment-filter-payment:hover {
      background-color: #ffffff; }
  .ForeignOrderCorporate .foreign-currency-payment-stats .account-statements-info-wrapper {
    padding: 10px 0; }
  .ForeignOrderCorporate .foreign-currency-payment-stats .payment-filter {
    width: 100%;
    min-width: 1170px;
    padding: 0 2px;
    border-bottom: 1px solid #c7c7c7; }
    .ForeignOrderCorporate .foreign-currency-payment-stats .payment-filter.type-salaries-main-row {
      padding-bottom: 11px;
      margin-bottom: 24px;
      flex-wrap: nowrap; }
  .ForeignOrderCorporate .foreign-currency-payment-stats .foreign-currency-payment-stats-col-1 {
    padding-left: 24px;
    border-bottom-left-radius: 31px;
    border-top-left-radius: 31px;
    border-top-right-radius: 31px;
    border-bottom-right-radius: 31px; }
    .ForeignOrderCorporate .foreign-currency-payment-stats .foreign-currency-payment-stats-col-1.type-2 {
      gap: 8px; }
      .ForeignOrderCorporate .foreign-currency-payment-stats .foreign-currency-payment-stats-col-1.type-2 .input-wrapper:first-child {
        -webkit-box-flex: 1;
        flex-grow: 1; }
      .ForeignOrderCorporate .foreign-currency-payment-stats .foreign-currency-payment-stats-col-1.type-2 .input-wrapper:last-child {
        flex-shrink: 0;
        width: 100px; }
    .ForeignOrderCorporate .foreign-currency-payment-stats .foreign-currency-payment-stats-col-1:first-child {
      width: 4%; }
      .ForeignOrderCorporate .foreign-currency-payment-stats .foreign-currency-payment-stats-col-1:first-child .input-wrapper {
        pointer-events: none; }
        .ForeignOrderCorporate .foreign-currency-payment-stats .foreign-currency-payment-stats-col-1:first-child .input-wrapper .input-1 {
          background: none;
          border: none;
          padding-left: 5px; }
    .ForeignOrderCorporate .foreign-currency-payment-stats .foreign-currency-payment-stats-col-1:nth-child(2) {
      width: 16%;
      padding-left: 10px; }
      .ForeignOrderCorporate .foreign-currency-payment-stats .foreign-currency-payment-stats-col-1:nth-child(2) .page-text {
        padding-left: 0; }
      .ForeignOrderCorporate .foreign-currency-payment-stats .foreign-currency-payment-stats-col-1:nth-child(2).type-2 {
        padding-left: 0px; }
    .ForeignOrderCorporate .foreign-currency-payment-stats .foreign-currency-payment-stats-col-1:nth-child(3) {
      width: 20%; }
      .ForeignOrderCorporate .foreign-currency-payment-stats .foreign-currency-payment-stats-col-1:nth-child(3) .input-wrapper:first-child {
        width: 60%; }
      .ForeignOrderCorporate .foreign-currency-payment-stats .foreign-currency-payment-stats-col-1:nth-child(3) .input-wrapper:last-child {
        width: 40%; }
    .ForeignOrderCorporate .foreign-currency-payment-stats .foreign-currency-payment-stats-col-1:nth-child(4) {
      width: 30%; }
    .ForeignOrderCorporate .foreign-currency-payment-stats .foreign-currency-payment-stats-col-1:nth-child(5) {
      width: 25%;
      padding-right: 24px; }
  .ForeignOrderCorporate .foreign-currency-payment-stats .account-statement-info-inner {
    width: 100%;
    min-width: 1170px; }
    .ForeignOrderCorporate .foreign-currency-payment-stats .account-statement-info-inner .flex-layout {
      display: flex;
      flex-wrap: nowrap;
      align-items: flex-start; }
  .ForeignOrderCorporate .foreign-currency-payment-stats .page-text {
    word-break: break-all; }
  .ForeignOrderCorporate .foreign-currency-payment-stats .input-1:disabled {
    color: rgba(0, 0, 0, 0.54);
    background-color: #e8e9ec; }
    .ForeignOrderCorporate .foreign-currency-payment-stats .input-1:disabled ~ label {
      top: 8px;
      left: 24px;
      font-size: 12px;
      color: rgba(0, 0, 0, 0.54);
      font-family: Source Sans Pro semibold,sans-serif; }
  .ForeignOrderCorporate .foreign-currency-payment-stats .disabled {
    background: #dedfe3;
    border-radius: 35px;
    cursor: no-drop; }

.ForeignOrderCorporate .btn-1 {
  margin-right: 16px;
  padding: 14px 36px 11px;
  border: 2px solid #ffffff;
  border-radius: 38px;
  width: auto; }
  .ForeignOrderCorporate .btn-1.color-1 {
    color: #FFFFFF;
    background: #52AE30; }

.ForeignOrderCorporate .foreign-currency-payment-stats-btns {
  gap: 16px; }
  .ForeignOrderCorporate .foreign-currency-payment-stats-btns.business-exchange-btn-wrapper {
    border-top: 1px solid #c7c7c7;
    margin-bottom: 0;
    padding-top: 40px; }
  .ForeignOrderCorporate .foreign-currency-payment-stats-btns .business-exchange-btn-wrapper-left .btn-2 {
    margin-right: 16px;
    min-width: 100px; }
  .ForeignOrderCorporate .foreign-currency-payment-stats-btns .business-exchange-btn-wrapper-middle {
    padding: 0 16px; }
  .ForeignOrderCorporate .foreign-currency-payment-stats-btns .business-exchange-btn-wrapper-right {
    max-width: 292px;
    width: 100%;
    padding-right: 24px; }

.ForeignOrderCorporate .foreign-currency-payment-detail .foreign-currency-payment-user-info-inputs-wrap {
  column-gap: 40px; }

.ForeignOrderCorporate .foreign-currency-payment-detail .foreign-currency-payment-input {
  width: calc(50% - 20px); }

.ForeignOrderCorporate .foreign-currency-payment-detail .foreign-currency-payment-textarea {
  width: calc(66.66666% - 14px); }

.ForeignOrderCorporate .btn-2 {
  margin-right: 16px;
  padding: 14px 36px 11px;
  border: 2px solid #ffffff;
  border-radius: 38px; }
  .ForeignOrderCorporate .btn-2.color-3 {
    color: #121212;
    background: #d20000; }
    .ForeignOrderCorporate .btn-2.color-3:hover {
      background: #E6E6E6; }
  .ForeignOrderCorporate .btn-2.color-8 {
    color: #f60;
    background: #ffffff; }
    .ForeignOrderCorporate .btn-2.color-8:hover {
      background: #e8e9ec;
      border-color: #e8e9ec; }

.input-1[disabled]:not(.customDisableField),
.textarea-1[disabled]:not(.customDisableField) {
  color: #989898 !important;
  background-color: #f1f1f1 !important; }

.TokenList .account-statement-info-inner .account-statements-info,
.CrontoTokenList .account-statement-info-inner .account-statements-info {
  transition: background-color .5s;
  border-radius: unset;
  cursor: pointer;
  border-bottom: 1px solid #E6E6E6; }
  .TokenList .account-statement-info-inner .account-statements-info:hover,
  .CrontoTokenList .account-statement-info-inner .account-statements-info:hover {
    background-color: #faeede; }

.TokenList .dk-select,
.CrontoTokenList .dk-select {
  font-size: 15px;
  cursor: pointer; }
  .TokenList .dk-select.select-1,
  .CrontoTokenList .dk-select.select-1 {
    position: relative; }
    .TokenList .dk-select.select-1:after,
    .CrontoTokenList .dk-select.select-1:after {
      content: "";
      display: block;
      width: 9px;
      height: 40px;
      position: absolute;
      top: 0;
      right: 18px;
      background-size: 9px;
      z-index: 4; }

.TokenList .dk-selected,
.CrontoTokenList .dk-selected {
  padding: 11px 35px 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: 1;
  transform: translate(3px, 6px); }
  .TokenList .dk-selected:before,
  .CrontoTokenList .dk-selected:before {
    content: '';
    display: block; }

.TokenList .dk-option,
.CrontoTokenList .dk-option {
  padding: 10px 18px;
  color: #000000;
  background: transparent;
  transition: background-color .3s;
  border-bottom: 1px solid transparent; }

.TokenList .dk-select-options,
.CrontoTokenList .dk-select-options {
  position: absolute;
  display: none;
  left: 0;
  right: 0;
  width: 100% !important;
  padding-top: 33px;
  top: 11px;
  z-index: 3;
  border-radius: 15px;
  background-color: white;
  list-style: none;
  margin: 0;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12); }
  .TokenList .dk-select-options.active,
  .CrontoTokenList .dk-select-options.active {
    display: block !important; }

.TokenList .dk-selected,
.CrontoTokenList .dk-selected {
  transform: none !important;
  z-index: 4; }

.AccountStatementsCorporateV2 .pager .numberOfTransaction .dk-select .dk-selected span:after,
.CardStatementsCorporateV2 .pager .numberOfTransaction .dk-select .dk-selected span:after,
.TokenList .pager .numberOfTransaction .dk-select .dk-selected span:after,
.CrontoTokenList .pager .numberOfTransaction .dk-select .dk-selected span:after {
  content: "";
  display: none;
  width: 9px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -20px;
  background: url(images/icons/arrows-1.png) 50% no-repeat;
  background-size: 9px; }

.AccountStatementsCorporateV2 .pager .numberOfTransaction .dk-select .dk-select-options,
.CardStatementsCorporateV2 .pager .numberOfTransaction .dk-select .dk-select-options,
.TokenList .pager .numberOfTransaction .dk-select .dk-select-options,
.CrontoTokenList .pager .numberOfTransaction .dk-select .dk-select-options {
  border-radius: 8px;
  background-color: #fff;
  font-family: "Mark-Medium", sans-serif;
  font-size: 14px; }
  .AccountStatementsCorporateV2 .pager .numberOfTransaction .dk-select .dk-select-options .dk-option,
  .CardStatementsCorporateV2 .pager .numberOfTransaction .dk-select .dk-select-options .dk-option,
  .TokenList .pager .numberOfTransaction .dk-select .dk-select-options .dk-option,
  .CrontoTokenList .pager .numberOfTransaction .dk-select .dk-select-options .dk-option {
    display: flex; }
    .AccountStatementsCorporateV2 .pager .numberOfTransaction .dk-select .dk-select-options .dk-option:last-child,
    .CardStatementsCorporateV2 .pager .numberOfTransaction .dk-select .dk-select-options .dk-option:last-child,
    .TokenList .pager .numberOfTransaction .dk-select .dk-select-options .dk-option:last-child,
    .CrontoTokenList .pager .numberOfTransaction .dk-select .dk-select-options .dk-option:last-child {
      padding-bottom: 15px; }
    .AccountStatementsCorporateV2 .pager .numberOfTransaction .dk-select .dk-select-options .dk-option:hover,
    .CardStatementsCorporateV2 .pager .numberOfTransaction .dk-select .dk-select-options .dk-option:hover,
    .TokenList .pager .numberOfTransaction .dk-select .dk-select-options .dk-option:hover,
    .CrontoTokenList .pager .numberOfTransaction .dk-select .dk-select-options .dk-option:hover {
      color: #d20000; }
    .AccountStatementsCorporateV2 .pager .numberOfTransaction .dk-select .dk-select-options .dk-option .dropdown-checkmark-icon,
    .CardStatementsCorporateV2 .pager .numberOfTransaction .dk-select .dk-select-options .dk-option .dropdown-checkmark-icon,
    .TokenList .pager .numberOfTransaction .dk-select .dk-select-options .dk-option .dropdown-checkmark-icon,
    .CrontoTokenList .pager .numberOfTransaction .dk-select .dk-select-options .dk-option .dropdown-checkmark-icon {
      display: none; }
    .AccountStatementsCorporateV2 .pager .numberOfTransaction .dk-select .dk-select-options .dk-option-selected,
    .CardStatementsCorporateV2 .pager .numberOfTransaction .dk-select .dk-select-options .dk-option-selected,
    .TokenList .pager .numberOfTransaction .dk-select .dk-select-options .dk-option-selected,
    .CrontoTokenList .pager .numberOfTransaction .dk-select .dk-select-options .dk-option-selected {
      color: #d20000; }
      .AccountStatementsCorporateV2 .pager .numberOfTransaction .dk-select .dk-select-options .dk-option-selected .dropdown-checkmark-icon,
      .CardStatementsCorporateV2 .pager .numberOfTransaction .dk-select .dk-select-options .dk-option-selected .dropdown-checkmark-icon,
      .TokenList .pager .numberOfTransaction .dk-select .dk-select-options .dk-option-selected .dropdown-checkmark-icon,
      .CrontoTokenList .pager .numberOfTransaction .dk-select .dk-select-options .dk-option-selected .dropdown-checkmark-icon {
        display: block;
        right: 10px; }
  .AccountStatementsCorporateV2 .pager .numberOfTransaction .dk-select .dk-select-options.active,
  .CardStatementsCorporateV2 .pager .numberOfTransaction .dk-select .dk-select-options.active,
  .TokenList .pager .numberOfTransaction .dk-select .dk-select-options.active,
  .CrontoTokenList .pager .numberOfTransaction .dk-select .dk-select-options.active {
    padding-top: 0;
    max-height: 120px;
    overflow-y: auto;
    top: 5px;
    z-index: 6; }

.reportPrint .flex-layout {
  display: flex;
  flex-wrap: wrap; }

.reportPrint .pdf-ico {
  stroke: #ffffff; }

.reportPrint .modal-wrap .input-wrapper {
  pointer-events: none; }

.reportPrint .modal-wrap.size-4 {
  max-width: 1045px; }

.reportPrint .modal-wrap .btn-2 {
  width: 47.5%;
  margin-right: unset;
  border-radius: 38px; }
  .reportPrint .modal-wrap .btn-2.color-2 {
    background: #52ae30;
    color: #ffffff; }
  .reportPrint .modal-wrap .btn-2.color-4 {
    color: #000;
    background: #efefef; }
    .reportPrint .modal-wrap .btn-2.color-4.no-border {
      border: unset; }

.reportPrint .modal-wrap a.btn-2 {
  width: 30%; }
  .reportPrint .modal-wrap a.btn-2 .page-text {
    width: calc(100% - 30px);
    text-transform: uppercase;
    padding: 0 0 0 5px;
    line-height: 1;
    font-family: "Source-Sans-Pro-bold", sans-serif; }

.reportPrint .modal-wrap .modal-inner {
  max-height: calc(92vh - 240px);
  padding: 5px 20px;
  overflow-y: auto;
  overflow-x: hidden; }

.reportPrint .foreign-exchange-order-form {
  border: 1px solid #dcdcdc;
  border-radius: 40px;
  padding: 24px; }

.reportPrint .dinar-injunction-inner .input-wrapper,
.reportPrint .dinar-injunction-inner .multiple-input-container {
  width: 49%; }
  .reportPrint .dinar-injunction-inner .input-wrapper.with-label-inside,
  .reportPrint .dinar-injunction-inner .multiple-input-container.with-label-inside {
    position: relative; }
    .reportPrint .dinar-injunction-inner .input-wrapper.with-label-inside.with-icon-right .input-1,
    .reportPrint .dinar-injunction-inner .multiple-input-container.with-label-inside.with-icon-right .input-1 {
      padding: 23px 56px 6px 24px; }
  .reportPrint .dinar-injunction-inner .input-wrapper.triple-input,
  .reportPrint .dinar-injunction-inner .multiple-input-container.triple-input {
    width: 31%; }

.reportPrint .input-1,
.reportPrint .textarea-1 {
  width: -webkit-fill-available;
  font-size: 15px;
  line-height: 1.4;
  padding: 23px 24px 6px;
  height: fit-content;
  font-family: Source Sans Pro,sans-serif;
  text-align: left;
  color: rgba(0, 0, 0, 0.87);
  border: 1px solid #dcdcdc;
  background: #ffffff;
  border-radius: 25px;
  transition: border-color .3s;
  margin: 0;
  -webkit-appearance: none; }
  .reportPrint .input-1 ~ label,
  .reportPrint .textarea-1 ~ label {
    top: 8px;
    left: 24px;
    font-size: 12px;
    color: #52ae30;
    font-family: Source Sans Pro semibold,sans-serif;
    position: absolute;
    padding: 0;
    transition: transform .2s,color .2s,top .2s,left .2s,font-size .2s,-webkit-transform .2s;
    pointer-events: none;
    will-change: transform;
    z-index: 1; }

.reportPrint .input-wrapper-date-ico {
  width: 18px;
  height: 18px;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  z-index: 2; }

.reportPrint .foreign-exchange-order-signatures {
  border-radius: 40px;
  border: 1px solid #dcdcdc;
  padding: 27px 40px 18px; }

.reportPrint .foreign-exchange-order-signatures-row {
  padding: 9px 0; }

.reportPrint .background-3 {
  background-color: #efefef; }

.reportPrint .foreign-inflows-top-right {
  row-gap: 15px;
  width: 307px; }

.reportPrint.frn .amount-bold {
  font-family: "Source-Sans-Pro-bold", sans-serif; }

.reportPrint.frn .ok {
  color: #52ae30;
  font-family: "Mark-Regular", sans-serif;
  margin-bottom: 0; }

.reportPrint.frn .nok {
  color: #ff435a;
  font-family: "Mark-Regular", sans-serif;
  margin-bottom: 0; }

.reportPrint.frn .foreign-exchange-order-form-inner:not(:last-child):after {
  position: relative;
  content: "";
  width: 100%;
  height: 1px;
  bottom: 11px;
  left: 0;
  background: repeating-linear-gradient(to right, rgba(195, 203, 208, 0.8) 0, rgba(195, 203, 208, 0.8) 3px, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0) 7px); }

.reportPrint.frn .input-wrapper {
  width: 49%; }

.reportPrint.frn .font-2 {
  font-family: "Mark-Regular", sans-serif; }

.reportPrint.frn .payment-filter.type-foreign-exchange-order {
  width: 100%;
  min-width: 892px; }

.reportPrint.frn .foreign-currency-order-textarea {
  width: 100%; }
  .reportPrint.frn .foreign-currency-order-textarea label {
    position: absolute;
    top: 16px;
    left: 24px;
    padding: 0;
    font-family: Source Sans Pro,sans-serif;
    font-size: 15px;
    color: rgba(0, 0, 0, 0.54);
    transition: transform .2s,color .2s,top .2s,left .2s,font-size .2s,-webkit-transform .2s;
    pointer-events: none;
    will-change: transform;
    z-index: 1; }

.reportPrint.frn .foreign-exchange-order-stats .account-statements-info-wrapper {
  overflow-x: hidden;
  padding: 10px 0; }
  .reportPrint.frn .foreign-exchange-order-stats .account-statements-info-wrapper .payment-filter {
    width: 100%;
    padding: 0 2px;
    border-bottom: 1px solid #c7c7c7; }
    .reportPrint.frn .foreign-exchange-order-stats .account-statements-info-wrapper .payment-filter .type-foreign-exchange-order {
      min-width: 945px;
      padding-bottom: 8px;
      margin-bottom: 0; }

.reportPrint.frn .foreign-currency-order-stats-col-1 {
  padding-right: 24px; }
  .reportPrint.frn .foreign-currency-order-stats-col-1:first-child {
    padding-left: 24px;
    width: 6.948%; }
  .reportPrint.frn .foreign-currency-order-stats-col-1:nth-child(2) {
    width: 10.466%; }
  .reportPrint.frn .foreign-currency-order-stats-col-1:nth-child(3) {
    width: 23.212%; }
  .reportPrint.frn .foreign-currency-order-stats-col-1:nth-child(4) {
    width: 27.689%; }
  .reportPrint.frn .foreign-currency-order-stats-col-1:nth-child(5) {
    width: 17.685%;
    padding-right: 0; }

.reportPrint.frn .foreign-exchange-order-stats-inner {
  width: 100%;
  min-width: 892px; }

.reportPrint.frn .foreign-exchange-order-row-1 {
  padding: 9px 0; }
  .reportPrint.frn .foreign-exchange-order-row-1.type-sum {
    border-top: 1px dotted rgba(0, 0, 0, 0.54);
    padding-top: 15px; }

.reportPrint.frn .textarea-1 {
  width: -webkit-fill-available;
  min-height: 100px;
  resize: none;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 24px;
  border-radius: 25px;
  border: 1px solid #dcdcdc;
  font-family: Source Sans Pro,sans-serif;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.87); }
  .reportPrint.frn .textarea-1 ~ label {
    top: 8px;
    left: 24px;
    font-size: 12px;
    color: #52ae30;
    font-family: Source Sans Pro semibold,sans-serif;
    position: absolute;
    padding: 0;
    transition: transform .2s,color .2s,top .2s,left .2s,font-size .2s,-webkit-transform .2s;
    pointer-events: none;
    will-change: transform;
    z-index: 1; }

.reportPrint.frn .foreign-exchange-order-top-right {
  flex-wrap: nowrap; }
  .reportPrint.frn .foreign-exchange-order-top-right .btn-2:nth-child(1) {
    margin-right: 10px; }
  .reportPrint.frn .foreign-exchange-order-top-right .btn-2:nth-child(2) {
    margin-right: 10px; }

.reportPrint.loro {
  max-width: 1080px !important; }
  .reportPrint.loro .validationMessage {
    position: absolute;
    left: 0px;
    top: 52px;
    padding-left: 0px;
    width: 140px; }
  .reportPrint.loro .error-summary {
    color: red; }
  .reportPrint.loro .foreign-inflows-row {
    height: 90px;
    align-items: baseline !important; }
  .reportPrint.loro .text-color-26 {
    color: #707070; }
  .reportPrint.loro .text-color-9 {
    color: rgba(0, 0, 0, 0.87); }
  .reportPrint.loro .btn-2.color-2:hover {
    background: #2a7f00; }
  .reportPrint.loro .btn-2.color-4:hover {
    color: #52ae30; }
  .reportPrint.loro .page-text {
    font-size: 15px;
    font-family: 'Source-Sans-Pro'; }
    .reportPrint.loro .page-text.statistics {
      font-weight: bold;
      font-size: 20px; }
  .reportPrint.loro .modal-inner {
    max-height: calc(92vh - 240px);
    overflow-y: auto;
    padding: 0 3px 0 0; }
    .reportPrint.loro .modal-inner .inflow-record {
      width: 50%; }
      .reportPrint.loro .modal-inner .inflow-record .data-type, .reportPrint.loro .modal-inner .inflow-record .data-value {
        width: 50%; }
  .reportPrint.loro .payment-filter-pag-wrapper {
    border-top: 1px solid #c7c7c7;
    padding-top: 15px; }
  .reportPrint.loro .foreign-inflows-filter-inner {
    overflow-x: auto; }
    .reportPrint.loro .foreign-inflows-filter-inner .payment-filter {
      min-width: 965px;
      border-bottom: 1px solid #c7c7c7; }
      .reportPrint.loro .foreign-inflows-filter-inner .payment-filter.margin-20 {
        margin-bottom: 20px;
        padding-bottom: 3px; }
      .reportPrint.loro .foreign-inflows-filter-inner .payment-filter .foreign-inflows-stats {
        padding: 5px 18px 5px 0; }
        .reportPrint.loro .foreign-inflows-filter-inner .payment-filter .foreign-inflows-stats:first-child {
          width: 2%; }
        .reportPrint.loro .foreign-inflows-filter-inner .payment-filter .foreign-inflows-stats:nth-child(2) {
          width: 11.245%; }
        .reportPrint.loro .foreign-inflows-filter-inner .payment-filter .foreign-inflows-stats:nth-child(3) {
          width: 20.755%; }
        .reportPrint.loro .foreign-inflows-filter-inner .payment-filter .foreign-inflows-stats:nth-child(4) {
          width: 16%; }
        .reportPrint.loro .foreign-inflows-filter-inner .payment-filter .foreign-inflows-stats:nth-child(5) {
          width: 22%; }
        .reportPrint.loro .foreign-inflows-filter-inner .payment-filter .foreign-inflows-stats:nth-child(6) {
          width: 16%; }
    .reportPrint.loro .foreign-inflows-filter-inner .tooltip-text {
      position: absolute;
      width: 220px;
      bottom: 33px;
      left: 0px;
      padding: 16px;
      margin-bottom: 25px;
      font-size: 25px;
      line-height: 1.133333;
      color: #52ae30;
      background-color: #ffffff;
      border-radius: 15px;
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
      -webkit-transition: opacity .3s,visibility .3s;
      transition: opacity .3s,visibility .3s;
      opacity: 0;
      visibility: hidden; }
    .reportPrint.loro .foreign-inflows-filter-inner .foreign-inflows-stats-inner {
      min-width: 965px; }
      .reportPrint.loro .foreign-inflows-filter-inner .foreign-inflows-stats-inner .foreign-inflows-stats {
        padding: 5px 18px 5px 0; }
        .reportPrint.loro .foreign-inflows-filter-inner .foreign-inflows-stats-inner .foreign-inflows-stats .input-1 {
          padding: 16px 16px 13px 10px; }
        .reportPrint.loro .foreign-inflows-filter-inner .foreign-inflows-stats-inner .foreign-inflows-stats:first-child {
          width: 2%; }
        .reportPrint.loro .foreign-inflows-filter-inner .foreign-inflows-stats-inner .foreign-inflows-stats:nth-child(2) {
          width: 11.245%; }
          .reportPrint.loro .foreign-inflows-filter-inner .foreign-inflows-stats-inner .foreign-inflows-stats:nth-child(2):hover .tooltip-text {
            opacity: 1;
            visibility: visible; }
        .reportPrint.loro .foreign-inflows-filter-inner .foreign-inflows-stats-inner .foreign-inflows-stats:nth-child(3) {
          width: 20.755%; }
          .reportPrint.loro .foreign-inflows-filter-inner .foreign-inflows-stats-inner .foreign-inflows-stats:nth-child(3) .input-wrapper:first-child {
            width: 60%;
            padding-right: 4px; }
          .reportPrint.loro .foreign-inflows-filter-inner .foreign-inflows-stats-inner .foreign-inflows-stats:nth-child(3) .input-wrapper:nth-child(2) {
            width: 40%;
            padding-left: 4px; }
          .reportPrint.loro .foreign-inflows-filter-inner .foreign-inflows-stats-inner .foreign-inflows-stats:nth-child(3).flex-layout {
            display: flex;
            flex-wrap: nowrap; }
        .reportPrint.loro .foreign-inflows-filter-inner .foreign-inflows-stats-inner .foreign-inflows-stats:nth-child(4) {
          width: 16%; }
        .reportPrint.loro .foreign-inflows-filter-inner .foreign-inflows-stats-inner .foreign-inflows-stats:nth-child(5) {
          width: 22%; }
        .reportPrint.loro .foreign-inflows-filter-inner .foreign-inflows-stats-inner .foreign-inflows-stats:nth-child(6) {
          width: 16%; }
  .reportPrint.loro .foreign-inflows-top-right.table-result {
    width: 336px; }
  .reportPrint.loro .foreign-inflows-top-right .btn-2 {
    width: 47.5%;
    margin-right: unset;
    font-family: "Mark-Regular", sans-serif; }
    .reportPrint.loro .foreign-inflows-top-right .btn-2.color-9 {
      background: #efefef; }
      .reportPrint.loro .foreign-inflows-top-right .btn-2.color-9.orange {
        color: #f60; }
      .reportPrint.loro .foreign-inflows-top-right .btn-2.color-9.green {
        color: #52ae30; }
  .reportPrint.loro .input-wrapper {
    pointer-events: all; }
  .reportPrint.loro .i-info-ico {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 65px;
    bottom: 20px; }
  .reportPrint.loro .foreign-inflows-bottom .input-select-paymentCode {
    width: 100% !important; }
    .reportPrint.loro .foreign-inflows-bottom .input-select-paymentCode label {
      top: 8px;
      left: 24px;
      font-size: 12px;
      color: #52ae30;
      font-family: Source Sans Pro semibold,sans-serif;
      position: absolute;
      padding: 0;
      transition: transform .2s,color .2s,top .2s,left .2s,font-size .2s,-webkit-transform .2s;
      pointer-events: none;
      will-change: unset;
      z-index: 1; }
    .reportPrint.loro .foreign-inflows-bottom .input-select-paymentCode .dk-select {
      position: relative;
      transition: border-color .3s;
      margin: 0;
      -webkit-appearance: none;
      line-height: 1.4;
      font-family: Source Sans Pro bold,sans-serif;
      font-size: 15px;
      text-align: left;
      color: rgba(0, 0, 0, 0.87);
      padding: 12px 0px;
      border: 1px solid #dcdcdc;
      border-radius: 25px;
      background: #ffffff; }
      .reportPrint.loro .foreign-inflows-bottom .input-select-paymentCode .dk-select.select-1 {
        position: relative;
        width: 100%;
        padding: 23px 0px 24px 6px; }
        .reportPrint.loro .foreign-inflows-bottom .input-select-paymentCode .dk-select.select-1.active {
          border-radius: 25px 25px 0 0 !important; }
      .reportPrint.loro .foreign-inflows-bottom .input-select-paymentCode .dk-select .payment-filter-ico {
        width: 35px;
        height: 35px;
        top: 30%;
        right: 0; }
      .reportPrint.loro .foreign-inflows-bottom .input-select-paymentCode .dk-select .dk-selected {
        font-size: 15px;
        line-height: 1.4;
        padding: 5px 0px 0px;
        padding-left: 23px; }
      .reportPrint.loro .foreign-inflows-bottom .input-select-paymentCode .dk-select .dk-select-options {
        position: absolute;
        display: none;
        left: 0;
        right: 0;
        top: 100%;
        margin-top: -5px;
        position: absolute;
        background-color: white;
        border-radius: 10px;
        list-style: none;
        margin: 0;
        max-height: 300px;
        overflow-x: hidden;
        overflow-y: auto;
        height: 150px;
        width: auto;
        z-index: 20;
        font-family: "Source-Sans-Pro", sans-serif;
        border-radius: 0 0 25px 25px !important;
        border-top: 2px solid #52ae30;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.16); }
        .reportPrint.loro .foreign-inflows-bottom .input-select-paymentCode .dk-select .dk-select-options li.dk-option {
          padding: 15px 16px 15px 24px;
          border-top: 1px solid transparent;
          border-bottom: 1px solid transparent;
          transition: all .3s; }
          .reportPrint.loro .foreign-inflows-bottom .input-select-paymentCode .dk-select .dk-select-options li.dk-option:hover {
            background-color: #f5f5f5;
            border-top: 1px solid #dcdcdc;
            border-bottom: 1px solid #dcdcdc; }
        .reportPrint.loro .foreign-inflows-bottom .input-select-paymentCode .dk-select .dk-select-options.active {
          display: inline-table !important;
          width: inherit; }
  .reportPrint.loro .foreign-inflows-bottom .input-wrapper {
    width: 32%; }
    .reportPrint.loro .foreign-inflows-bottom .input-wrapper label {
      position: absolute;
      top: 16px;
      left: 24px;
      padding: 0;
      font-family: 'Source-Sans-Pro';
      font-size: 15px;
      color: rgba(0, 0, 0, 0.54);
      transition: transform .2s,color .2s,top .2s,left .2s,font-size .2s,-webkit-transform .2s;
      pointer-events: none;
      will-change: unset;
      z-index: 1; }
    .reportPrint.loro .foreign-inflows-bottom .input-wrapper:focus label {
      top: 8px;
      left: 24px;
      font-size: 12px;
      color: #52ae30;
      font-family: "Source-Sans-Pro", sans-serif; }
    .reportPrint.loro .foreign-inflows-bottom .input-wrapper.focusin label {
      top: 8px;
      left: 24px;
      font-size: 12px;
      color: #52ae30;
      font-family: "Source-Sans-Pro", sans-serif; }
  .reportPrint.loro .foreign-inflows-result {
    width: 154px;
    margin-right: 30px; }
    .reportPrint.loro .foreign-inflows-result .gray-result-box {
      background: unset;
      color: #707070;
      background-color: #e8e9ec;
      font-family: "Mark-Regular", sans-serif; }
      .reportPrint.loro .foreign-inflows-result .gray-result-box ~ label {
        top: 8px;
        left: 24px;
        font-size: 12px;
        color: rgba(0, 0, 0, 0.54);
        font-family: "Source-Sans-Pro", sans-serif; }
    .reportPrint.loro .foreign-inflows-result .validationMessage {
      position: absolute;
      left: -50px;
      top: 52px;
      width: 210px; }

.ui-dialog.right-dialog.details-dialog.reportPrint {
  top: 50% !important;
  left: 50% !important;
  transform: translateX(-50%) translateY(-50%);
  max-width: 1024px;
  width: 94% !important;
  height: auto !important;
  padding: 40px 20px 65px;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.16);
  padding: 2% !important;
  border-radius: 20px;
  background-color: #ffffff;
  position: relative;
  margin: auto;
  max-height: 92vh;
  overflow: hidden; }
  .ui-dialog.right-dialog.details-dialog.reportPrint.ui-widget-content, .ui-dialog.right-dialog.details-dialog.reportPrint .ui-widget-content {
    background: #ffffff !important; }

.reportDialog .transaction-popup-options-wrapper {
  padding: 0 40px 0 0; }

.reportDialog .popup-ammount-ico-wrapper {
  background-image: url("images/icons/ic_detalji_naloga@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%; }

.opacity-1 {
  opacity: 1 !important; }

.ForeignPredefinedUsersCorporate .account-statement-info-inner .account-statements-info {
  padding: 8px 20px 8px 22px !important; }
  .ForeignPredefinedUsersCorporate .account-statement-info-inner .account-statements-info .account-statement-pdf-download p:first-child {
    width: 19.4%; }
  .ForeignPredefinedUsersCorporate .account-statement-info-inner .account-statements-info .account-statement-pdf-download p:nth-child(2) {
    padding-left: 0;
    width: 50%; }

.newTemplate.frnTemplate .accountDetailsPopup .account-inter-inner-scroll .formWrapperDialog {
  height: 1117px !important; }

.newTemplate .wrapperIntraCode.code.active .dk-select-options.code,
.newTemplate .wrapperIntraCode.debitAccount.active .dk-select-options.debitAccount {
  height: auto; }

.ForeignPredefinedUsersCorporate .group-inner.transaction-filter-box label,
.CreditorTemplateManaging .group-inner.transaction-filter-box label {
  font-family: "Mark-Medium", sans-serif;
  font-size: 14px !important;
  line-height: 1.42;
  color: #888;
  margin-bottom: 8px !important;
  padding-top: 8px !important;
  display: block; }

.ForeignOrderReportCorporate .popup-content {
  width: 196px;
  right: -40px; }

.ForeignOrderReportCorporate .dk-select-options {
  max-height: 255px; }

.ForeignOrderReportCorporate .business-exchange-list-wrap .account-statements-info-wrapper {
  display: block;
  width: inherit; }
  .ForeignOrderReportCorporate .business-exchange-list-wrap .account-statements-info-wrapper .account-statements-filter-inner {
    display: block;
    width: 100%; }

.ForeignOrderReportCorporate .business-exchange-list-wrap .payment-filter {
  width: 100%;
  padding: 0 2px;
  border-bottom: 1px solid #c7c7c7;
  max-width: 1180px;
  min-width: 1180px; }
  .ForeignOrderReportCorporate .business-exchange-list-wrap .payment-filter.type-foreign-currency-1 .payment-filter-box {
    padding: 5px;
    margin-bottom: 7px;
    position: relative;
    display: inline; }
    .ForeignOrderReportCorporate .business-exchange-list-wrap .payment-filter.type-foreign-currency-1 .payment-filter-box:nth-child(2) {
      width: 12.438%;
      padding-left: 10px; }
    .ForeignOrderReportCorporate .business-exchange-list-wrap .payment-filter.type-foreign-currency-1 .payment-filter-box:nth-child(3) {
      width: 19.047%; }
    .ForeignOrderReportCorporate .business-exchange-list-wrap .payment-filter.type-foreign-currency-1 .payment-filter-box:nth-child(4) {
      width: 17.641%;
      padding-left: 10px; }
    .ForeignOrderReportCorporate .business-exchange-list-wrap .payment-filter.type-foreign-currency-1 .payment-filter-box:nth-child(5) {
      width: 9.563%;
      padding-left: 10px; }
    .ForeignOrderReportCorporate .business-exchange-list-wrap .payment-filter.type-foreign-currency-1 .payment-filter-box:nth-child(6) {
      width: 5.842%; }
    .ForeignOrderReportCorporate .business-exchange-list-wrap .payment-filter.type-foreign-currency-1 .payment-filter-box:nth-child(7) {
      width: 14.842%; }
    .ForeignOrderReportCorporate .business-exchange-list-wrap .payment-filter.type-foreign-currency-1 .payment-filter-box:nth-child(8) {
      width: 12.203%; }
    .ForeignOrderReportCorporate .business-exchange-list-wrap .payment-filter.type-foreign-currency-1 .payment-filter-box .page-text-2 {
      padding-right: 25px;
      display: inline-block;
      line-height: 1;
      transition: color .5s; }
    .ForeignOrderReportCorporate .business-exchange-list-wrap .payment-filter.type-foreign-currency-1 .payment-filter-box .payment-filter-ico {
      top: 25%; }

.ForeignOrderReportCorporate .business-exchange-list-wrap .account-statement-info-inner {
  width: 100%;
  min-width: 1180px;
  max-width: 1180px; }

.ForeignOrderReportCorporate .business-exchange-list-wrap .payment-filter-payment {
  border-bottom-left-radius: 31px;
  border-top-left-radius: 31px;
  border-bottom-right-radius: 31px;
  border-top-right-radius: 31px; }
  .ForeignOrderReportCorporate .business-exchange-list-wrap .payment-filter-payment .page-text {
    word-break: break-all; }
  .ForeignOrderReportCorporate .business-exchange-list-wrap .payment-filter-payment:hover {
    background-color: #FFFFFF; }

.ForeignOrderReportCorporate .business-exchange-list-wrap .row-dots {
  height: 30px;
  -webkit-box-align: center;
  align-items: center;
  display: inline-flex; }

.ForeignOrderReportCorporate .business-exchange-list-wrap .foreign-currency-col-1 {
  padding: 5px; }
  .ForeignOrderReportCorporate .business-exchange-list-wrap .foreign-currency-col-1:first-child {
    width: 12.438%; }
  .ForeignOrderReportCorporate .business-exchange-list-wrap .foreign-currency-col-1:nth-child(2) {
    width: 20.047%; }
    .ForeignOrderReportCorporate .business-exchange-list-wrap .foreign-currency-col-1:nth-child(2) p {
      width: 100%; }
  .ForeignOrderReportCorporate .business-exchange-list-wrap .foreign-currency-col-1:nth-child(3) {
    width: 18.641%; }
  .ForeignOrderReportCorporate .business-exchange-list-wrap .foreign-currency-col-1:nth-child(4) {
    width: 9.563%; }
  .ForeignOrderReportCorporate .business-exchange-list-wrap .foreign-currency-col-1:nth-child(5) {
    width: 5.842%; }
  .ForeignOrderReportCorporate .business-exchange-list-wrap .foreign-currency-col-1:nth-child(6) {
    width: 15.842%; }
  .ForeignOrderReportCorporate .business-exchange-list-wrap .foreign-currency-col-1:nth-child(7) {
    width: 12.203%; }

.ForeignOrderReportCorporate .account-statements-info-wrapper {
  padding: 10px 0; }

.ForeignOrderReportCorporate .pdf-download .page-text {
  width: calc(100% - 20px);
  text-transform: uppercase;
  padding: 0 0 0 5px;
  line-height: 1;
  font-family: "Source-Sans-Pro-bold", sans-serif; }

.ForeignOrderReportCorporate .dot-menu-dot {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin: 2px; }

.ForeignOrderReportCorporate .background-12 {
  background-color: rgba(0, 0, 0, 0.87); }

.foreignOrder {
  margin-top: 5%; }

.commissionDialog .accountDetailsPopup .popup-btn-wrapper {
  padding-top: 0 !important; }

.ForeignOrderReportCorporate {
  padding-bottom: 0 !important; }
  .ForeignOrderReportCorporate .payment-filter-payment .page-text {
    padding-left: 0px; }

.accountTurnoverDetail .popup-ammount-ico-wrapper {
  background-image: url(images/icons/ic_detalji_naloga@2x.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%; }

.SMSDialog.paymentCodebookDialog {
  border-radius: 16px !important;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.16);
  padding: 25px 40px 40px !important;
  max-width: 400px;
  background-color: #EFEFEF !important;
  color: rgba(0, 0, 0, 0.87) !important;
  border: none !important;
  background: #EFEFEF !important; }
  .SMSDialog.paymentCodebookDialog .clientGrid tbody tr td:nth-child(2) {
    border-bottom-left-radius: 31px;
    border-top-left-radius: 31px; }
  .SMSDialog.paymentCodebookDialog .clientGrid tbody tr td:last-child {
    border-top-right-radius: 31px;
    border-bottom-right-radius: 31px; }

.ui-dialog.paymentCodebookDialog:not(.right-dialog).visible {
  width: 600px !important; }
  .ui-dialog.paymentCodebookDialog:not(.right-dialog).visible .ui-dialog-content.ui-widget-content {
    overflow-y: scroll; }

.ForeignOrderCorporate .tooltip {
  position: absolute;
  width: 20px;
  z-index: 2;
  right: 16px;
  height: 20px;
  top: 22px;
  transform: translateY(-50%); }
  .ForeignOrderCorporate .tooltip .tooltip-ico {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 10px;
    left: 50%;
    transform: translate(-50%, -50%);
    stroke: rgba(0, 0, 0, 0.54);
    cursor: pointer; }
  .ForeignOrderCorporate .tooltip .tooltip-text {
    position: absolute;
    width: 220px;
    bottom: 33px;
    right: -28px;
    padding: 16px;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 1.133333;
    color: #52ae30;
    background-color: #ffffff;
    border-radius: 15px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    -webkit-transition: opacity .3s,visibility .3s;
    transition: opacity .3s,visibility .3s;
    opacity: 0;
    visibility: hidden; }
  .ForeignOrderCorporate .tooltip:hover .tooltip-text {
    opacity: 1;
    visibility: visible; }

.InflowsCorporate button {
  padding: 10px 13px;
  background-color: #52AE30;
  border-radius: 20px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08) !important;
  transition: box-shadow .5s;
  font-family: "Source-Sans-Pro-bold", sans-serif;
  color: #FFFFFF;
  width: 80px;
  height: 40px;
  font-size: 14px;
  cursor: pointer;
  margin-left: 14px; }

.InflowsCorporate .transaction-filter-wrapper {
  margin-top: 4%; }
  .InflowsCorporate .transaction-filter-wrapper .flex-layout {
    display: flex;
    flex-wrap: wrap; }

.InflowsCorporate .pager {
  margin-bottom: 5%; }

.InflowsCorporate .transaction-filter-submit {
  width: unset;
  height: unset;
  padding: 9px 17px;
  margin: 0;
  outline: none;
  margin-bottom: 12px;
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  transition: all .5s; }

.InflowsCorporate .radioBtns {
  width: 25%;
  align-self: center;
  padding-top: 1%; }
  .InflowsCorporate .radioBtns .filter-radio-btn:first-child {
    width: 60%; }
  .InflowsCorporate .radioBtns .filter-radio-btn:last-child {
    width: 40%; }

.InflowsCorporate .filters {
  width: 75%; }

.InflowsCorporate .inflows-filter-wrap {
  row-gap: 16px;
  width: 100%; }

.InflowsCorporate .filter-radio-btn {
  display: flex;
  align-self: center;
  position: relative; }
  .InflowsCorporate .filter-radio-btn:first-child {
    width: 20%; }

.InflowsCorporate .custom-label {
  font-family: 'Source-Sans-Pro-bold';
  font-size: 15px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.87);
  margin: 0; }

.InflowsCorporate input#dateFilter,
.InflowsCorporate input#referenceFilter {
  display: grid;
  border: 1px solid #E8E9EC;
  appearance: none;
  background-color: #ffffff;
  width: 16px;
  height: 16px;
  border: 1px solid #E8E9EC;
  border-radius: 50%;
  box-shadow: 0px 3px 6px 0px #afafba;
  margin: -2px 5px 0 0; }
  .InflowsCorporate input#dateFilter:checked,
  .InflowsCorporate input#referenceFilter:checked {
    background: #ffffff;
    opacity: 1; }
    .InflowsCorporate input#dateFilter:checked:before,
    .InflowsCorporate input#referenceFilter:checked:before {
      transform: scale(1);
      content: "";
      background-color: #52AE30;
      width: 10px;
      height: 10px;
      place-self: center;
      border-radius: 50%; }

.InflowsCorporate .background-12 {
  background-color: rgba(0, 0, 0, 0.87); }

.InflowsCorporate .input-1 {
  height: 42px; }

.InflowsCorporate .transaction-filter-box {
  width: 167px;
  margin: 0 4px 10px; }
  .InflowsCorporate .transaction-filter-box .ui-datepicker-trigger {
    position: absolute;
    right: 10%; }
  .InflowsCorporate .transaction-filter-box .input-1 {
    padding: 10px; }
    .InflowsCorporate .transaction-filter-box .input-1:focus {
      border-color: #52ae30; }
  .InflowsCorporate .transaction-filter-box .transaction-filter {
    position: relative;
    border: 1px solid #DCDCDC;
    padding: 11px 11px !important;
    border-radius: 25px;
    height: 18px;
    cursor: pointer; }
    .InflowsCorporate .transaction-filter-box .transaction-filter input {
      border: none;
      width: 100%;
      font-family: "Source-Sans-Pro", sans-serif;
      font-size: 15px; }
      .InflowsCorporate .transaction-filter-box .transaction-filter input .toDate {
        position: relative;
        z-index: 1;
        padding: 11px 34px 11px 16px;
        border-radius: 8px;
        background-color: transparent;
        cursor: pointer; }
  .InflowsCorporate .transaction-filter-box .dk-select {
    font-size: 15px;
    cursor: pointer; }
    .InflowsCorporate .transaction-filter-box .dk-select.select-1 {
      position: relative;
      width: 100%;
      border-radius: 30px; }
      .InflowsCorporate .transaction-filter-box .dk-select.select-1: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; }
      .InflowsCorporate .transaction-filter-box .dk-select.select-1.active .dk-selected {
        border-radius: 25px 25px 0 0 !important; }
      .InflowsCorporate .transaction-filter-box .dk-select.select-1.active: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: 11; }
  .InflowsCorporate .transaction-filter-box .dk-selected {
    transform: none !important;
    z-index: 2;
    padding: 11px 35px 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: 1; }
  .InflowsCorporate .transaction-filter-box .dk-select-options {
    width: 100% !important;
    padding-top: 33px;
    top: 11px;
    border-radius: 15px;
    position: absolute;
    display: none;
    left: 0;
    right: 0;
    background-color: white;
    list-style: none;
    margin: 0;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12); }
    .InflowsCorporate .transaction-filter-box .dk-select-options.active {
      display: block !important; }
    .InflowsCorporate .transaction-filter-box .dk-select-options .dk-option {
      padding: 10px 18px;
      color: #000000;
      background: transparent;
      transition: background-color .3s;
      border-bottom: 1px solid transparent;
      border-top: 1px solid transparent; }
      .InflowsCorporate .transaction-filter-box .dk-select-options .dk-option:first-child {
        border-top: 1px solid #52AE30; }

.InflowsCorporate .undownloaded .account-statement-pdf-download {
  height: 40px; }

.InflowsCorporate .payment-filter-pag-wrapper {
  border-top: 1px solid #c7c7c7;
  padding-top: 15px; }

.InflowsCorporate .downloadedInflows .account-statement-pdf-download,
.InflowsCorporate .undownloaded .account-statement-pdf-download,
.InflowsCorporate .undownloadedObrada .account-statement-pdf-download {
  width: 95%; }
  .InflowsCorporate .downloadedInflows .account-statement-pdf-download p:first-child,
  .InflowsCorporate .undownloaded .account-statement-pdf-download p:first-child,
  .InflowsCorporate .undownloadedObrada .account-statement-pdf-download p:first-child {
    width: 22%; }
  .InflowsCorporate .downloadedInflows .account-statement-pdf-download p:nth-child(2),
  .InflowsCorporate .undownloaded .account-statement-pdf-download p:nth-child(2),
  .InflowsCorporate .undownloadedObrada .account-statement-pdf-download p:nth-child(2) {
    width: 8.5%;
    text-align: left; }
  .InflowsCorporate .downloadedInflows .account-statement-pdf-download p:nth-child(3),
  .InflowsCorporate .undownloaded .account-statement-pdf-download p:nth-child(3),
  .InflowsCorporate .undownloadedObrada .account-statement-pdf-download p:nth-child(3) {
    width: 16.5%;
    padding-left: 15px; }
  .InflowsCorporate .downloadedInflows .account-statement-pdf-download p:nth-child(4),
  .InflowsCorporate .undownloaded .account-statement-pdf-download p:nth-child(4),
  .InflowsCorporate .undownloadedObrada .account-statement-pdf-download p:nth-child(4) {
    width: 23%; }
  .InflowsCorporate .downloadedInflows .account-statement-pdf-download p:nth-child(5),
  .InflowsCorporate .undownloaded .account-statement-pdf-download p:nth-child(5),
  .InflowsCorporate .undownloadedObrada .account-statement-pdf-download p:nth-child(5) {
    width: 28%; }

.InflowsCorporate .downloadedInflows .account-detail-menu,
.InflowsCorporate .undownloaded .account-detail-menu,
.InflowsCorporate .undownloadedObrada .account-detail-menu {
  width: 5%; }

.InflowsCorporate .downloadedInflows .payment-filter-box:nth-child(2),
.InflowsCorporate .undownloaded .payment-filter-box:nth-child(2),
.InflowsCorporate .undownloadedObrada .payment-filter-box:nth-child(2) {
  width: 21.6%; }
  .InflowsCorporate .downloadedInflows .payment-filter-box:nth-child(2) p,
  .InflowsCorporate .undownloaded .payment-filter-box:nth-child(2) p,
  .InflowsCorporate .undownloadedObrada .payment-filter-box:nth-child(2) p {
    padding-left: 30px; }

.InflowsCorporate .downloadedInflows .payment-filter-box:nth-child(3),
.InflowsCorporate .undownloaded .payment-filter-box:nth-child(3),
.InflowsCorporate .undownloadedObrada .payment-filter-box:nth-child(3) {
  width: 8.8%;
  text-align: left;
  padding-right: 10px;
  box-sizing: border-box; }

.InflowsCorporate .downloadedInflows .payment-filter-box:nth-child(4),
.InflowsCorporate .undownloaded .payment-filter-box:nth-child(4),
.InflowsCorporate .undownloadedObrada .payment-filter-box:nth-child(4) {
  width: 14.5%; }

.InflowsCorporate .downloadedInflows .payment-filter-box:nth-child(5),
.InflowsCorporate .undownloaded .payment-filter-box:nth-child(5),
.InflowsCorporate .undownloadedObrada .payment-filter-box:nth-child(5) {
  width: 20%; }

.InflowsCorporate .downloadedInflows .payment-filter-box:nth-child(6),
.InflowsCorporate .undownloaded .payment-filter-box:nth-child(6),
.InflowsCorporate .undownloadedObrada .payment-filter-box:nth-child(6) {
  width: 25%; }

.DomesticOrderReportCorporate .gvDomesticReport table thead tr th {
  font-size: 14px !important;
  color: #888 !important;
  font-family: "Mark-Medium", sans-serif; }
  .DomesticOrderReportCorporate .gvDomesticReport table thead tr th span.ui-icon {
    width: 9px !important; }

.DomesticOrderReportCorporate .dk-select {
  font-size: 15px;
  cursor: pointer; }
  .DomesticOrderReportCorporate .dk-select.select-1 {
    position: relative;
    width: 100%;
    border-radius: 30px; }
    .DomesticOrderReportCorporate .dk-select.select-1:after {
      /*content: '';
                margin-left: 10px;
                position: absolute;
                top: 40%;
                right: 15px;*/
      /* transform: translate(0, -50%); */
      /*width: 11px;
                height: 14px;
                background-image: url(images/icons/arrow-bottom-1.png);
                background-position: 50%;
                background-repeat: no-repeat;
                background-size: contain;
                transition: .5s ease;*/ }
    .DomesticOrderReportCorporate .dk-select.select-1.active .dk-selected {
      border: 2px solid #121212; }

.DomesticOrderReportCorporate .dk-selected {
  transform: none !important;
  z-index: 2;
  padding: 8px 35px 10px 18px;
  white-space: nowrap;
  overflow: hidden;
  background-color: #F3F3F3;
  border-radius: 8px;
  height: 18px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  position: relative; }

.DomesticOrderReportCorporate input.cbMultiselect {
  accent-color: #d20000;
  margin: 0;
  width: 16px;
  height: 16px; }

.DomesticOrderReportCorporate input.cbMultiselectAll {
  accent-color: #d20000;
  margin: 0;
  width: 16px;
  height: 16px; }

.DomesticOrderReportCorporate .gvDomesticReport {
  overflow-x: auto;
  min-width: 1175px; }
  .DomesticOrderReportCorporate .gvDomesticReport thead tr th {
    padding-left: 0; }
    .DomesticOrderReportCorporate .gvDomesticReport thead tr th:first-child {
      width: 5%; }
  .DomesticOrderReportCorporate .gvDomesticReport tbody tr {
    border-bottom: 1px solid #E6E6E6 !important; }
    .DomesticOrderReportCorporate .gvDomesticReport tbody tr td.Multiselect {
      width: 5%; }
    .DomesticOrderReportCorporate .gvDomesticReport tbody tr td {
      line-height: 1.4; }
      .DomesticOrderReportCorporate .gvDomesticReport tbody tr td:nth-child(3) {
        width: 10%; }
      .DomesticOrderReportCorporate .gvDomesticReport tbody tr td:nth-child(4) {
        width: 20%; }
      .DomesticOrderReportCorporate .gvDomesticReport tbody tr td:nth-child(5) {
        width: 12%; }
      .DomesticOrderReportCorporate .gvDomesticReport tbody tr td:nth-child(6) {
        width: 10%;
        text-align: left;
        font-family: "Mark-Bold", sans-serif; }
      .DomesticOrderReportCorporate .gvDomesticReport tbody tr td:nth-child(7) {
        width: 18%;
        line-height: 0.5; }

.DomesticOrderListCorporate .gvOrderList tbody tr td:first-child {
  width: 3%; }

.DomesticOrderListCorporate .gvOrderList tbody tr td:nth-child(3) {
  width: 7.5%; }

.DomesticOrderListCorporate .gvOrderList tbody tr td:nth-child(4) {
  width: 9%; }

.DomesticOrderListCorporate .gvOrderList tbody tr td:nth-child(5) {
  width: 8%; }

.DomesticOrderListCorporate .gvOrderList tbody tr td:nth-child(6) {
  width: 19.5%; }

.DomesticOrderListCorporate .gvOrderList tbody tr td:nth-child(7) {
  width: 9.5%; }

.DomesticOrderListCorporate .gvOrderList tbody tr td:nth-child(8) {
  width: 13.5%; }

.DomesticOrderListCorporate .gvOrderList tbody tr td:nth-child(9) {
  width: 24%; }

.DomesticOrderListCorporate .gvOrderList tbody tr td:nth-child(10) {
  width: 6%; }

.DomesticOrderListCorporate input.cbMultiselect {
  accent-color: #d20000;
  margin: 0;
  width: 16px;
  height: 16px; }

.DomesticOrderListCorporate input.cbMultiselectAll {
  accent-color: #d20000;
  margin: 0;
  width: 16px;
  height: 16px; }

.DomesticOrderListCorporate table tbody tr td.Multiselect {
  vertical-align: middle; }

.DomesticOrderListCorporate .total-data {
  border-top: 1px solid #C7C7C7;
  padding-top: 10px; }

.accountTurnoverDetails .account-inter-inner-scroll .transaction-popup-details-wrapper {
  height: 52vh; }

.account-inter-inner-scroll .page-text.Izvršen {
  color: #52ae30; }

.account-inter-inner-scroll .page-text.obradi {
  color: #ff8000; }

.account-inter-inner-scroll .page-text.Datum {
  color: #ff8000; }

.account-inter-inner-scroll .page-text.Odbijen {
  color: #ff0000; }

.accountTurnoverDetail.inflow .account-item-inner {
  height: 76vh !important; }

.accountTurnoverDetail.inflow .popup-ammount-ico-wrapper {
  background-image: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%; }

.accountTurnoverDetail.inflow .gvInflow {
  width: 100%; }
  .accountTurnoverDetail.inflow .gvInflow table {
    width: 100%;
    display: block; }
    .accountTurnoverDetail.inflow .gvInflow table thead {
      width: 100%;
      display: block; }
      .accountTurnoverDetail.inflow .gvInflow table thead tr {
        display: block;
        width: 100%; }
        .accountTurnoverDetail.inflow .gvInflow table thead tr th div {
          white-space: break-spaces;
          text-align: left; }
        .accountTurnoverDetail.inflow .gvInflow table thead tr th:nth-child(2) {
          width: 22%; }
        .accountTurnoverDetail.inflow .gvInflow table thead tr th:nth-child(3) {
          width: 35%; }
        .accountTurnoverDetail.inflow .gvInflow table thead tr th:nth-child(4) {
          width: 43%;
          vertical-align: middle; }
    .accountTurnoverDetail.inflow .gvInflow table tbody {
      width: 100%;
      display: block; }
      .accountTurnoverDetail.inflow .gvInflow table tbody tr td {
        vertical-align: middle;
        font-size: 14px;
        line-height: 20px; }
        .accountTurnoverDetail.inflow .gvInflow table tbody tr td:nth-child(2) {
          width: 20%; }
        .accountTurnoverDetail.inflow .gvInflow table tbody tr td:nth-child(3) {
          width: 36%; }
        .accountTurnoverDetail.inflow .gvInflow table tbody tr td:nth-child(4) {
          width: 44%; }

/* Checkbox style*/
.OrderPackageReportCorporate input.cbMultiselect,
.OrdersFromOrderPackagesListCorporate input.cbMultiselect {
  accent-color: #d20000;
  margin: 0;
  width: 18px;
  height: 18px;
  position: relative;
  top: 4px; }

.OrderPackageReportCorporate input.cbMultiselectAll,
.OrdersFromOrderPackagesListCorporate input.cbMultiselectAll {
  accent-color: #d20000;
  margin: 0;
  width: 18px;
  height: 18px;
  position: relative;
  top: 4px; }

/* End of Checkbox style*/
.OrderPackageReportCorporate {
  margin-top: 8%; }
  .OrderPackageReportCorporate .orderPackageReport {
    display: contents; }
  .OrderPackageReportCorporate .gvPackageReport {
    display: inline-block; }

.OrdersFromOrderPackagesListCorporate {
  margin-bottom: 10%; }
  .OrdersFromOrderPackagesListCorporate .gvOrders thead tr th:nth-child(5) {
    text-align: left !important; }
  .OrdersFromOrderPackagesListCorporate .gvOrders thead tr th:nth-child(7) {
    text-align: left !important; }
  .OrdersFromOrderPackagesListCorporate .gvOrders tbody tr td {
    line-height: 1.4; }
    .OrdersFromOrderPackagesListCorporate .gvOrders tbody tr td.Multiselect {
      width: 2%; }
    .OrdersFromOrderPackagesListCorporate .gvOrders tbody tr td:nth-child(3) {
      width: 10%;
      padding-left: 12px; }
    .OrdersFromOrderPackagesListCorporate .gvOrders tbody tr td:nth-child(4) {
      width: 21%;
      padding-left: 12px; }
    .OrdersFromOrderPackagesListCorporate .gvOrders tbody tr td:nth-child(5) {
      width: 9%;
      text-align: left;
      padding-left: 12px; }
    .OrdersFromOrderPackagesListCorporate .gvOrders tbody tr td:nth-child(6) {
      width: 8%;
      padding-left: 12px; }
    .OrdersFromOrderPackagesListCorporate .gvOrders tbody tr td:nth-child(7) {
      width: 14%;
      text-align: left !important;
      padding-left: 12px; }
    .OrdersFromOrderPackagesListCorporate .gvOrders tbody tr td:nth-child(8) {
      width: 15%;
      padding-left: 12px; }

.OrderPackageReportCorporate .transaction-filter-inner .transaction-filter-box .input-wrap,
.OrdersFromOrderPackagesListCorporate .transaction-filter-inner .transaction-filter-box .input-wrap,
.LoanRepaymentsCorporate .transaction-filter-inner .transaction-filter-box .input-wrap {
  padding-left: 0; }
  .OrderPackageReportCorporate .transaction-filter-inner .transaction-filter-box .input-wrap .input-1,
  .OrdersFromOrderPackagesListCorporate .transaction-filter-inner .transaction-filter-box .input-wrap .input-1,
  .LoanRepaymentsCorporate .transaction-filter-inner .transaction-filter-box .input-wrap .input-1 {
    padding: 10px; }

.OrderPackageReportCorporate .transaction-filter-inner .dk-selected,
.OrdersFromOrderPackagesListCorporate .transaction-filter-inner .dk-selected,
.LoanRepaymentsCorporate .transaction-filter-inner .dk-selected {
  z-index: 2; }

.OrderPackageReportCorporate .dot-menu-text-wrapper,
.OrdersFromOrderPackagesListCorporate .dot-menu-text-wrapper,
.LoanRepaymentsCorporate .dot-menu-text-wrapper {
  position: relative;
  float: right;
  margin-top: -1%; }

.OrderPackageReportCorporate .pdf-download,
.OrdersFromOrderPackagesListCorporate .pdf-download,
.LoanRepaymentsCorporate .pdf-download {
  padding: 11px 20px;
  margin-left: 16px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08);
  -webkit-transition: box-shadow .5s, background-color .5s;
  transition: box-shadow .5s, background-color .5s;
  border-radius: 20px; }
  .OrderPackageReportCorporate .pdf-download .page-text,
  .OrdersFromOrderPackagesListCorporate .pdf-download .page-text,
  .LoanRepaymentsCorporate .pdf-download .page-text {
    width: 100%;
    text-transform: uppercase;
    padding: 0 0 0 5px;
    line-height: 1;
    font-family: "Source-Sans-Pro-bold", sans-serif; }

.OrderPackageReportCorporate .clientGridPager,
.OrdersFromOrderPackagesListCorporate .clientGridPager,
.LoanRepaymentsCorporate .clientGridPager {
  border-bottom: 1px solid #C7C7C7; }

.OrderPackageReportCorporate .form-submit-btn-ico,
.OrdersFromOrderPackagesListCorporate .form-submit-btn-ico,
.LoanRepaymentsCorporate .form-submit-btn-ico {
  position: relative;
  width: 25px;
  height: 20px;
  top: 50%;
  left: 0px;
  transform: translateY(-5%);
  stroke: currentcolor; }

.OrderPackageReportCorporate .total-data,
.OrdersFromOrderPackagesListCorporate .total-data,
.LoanRepaymentsCorporate .total-data {
  margin-top: 1%; }
  .OrderPackageReportCorporate .total-data .text-color-total,
  .OrdersFromOrderPackagesListCorporate .total-data .text-color-total,
  .LoanRepaymentsCorporate .total-data .text-color-total {
    font-family: "Source-Sans-Pro", sans-serif;
    color: rgba(0, 0, 0, 0.54); }

.OrderPackageReportCorporate .gvPackageReport thead tr th:nth-child(4),
.OrdersFromOrderPackagesListCorporate .gvPackageReport thead tr th:nth-child(4),
.LoanRepaymentsCorporate .gvPackageReport thead tr th:nth-child(4) {
  width: 25%; }

.OrderPackageReportCorporate .gvPackageReport thead tr th:nth-child(5),
.OrdersFromOrderPackagesListCorporate .gvPackageReport thead tr th:nth-child(5),
.LoanRepaymentsCorporate .gvPackageReport thead tr th:nth-child(5) {
  text-align: left !important;
  width: 6%; }

.OrderPackageReportCorporate .gvPackageReport tbody tr td.Multiselect,
.OrdersFromOrderPackagesListCorporate .gvPackageReport tbody tr td.Multiselect,
.LoanRepaymentsCorporate .gvPackageReport tbody tr td.Multiselect {
  width: 2%; }

.OrderPackageReportCorporate .gvPackageReport tbody tr td:nth-child(3),
.OrdersFromOrderPackagesListCorporate .gvPackageReport tbody tr td:nth-child(3),
.LoanRepaymentsCorporate .gvPackageReport tbody tr td:nth-child(3) {
  width: 25%;
  padding-left: 12px; }

.OrderPackageReportCorporate .gvPackageReport tbody tr td:nth-child(4),
.OrdersFromOrderPackagesListCorporate .gvPackageReport tbody tr td:nth-child(4),
.LoanRepaymentsCorporate .gvPackageReport tbody tr td:nth-child(4) {
  width: 25%;
  padding-left: 12px; }

.OrderPackageReportCorporate .gvPackageReport tbody tr td:nth-child(5),
.OrdersFromOrderPackagesListCorporate .gvPackageReport tbody tr td:nth-child(5),
.LoanRepaymentsCorporate .gvPackageReport tbody tr td:nth-child(5) {
  width: 5%;
  text-align: left;
  padding-left: 12px; }

.OrderPackageReportCorporate .gvPackageReport tbody tr td:nth-child(6),
.OrdersFromOrderPackagesListCorporate .gvPackageReport tbody tr td:nth-child(6),
.LoanRepaymentsCorporate .gvPackageReport tbody tr td:nth-child(6) {
  width: 15%;
  padding-left: 12px; }

.OrderPackageReportCorporate .gvPackageReport tbody tr td:nth-child(7),
.OrdersFromOrderPackagesListCorporate .gvPackageReport tbody tr td:nth-child(7),
.LoanRepaymentsCorporate .gvPackageReport tbody tr td:nth-child(7) {
  width: 15%;
  text-align: left;
  padding: 0;
  padding-left: 4px; }

.LoanAnnuityPlanCorporate .s-widget-body.ui-corner-bl.ui-corner-br {
  position: relative; }

.LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate {
  display: inline-block;
  max-width: 100%;
  overflow-x: auto; }
  .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate table {
    margin-bottom: 0px; }
    .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate table thead {
      /* .sort-indicator {
                        position: absolute;
                        right: 0;
                        top: 50%;
                        transform: translateY(-50%);
                    }*/ }
      .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate table thead tr th {
        line-height: 1;
        white-space: break-spaces;
        vertical-align: middle; }
        .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate table thead tr th:nth-child(2) {
          text-align: left;
          padding-left: 10px; }
        .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate table thead tr th:nth-child(3) {
          text-align: left; }
        .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate table thead tr th:nth-child(4) {
          text-align: left; }
        .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate table thead tr th:nth-child(5) {
          text-align: left; }
          .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate table thead tr th:nth-child(5) div {
            width: 85%; }
        .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate table thead tr th:nth-child(6) {
          text-align: center; }
        .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate table thead tr th:nth-child(7) {
          text-align: left; }
          .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate table thead tr th:nth-child(7) div {
            width: 74%; }
        .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate table thead tr th:nth-child(8) {
          text-align: left;
          padding-left: 2%; }
          .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate table thead tr th:nth-child(8) .sort-indicator {
            right: unset;
            left: 35px; }
        .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate table thead tr th:nth-child(9) {
          text-align: left; }
        .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate table thead tr th:nth-child(10) {
          text-align: left; }
    .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate table tbody tr td {
      white-space: break-spaces;
      line-height: 1.4; }
      .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(2) {
        width: 10%;
        padding-left: 10px; }
      .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(3) {
        width: 10.5%;
        padding-left: 5px; }
      .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(4) {
        width: 12%;
        padding-left: 5px; }
      .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(5) {
        width: 12%;
        padding-left: 5px; }
      .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(6) {
        width: 11%;
        padding-left: 27px;
        font-family: "Mark-Regular", sans-serif; }
      .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(7) {
        width: 12.5%;
        padding-right: 18px;
        padding-left: 5px; }
      .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(8) {
        width: 14%;
        padding-left: 2%; }
      .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(9) {
        width: 8%;
        padding-left: 5px; }
      .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate table tbody tr td:nth-child(10) {
        width: 13%;
        padding-left: 7px;
        padding-right: 12px;
        border-top-right-radius: 31px;
        border-bottom-right-radius: 31px; }
  .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate .clientGrid thead {
    padding-bottom: 20px;
    border-bottom: 1px solid #e6e6e6; }
  .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate .clientGrid tbody tr {
    border-bottom: 1px solid #e6e6e6 !important; }
    .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate .clientGrid tbody tr:first-child {
      border-top: none !important; }
    .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate .clientGrid tbody tr td {
      border-radius: 0; }

/*    .LoanBalanceCorporate {
        margin-top: -3%;

        .credit-description {
            width: auto;
            padding: 85px 40px 30px;
            max-height: 380px;
            height: auto;
            margin: -140px 0 60px;

            .credit-data {
                min-height: 35px;
                width: 30%;
                padding: 0 0 13px;
                margin: 0 10px 20px;
                padding-bottom: 5px;
                border-bottom: 1px solid #c7c7c7;
            }
        }

        .element-border-8 {
            border-radius: 28px;
        }

        .flex-layout {
            display: flex;
            flex-wrap: wrap;
        }

        .page-text {
            font-size: 15px;
        }

        .text-color-3 {
            color: rgba(0,0,0,.54);
        }

        .text-color-9 {
            color: rgba(0,0,0,.87);
        }

        .text-color-7 {
            color: #52ae30;
        }

        .font-3 {
            font-family: $mainfont;
        }

        .font-2 {
            font-family: $secondaryfont;
        }

        .page-text-2 {
            font-size: 13px;
        }
    }*/
.LoanRepaymentsCorporate .tableFilter {
  margin: 0 -8px 20px; }
  .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner {
    width: calc(100% - 101px);
    position: relative; }
    .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box {
      margin: 0 4px 10px; }
      .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter {
        position: relative;
        border: 1px solid #DCDCDC;
        padding: 11px 0px !important;
        border-radius: 25px;
        height: 18px;
        cursor: pointer; }
        .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter.transaction-calendar {
          padding: 0; }
        .LoanRepaymentsCorporate .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; }
          .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate, .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate {
            position: relative;
            z-index: 1;
            padding: 11px 34px 11px 16px;
            border-radius: 8px;
            background-color: transparent;
            cursor: pointer; }
        .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter img {
          display: none; }
        .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter .transaction-filter-calendar-ico {
          position: absolute;
          right: 16px;
          width: 18px;
          height: 18px; }
      .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap {
        padding-left: 10px;
        border: 1px solid #DCDCDC; }
        .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 {
          border: 1px solid #d20000 !important; }
      .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .transaction-filter-box .input-1 {
        height: 40px;
        padding: 0;
        border: none; }
    .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .dk-select {
      font-size: 15px;
      cursor: pointer; }
    .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .filterButton {
      position: absolute;
      right: -40px;
      bottom: 11px;
      width: 40px;
      height: 40px;
      background: none;
      border-radius: 12px;
      transition: box-shadow .5s;
      cursor: pointer; }
      .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .filterButton:hover {
        box-shadow: 0 0 16px rgba(0, 0, 0, 0.08); }
      .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .filterButton button {
        padding: 10px 13px;
        background-color: #d20000;
        border-radius: 20px;
        box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08) !important;
        transition: box-shadow .5s;
        font-family: "Mark-Regular", sans-serif;
        color: #FFFFFF;
        width: 80px;
        height: 40px;
        font-size: 14px;
        cursor: pointer;
        margin-left: 14px; }
        .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .filterButton button:hover {
          background-color: #b4000;
          transition: background-color .5s; }
        .LoanRepaymentsCorporate .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; }

.LoanRepaymentsCorporate .transaction-filter-box {
  min-width: 180px; }
  .LoanRepaymentsCorporate .transaction-filter-box.listFrom {
    min-width: 180px; }

.LoanRepaymentsCorporate .transaction-filter-inner .dk-selected {
  transform: none; }

.LoanRepaymentsCorporate .gvLoanRepayments thead tr th:nth-child(2) {
  text-align: left; }

.LoanRepaymentsCorporate .gvLoanRepayments thead tr th:nth-child(3) {
  text-align: left;
  padding-left: 22px; }

.LoanRepaymentsCorporate .gvLoanRepayments thead tr th:nth-child(4) {
  text-align: left;
  padding-left: 10px; }

.LoanRepaymentsCorporate .gvLoanRepayments tbody tr td:nth-child(2) {
  width: 10%;
  padding-left: 20px;
  text-align: left;
  border-top-left-radius: 31px;
  border-bottom-left-radius: 31px; }

.LoanRepaymentsCorporate .gvLoanRepayments tbody tr td:nth-child(3) {
  width: 25%;
  padding-left: 23px;
  text-align: left; }

.LoanRepaymentsCorporate .gvLoanRepayments tbody tr td:nth-child(4) {
  width: 20%;
  text-align: left; }

.LoanRepaymentsCorporate .gvLoanRepayments tbody tr td:nth-child(5) {
  width: 23%;
  text-align: center; }

.LoanRepaymentsCorporate .gvLoanRepayments tbody tr td:nth-child(6) {
  border-top-right-radius: 31px;
  border-bottom-right-radius: 31px; }

.LoanBalancePreviewCorporate .user-acount-card-svg.loan-icon {
  background-image: url("images/menu-icons/ic_krediti@2x.png");
  background-size: 100%;
  background-repeat: no-repeat; }

.reportPrint.packages .foreign-exchange-order-top-left,
.reportPrint.packages .foreign-exchange-order-top-left,
.reportPrint.frn.packages .foreign-exchange-order-top-left,
.reportPrint.frn.packages .foreign-exchange-order-top-left {
  width: 85%; }

.reportPrint.packages .foreign-exchange-order-top-right,
.reportPrint.packages .foreign-inflows-top-right,
.reportPrint.frn.packages .foreign-exchange-order-top-right,
.reportPrint.frn.packages .foreign-inflows-top-right {
  width: 15%; }
  .reportPrint.packages .foreign-exchange-order-top-right .btn-2,
  .reportPrint.packages .foreign-inflows-top-right .btn-2,
  .reportPrint.frn.packages .foreign-exchange-order-top-right .btn-2,
  .reportPrint.frn.packages .foreign-inflows-top-right .btn-2 {
    width: 100%; }

.reportPrint.packages .textarea-1 ~ label,
.reportPrint.frn.packages .textarea-1 ~ label {
  top: 8px;
  left: 24px;
  font-size: 12px;
  color: #52ae30;
  font-family: Source Sans Pro semibold,sans-serif;
  position: absolute;
  padding: 0;
  transition: transform .2s,color .2s,top .2s,left .2s,font-size .2s,-webkit-transform .2s;
  pointer-events: none;
  will-change: transform;
  z-index: 1;
  background-color: unset; }

.k-tabstrip {
  background: white; }
  .k-tabstrip .k-tabstrip-items {
    margin-left: 0px !important;
    background-color: #E8E9EC;
    border-radius: 12px; }
    .k-tabstrip .k-tabstrip-items:after {
      position: absolute;
      content: "";
      width: 60%;
      height: 2px;
      top: 255px;
      left: 20%;
      background: repeating-linear-gradient(90deg, rgba(195, 203, 208, 0.8) 0, rgba(195, 203, 208, 0.8) 3px, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 7px); }
    .k-tabstrip .k-tabstrip-items .k-loading {
      border-top: none; }
    .k-tabstrip .k-tabstrip-items .k-item {
      display: block;
      float: left;
      font-size: 15px;
      text-align: center;
      color: rgba(0, 0, 0, 0.54);
      padding: 0px 15px;
      -webkit-transition: color .3s;
      transition: color .3s;
      cursor: pointer;
      position: relative;
      border-radius: 12px; }
      .k-tabstrip .k-tabstrip-items .k-item .k-link {
        color: rgba(0, 0, 0, 0.54);
        font-family: 'Source-Sans-Pro-semibold', 'sans-serif';
        font-size: 15px;
        padding: 5px 10px;
        text-align: center; }
        .k-tabstrip .k-tabstrip-items .k-item .k-link:hover {
          text-decoration: none;
          cursor: pointer;
          color: #333; }
      .k-tabstrip .k-tabstrip-items .k-item.k-state-active .k-link {
        color: #52AE30; }
      .k-tabstrip .k-tabstrip-items .k-item:hover .k-link {
        color: #52AE30; }
  .k-tabstrip:focus {
    outline: none; }
  .k-tabstrip .s-widget-header {
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 23px 23px; }

.s-widget-zone-content.k-widget.k-header {
  background-color: transparent;
  border: none; }
  .s-widget-zone-content.k-widget.k-header ul li.k-state-active {
    color: #52AE30;
    background-color: #ffffff; }
  .s-widget-zone-content.k-widget.k-header .k-state-active {
    border-color: unset;
    border-style: none; }

.inline-tabs .k-tabstrip .k-tabstrip-items .k-item {
  width: auto;
  padding: 0px 35px;
  font-size: 16px; }

.TokenList,
.CrontoTokenList {
  padding-top: 5%; }

.tokenList.profile-zone .k-tabstrip-items.k-reset {
  position: absolute !important;
  top: 0%;
  left: 50%;
  transform: translate(-50%, 0);
  height: 31px;
  width: max-content;
  z-index: 9; }

.paymentCoddeInputInvisible ~ span {
  margin-top: 6px;
  font-size: 13px; }

.frnPaymentCoddeInputInvisible ~ span {
  margin-top: 24px;
  font-size: 13px; }

.SalariesPaylistCorporate .accounts-intro-title {
  width: 60%; }

.SalariesPaylistCorporate .accounts-intro-balance {
  width: 40%; }

.SalariesPaylistCorporate .font-3 {
  font-family: 'Source-Sans-Pro-semibold'; }

.SalariesPaylistCorporate .input-1[disabled] {
  color: rgba(0, 0, 0, 0.54) !important;
  background-color: #dedfe3 !important; }

.SalariesPaylistCorporate .content-container {
  max-width: 1320px;
  padding: 0 20px;
  margin: 0 auto;
  padding-bottom: 1px; }
  .SalariesPaylistCorporate .content-container .salary-content-title-wrap h4 {
    width: 65%; }
  .SalariesPaylistCorporate .content-container .business-exchange-form-wrapper {
    margin: 0 auto 57px; }
  .SalariesPaylistCorporate .content-container .font-2 {
    font-family: "Mark-Regular", sans-serif; }
  .SalariesPaylistCorporate .content-container .business-exchange-form-inner {
    position: relative;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between; }
  .SalariesPaylistCorporate .content-container .business-exchange-form-col-2 {
    width: 50%; }
    .SalariesPaylistCorporate .content-container .business-exchange-form-col-2:first-child {
      margin-right: 40px; }
    .SalariesPaylistCorporate .content-container .business-exchange-form-col-2.model input {
      padding: 24px 23px 1px 23px; }
  .SalariesPaylistCorporate .content-container .input-grid-wrapper {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start; }
    .SalariesPaylistCorporate .content-container .input-grid-wrapper .col-1 {
      width: 23%;
      min-width: 100px;
      margin-right: 16px; }
    .SalariesPaylistCorporate .content-container .input-grid-wrapper .full-minus-col-1 {
      width: calc(100% - (18% + 16px)); }
  .SalariesPaylistCorporate .content-container .business-exchange-list-wrap .account-statements-info-wrapper {
    overflow-x: auto;
    padding: 10px 0; }
  .SalariesPaylistCorporate .content-container .business-exchange-list-wrap .is-filter {
    min-height: 150px; }
  .SalariesPaylistCorporate .content-container .business-exchange-list-wrap .payment-filter {
    width: 100%;
    min-width: 1280px;
    padding: 0 2px;
    border-bottom: 1px solid #c7c7c7; }
    .SalariesPaylistCorporate .content-container .business-exchange-list-wrap .payment-filter.type-salaries-main-row {
      padding-bottom: 11px;
      margin-bottom: 24px; }
  .SalariesPaylistCorporate .content-container .business-exchange-list-wrap .account-statement-info-inner {
    width: 100%;
    min-width: 1280px; }
  .SalariesPaylistCorporate .content-container .business-exchange-list-wrap .payment-filter-payment {
    padding: 5px 2px; }
    .SalariesPaylistCorporate .content-container .business-exchange-list-wrap .payment-filter-payment.type-salaries-row-1 {
      margin-bottom: 10px; }
  .SalariesPaylistCorporate .content-container .business-exchange-list-wrap .salaries-col-1 .input-1 {
    padding: 13px 23px 13px 23px; }
  .SalariesPaylistCorporate .content-container .business-exchange-list-wrap .salaries-col-1:first-child {
    width: 4.688%;
    padding-left: 24px; }
  .SalariesPaylistCorporate .content-container .business-exchange-list-wrap .salaries-col-1:nth-child(2), .SalariesPaylistCorporate .content-container .business-exchange-list-wrap .salaries-col-1:nth-child(3), .SalariesPaylistCorporate .content-container .business-exchange-list-wrap .salaries-col-1:nth-child(4), .SalariesPaylistCorporate .content-container .business-exchange-list-wrap .salaries-col-1:nth-child(5) {
    width: 23.828%;
    padding: 0 8px; }
  .SalariesPaylistCorporate .content-container .business-exchange-list-wrap .salaries-col-1.type-main .checkbox-wrap {
    height: 14px px;
    padding: 0; }
  .SalariesPaylistCorporate .content-container .business-exchange-list-wrap .salaries-col-1.type-main:nth-child(2), .SalariesPaylistCorporate .content-container .business-exchange-list-wrap .salaries-col-1.type-main:nth-child(3), .SalariesPaylistCorporate .content-container .business-exchange-list-wrap .salaries-col-1.type-main:nth-child(4), .SalariesPaylistCorporate .content-container .business-exchange-list-wrap .salaries-col-1.type-main:nth-child(5) {
    padding-left: 28px; }

.SalariesPaylistCorporate .input-wrapper.with-label-inside {
  position: relative; }
  .SalariesPaylistCorporate .input-wrapper.with-label-inside label {
    position: absolute;
    top: 16px;
    left: 24px;
    padding: 0;
    font-family: Source Sans Pro,sans-serif;
    font-size: 15px;
    color: rgba(0, 0, 0, 0.54);
    transition: transform .2s,color .2s,top .2s,left .2s,font-size .2s,-webkit-transform .2s;
    pointer-events: none;
    will-change: transform;
    z-index: 1; }
  .SalariesPaylistCorporate .input-wrapper.with-label-inside.focusin label {
    top: 8px;
    left: 24px;
    font-size: 12px;
    color: #52ae30;
    font-family: Source Sans Pro semibold,sans-serif; }

.SalariesPaylistCorporate .input-1 {
  font-size: 15px;
  line-height: 1.4;
  padding: 18px 23px 6px 23px;
  width: -webkit-fill-available;
  height: 25px; }
  .SalariesPaylistCorporate .input-1.input-bold {
    font-family: "Mark-Regular", sans-serif; }
  .SalariesPaylistCorporate .input-1:focus, .SalariesPaylistCorporate .input-1:active {
    border-color: #52ae30; }
    .SalariesPaylistCorporate .input-1:focus ~ label, .SalariesPaylistCorporate .input-1:active ~ label {
      top: 8px;
      left: 24px;
      font-size: 12px;
      color: #52ae30;
      font-family: Source Sans Pro semibold,sans-serif; }
  .SalariesPaylistCorporate .input-1:disabled ~ label {
    top: 8px;
    left: 24px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.54);
    font-family: 'Source-Sans-Pro-semibold', sans-serif; }

.SalariesPaylistCorporate .payment-filter-pag-wrapper {
  border-top: 1px solid #c7c7c7;
  padding-top: 15px; }

.SalariesPaylistCorporate .salaries-btns-wrap-1 {
  padding-top: 25px;
  -webkit-box-pack: end;
  justify-content: flex-end; }

.SalariesPaylistCorporate .btn-1 {
  display: inline-block;
  font-size: 15px;
  text-align: center;
  border: none;
  padding: 15px 17px;
  border-radius: 25px;
  cursor: pointer;
  transition: background-color .3s;
  -webkit-appearance: none;
  width: 180px; }
  .SalariesPaylistCorporate .btn-1:first-child {
    margin-right: 10px; }
  .SalariesPaylistCorporate .btn-1.bold {
    font-family: "Mark-Regular", sans-serif; }
  .SalariesPaylistCorporate .btn-1.larger {
    min-width: 180px; }
  .SalariesPaylistCorporate .btn-1.color-3 {
    color: #f60;
    background: #ffffff; }
    .SalariesPaylistCorporate .btn-1.color-3:hover {
      background: #e8e9ec; }
  .SalariesPaylistCorporate .btn-1.color-1 {
    color: #ffffff;
    background: #52ae30; }
    .SalariesPaylistCorporate .btn-1.color-1:hover {
      background: #2a7f00; }

.SalariesPaylistCorporate .text-color-9 {
  color: rgba(0, 0, 0, 0.87); }

.SalariesPaylistCorporate .checkboxCustom .checkbox-save {
  position: relative; }
  .SalariesPaylistCorporate .checkboxCustom .checkbox-save .checkmark {
    position: absolute;
    top: 0;
    left: 30px;
    height: 14px;
    width: 14px;
    border: 2px solid #C7C7C7;
    border-radius: 2px;
    background: transparent;
    cursor: pointer; }
    .SalariesPaylistCorporate .checkboxCustom .checkbox-save .checkmark:after {
      content: "";
      width: 18px;
      height: 18px;
      left: -2px;
      top: -2px;
      position: absolute;
      background: url(images/icons/checkbox.png) 0 0 no-repeat;
      background-size: 100%;
      opacity: 0;
      -webkit-transition: opacity .3s;
      transition: opacity .3s; }
  .SalariesPaylistCorporate .checkboxCustom .checkbox-save.checked .checkmark:after {
    opacity: 1; }

.SalariesPaylistCorporate .payment-filter-payment {
  position: relative;
  border-radius: 28px;
  cursor: pointer;
  transition: background-color .5s; }
  .SalariesPaylistCorporate .payment-filter-payment:hover {
    background-color: #ffffff; }

.popup-profile-options.change-pin .change-pin {
  background-image: url(images/icons/ic_promena_pina@2x.png);
  background-repeat: no-repeat;
  background-size: 100%;
  transform: translate(40%, 50%); }

.popup-profile-options.change-pin:hover i.change-pin {
  background-image: url(images/icons/ic_promena_pina_bijela@2x.png);
  background-repeat: no-repeat;
  background-size: 100%;
  transform: translate(40%, 50%); }

.popup-profile-options.change-legal-entity .change-legal-entity {
  background-image: url(images/icons/ic_promeni_firmu@2x.png);
  background-repeat: no-repeat;
  background-size: 100%;
  transform: translate(40%, 50%); }

.popup-profile-options.change-legal-entity:hover i.change-legal-entity {
  background-image: url(images/icons/ic_promeni_firmu_bijela@2x.png);
  background-repeat: no-repeat;
  background-size: 100%;
  transform: translate(50%, 50%); }

.reserves-flex-item {
  margin-bottom: 15px; }
  .reserves-flex-item p {
    margin: 0; }
  .reserves-flex-item .date {
    width: 8%;
    text-align: center; }
    .reserves-flex-item .date .page-text-5 {
      line-height: 12px; }
  .reserves-flex-item .description {
    width: 72%;
    padding-left: 15px; }
  .reserves-flex-item .value-state {
    width: 20%;
    text-align: right; }

.SalariesServerOrderListCorporate {
  margin-top: 100px; }
  .SalariesServerOrderListCorporate .total-data {
    display: flex;
    color: rgba(0, 0, 0, 0.54);
    font-family: 'Source-Sans-Pro-semibold';
    font-size: 15px; }
    .SalariesServerOrderListCorporate .total-data .totalDataPt2 {
      margin-left: 2%; }
  .SalariesServerOrderListCorporate .salaries-top-actions {
    -webkit-box-pack: end;
    justify-content: flex-end; }
  .SalariesServerOrderListCorporate .form-submit-btn-ico {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    stroke: currentColor; }
  .SalariesServerOrderListCorporate .checkboxCustom .checkbox-save {
    position: relative; }
    .SalariesServerOrderListCorporate .checkboxCustom .checkbox-save .checkmark {
      position: absolute;
      top: 0;
      left: 30px;
      height: 14px;
      width: 14px;
      border: 2px solid #C7C7C7;
      border-radius: 2px;
      background: transparent;
      cursor: pointer; }
      .SalariesServerOrderListCorporate .checkboxCustom .checkbox-save .checkmark:after {
        content: "";
        width: 18px;
        height: 18px;
        left: -2px;
        top: -2px;
        position: absolute;
        background: url(images/icons/checkbox.png) 0 0 no-repeat;
        background-size: 100%;
        opacity: 0;
        -webkit-transition: opacity .3s;
        transition: opacity .3s; }
    .SalariesServerOrderListCorporate .checkboxCustom .checkbox-save.checked .checkmark:after {
      opacity: 1; }
  .SalariesServerOrderListCorporate .btn-1 {
    display: inline-block;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    font-family: 'Source-Sans-Pro-semibold', sans-serif;
    font-size: 15px;
    -webkit-appearance: none;
    position: relative; }
    .SalariesServerOrderListCorporate .btn-1.color-2 {
      color: rgba(0, 0, 0, 0.87);
      background: #ffffff; }
      .SalariesServerOrderListCorporate .btn-1.color-2:hover {
        background: #e8e9ec; }
    .SalariesServerOrderListCorporate .btn-1.color-1 {
      color: #ffffff;
      background: #52ae30; }
      .SalariesServerOrderListCorporate .btn-1.color-1:hover {
        background: #2a7f00; }
  .SalariesServerOrderListCorporate .account-statement-calendar-wrapper-right {
    margin-top: -8%;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end; }
    .SalariesServerOrderListCorporate .account-statement-calendar-wrapper-right .popup-form-submit-btn {
      width: unset;
      padding: 10px 20px;
      margin: 0;
      box-shadow: none;
      transition: background-color .5s,box-shadow .5s; }
      .SalariesServerOrderListCorporate .account-statement-calendar-wrapper-right .popup-form-submit-btn span {
        position: relative;
        padding-left: 28px; }
      .SalariesServerOrderListCorporate .account-statement-calendar-wrapper-right .popup-form-submit-btn:not(:last-child) {
        margin-right: 16px; }
  .SalariesServerOrderListCorporate .checkboxCustom .checkbox-save {
    position: relative; }
    .SalariesServerOrderListCorporate .checkboxCustom .checkbox-save .checkmark {
      position: absolute;
      top: 0;
      left: 30px;
      height: 14px;
      width: 14px;
      border: 2px solid #C7C7C7;
      border-radius: 2px;
      background: transparent;
      cursor: pointer; }
      .SalariesServerOrderListCorporate .checkboxCustom .checkbox-save .checkmark:after {
        content: "";
        width: 18px;
        height: 18px;
        left: -2px;
        top: -2px;
        position: absolute;
        background: url(images/icons/checkbox.png) 0 0 no-repeat;
        background-size: 100%;
        opacity: 0;
        -webkit-transition: opacity .3s;
        transition: opacity .3s; }
    .SalariesServerOrderListCorporate .checkboxCustom .checkbox-save.checked .checkmark:after {
      opacity: 1; }
  .SalariesServerOrderListCorporate .gvOrderList thead th {
    text-align: left; }
    .SalariesServerOrderListCorporate .gvOrderList thead th:nth-child(2) {
      width: 13%;
      padding-left: 15px; }
    .SalariesServerOrderListCorporate .gvOrderList thead th:nth-child(3) {
      width: 50%;
      padding-left: 0px; }
    .SalariesServerOrderListCorporate .gvOrderList thead th:nth-child(4) {
      width: 20%;
      padding-left: 0px; }
    .SalariesServerOrderListCorporate .gvOrderList thead th:nth-child(5) {
      width: 12%;
      padding-left: 0px; }
  .SalariesServerOrderListCorporate .gvOrderList tbody td {
    text-align: left; }
    .SalariesServerOrderListCorporate .gvOrderList tbody td.Multiselect {
      display: none; }
    .SalariesServerOrderListCorporate .gvOrderList tbody td:nth-child(2) {
      width: 13%;
      padding-left: 15px;
      border-bottom-left-radius: 31px;
      border-top-left-radius: 31px; }
    .SalariesServerOrderListCorporate .gvOrderList tbody td:nth-child(3) {
      width: 50%;
      padding-left: 0px; }
    .SalariesServerOrderListCorporate .gvOrderList tbody td:nth-child(4) {
      width: 20%;
      padding-left: 0px; }
    .SalariesServerOrderListCorporate .gvOrderList tbody td:nth-child(5) {
      width: 12%;
      border-top-right-radius: 31px;
      border-bottom-right-radius: 31px; }
  .SalariesServerOrderListCorporate .account-statements-info-wrapper {
    overflow-x: auto; }
  .SalariesServerOrderListCorporate .payment-filter {
    width: 100%;
    min-width: 1280px;
    padding: 0 2px;
    border-bottom: 1px solid #c7c7c7; }
    .SalariesServerOrderListCorporate .payment-filter.type-foreign-currency-1 .payment-filter-box {
      position: relative;
      display: -webkit-box; }
      .SalariesServerOrderListCorporate .payment-filter.type-foreign-currency-1 .payment-filter-box .page-text-2 {
        margin-bottom: 0; }
      .SalariesServerOrderListCorporate .payment-filter.type-foreign-currency-1 .payment-filter-box:nth-child(1) {
        width: 5.625%; }
      .SalariesServerOrderListCorporate .payment-filter.type-foreign-currency-1 .payment-filter-box:nth-child(3) {
        width: 14.70%; }
      .SalariesServerOrderListCorporate .payment-filter.type-foreign-currency-1 .payment-filter-box:nth-child(4) {
        width: 40.563%; }
      .SalariesServerOrderListCorporate .payment-filter.type-foreign-currency-1 .payment-filter-box:nth-child(5) {
        width: 16.547%; }
      .SalariesServerOrderListCorporate .payment-filter.type-foreign-currency-1 .payment-filter-box:nth-child(6) {
        width: 14.141%; }
      .SalariesServerOrderListCorporate .payment-filter.type-foreign-currency-1 .payment-filter-box:nth-child(7) {
        width: 7.421%; }
      .SalariesServerOrderListCorporate .payment-filter.type-foreign-currency-1 .payment-filter-box svg {
        top: 19px; }
  .SalariesServerOrderListCorporate .account-statement-info-inner {
    width: 100%;
    min-width: 1280px; }
    .SalariesServerOrderListCorporate .account-statement-info-inner .payment-filter-payment {
      padding-top: 19px;
      padding-bottom: 19px;
      border-radius: 100px;
      padding: 5px 2px; }
      .SalariesServerOrderListCorporate .account-statement-info-inner .payment-filter-payment .page-text {
        padding-left: 0; }
      .SalariesServerOrderListCorporate .account-statement-info-inner .payment-filter-payment .foreign-currency-col-1:nth-child(1) {
        width: 5.625%; }
      .SalariesServerOrderListCorporate .account-statement-info-inner .payment-filter-payment .foreign-currency-col-1:nth-child(2) {
        width: 15.703%; }
      .SalariesServerOrderListCorporate .account-statement-info-inner .payment-filter-payment .foreign-currency-col-1:nth-child(3) {
        width: 41.563%; }
      .SalariesServerOrderListCorporate .account-statement-info-inner .payment-filter-payment .foreign-currency-col-1:nth-child(4) {
        width: 17.547%; }
      .SalariesServerOrderListCorporate .account-statement-info-inner .payment-filter-payment .foreign-currency-col-1:nth-child(5) {
        width: 14.141%; }
      .SalariesServerOrderListCorporate .account-statement-info-inner .payment-filter-payment .foreign-currency-col-1:nth-child(6) {
        width: 7.421%; }

.OrdersDocumentCorporate {
  margin-top: 50px; }
  .OrdersDocumentCorporate .gvDocuments4Order thead th {
    text-align: left; }
    .OrdersDocumentCorporate .gvDocuments4Order thead th:nth-child(2) {
      padding-left: 1%;
      text-align: left; }
  .OrdersDocumentCorporate .gvDocuments4Order tbody tr td {
    padding: 5px; }
    .OrdersDocumentCorporate .gvDocuments4Order tbody tr td:nth-child(2) {
      width: 55%;
      padding-left: 1%;
      border-top-left-radius: 31px;
      border-bottom-left-radius: 31px; }
    .OrdersDocumentCorporate .gvDocuments4Order tbody tr td:nth-child(3) {
      width: 11%; }
    .OrdersDocumentCorporate .gvDocuments4Order tbody tr td:nth-child(4) {
      width: 14%; }
    .OrdersDocumentCorporate .gvDocuments4Order tbody tr td:nth-child(5) {
      width: 20%;
      border-top-right-radius: 31px;
      border-bottom-right-radius: 31px; }

.accounts-tabs.tokenList {
  margin-top: 160px; }

.TokenList .tableHeader,
.CrontoTokenList .tableHeader {
  width: 100%; }
  .TokenList .tableHeader .s-widget-title,
  .CrontoTokenList .tableHeader .s-widget-title {
    width: 30%;
    text-align: left; }
  .TokenList .tableHeader table,
  .CrontoTokenList .tableHeader table {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto; }
    .TokenList .tableHeader table tbody tr,
    .CrontoTokenList .tableHeader table tbody tr {
      display: block; }

.UserInfo .font-3 {
  font-family: "Mark-Bold", sans-serif; }

.UserInfo .text-color-3 {
  color: rgba(0, 0, 0, 0.54); }

.UserInfo .UserInfoHeader .user-intro-section-profile div:nth-child(3) {
  margin-left: 0; }

.UserInfo .UserInfoHeader .user-intro-section-profile-box .dot-menu svg {
  width: 20px;
  height: 20px; }

.s-widget-zone.turnover-dashboard .CardTurnoverCorporateV2 .s-widget-body-header {
  border-bottom: unset; }

.s-widget-zone.turnover-dashboard .dot-menu-text-wrapper.dashboard-turnover {
  position: absolute;
  right: 0;
  margin-bottom: 0; }
  .s-widget-zone.turnover-dashboard .dot-menu-text-wrapper.dashboard-turnover .dot-menu {
    background-color: #F3F3F3;
    border-radius: 8px;
    width: 40px;
    height: 40px;
    position: relative;
    display: inline-block; }
    .s-widget-zone.turnover-dashboard .dot-menu-text-wrapper.dashboard-turnover .dot-menu:hover {
      background-color: #E6E6E6; }
    .s-widget-zone.turnover-dashboard .dot-menu-text-wrapper.dashboard-turnover .dot-menu .activity-popup-filter.popup-content.transactions {
      padding: 20px; }
      .s-widget-zone.turnover-dashboard .dot-menu-text-wrapper.dashboard-turnover .dot-menu .activity-popup-filter.popup-content.transactions .side-trigger {
        font-size: 14px;
        line-height: 1.71;
        font-family: "Mark-Medium", sans-serif;
        color: #121212;
        transition: color .3s; }
        .s-widget-zone.turnover-dashboard .dot-menu-text-wrapper.dashboard-turnover .dot-menu .activity-popup-filter.popup-content.transactions .side-trigger .dropdown-checkmark-icon {
          position: absolute;
          width: 24px;
          height: 24px;
          right: 15px;
          left: unset;
          display: none; }
        .s-widget-zone.turnover-dashboard .dot-menu-text-wrapper.dashboard-turnover .dot-menu .activity-popup-filter.popup-content.transactions .side-trigger.dk-option-selected {
          color: #d20000; }
          .s-widget-zone.turnover-dashboard .dot-menu-text-wrapper.dashboard-turnover .dot-menu .activity-popup-filter.popup-content.transactions .side-trigger.dk-option-selected .dropdown-checkmark-icon {
            display: block; }

.s-widget-zone.turnover-dashboard .see-all-transactions {
  display: flex;
  justify-content: center;
  font-size: 16px;
  padding: 11px 20px;
  border-radius: 8px;
  color: #121212;
  line-height: 1;
  font-family: "Mark-Medium", sans-serif; }
  .s-widget-zone.turnover-dashboard .see-all-transactions .arrow-ico {
    margin-right: 8px;
    width: 20px;
    height: 20px; }
  .s-widget-zone.turnover-dashboard .see-all-transactions:hover {
    background-color: #E6E6E6; }

/*region ui-dialog*/
.side-modal.ui-dialog {
  border: none !important;
  background: transparent !important;
  z-index: 1000 !important;
  display: block !important;
  position: fixed !important;
  width: 100vw !important;
  height: 100vh !important;
  overflow: auto !important;
  overflow-x: hidden !important; }

.side-modal .ui-widget-header {
  border: none !important;
  background: none !important; }

.side-modal .ui-icon {
  width: 30px !important;
  height: 30px !important;
  background: none !important; }

.ui-dialog-titlebar-close {
  position: absolute !important;
  width: 30px !important;
  height: 30px !important;
  top: 35px !important;
  right: 40px !important;
  background-color: white !important;
  border: none !important;
  outline: none !important; }

.ui-dialog .ui-dialog-titlebar {
  padding: 0px;
  position: relative !important;
  font-size: 15px !important; }

.ui-dialog .ui-dialog-title {
  float: left !important; }

.ui-widget-content {
  border: 1px solid #cccccc;
  background: #fff !important;
  color: #121212 !important; }

.ui-widget-header {
  border: none !important;
  background: none !important; }

.ui-widget-overlay {
  background: #222 !important;
  opacity: .7 !important;
  filter: Alpha(Opacity=70) !important;
  z-index: 22 !important; }

.ui-dialog-buttonpane {
  border: none !important; }

/*.ui-dialog .ui-dialog-buttonpane button {
    background: #0E5744 !important;
    font-weight: 600 !important;
    margin: 0.5em 0.4em 0.5em 0 !important;
    cursor: pointer !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 0.8em 1em !important;
    color: white !important;
}*/
/*end region ui-dialog*/
.s-widget.EBillsCorporate .s-widget-content .s-widget-body {
  display: flex;
  align-items: center;
  height: 600px;
  justify-content: center;
  background: transparent;
  border-top: 0;
  margin-top: 20px; }
  .s-widget.EBillsCorporate .s-widget-content .s-widget-body > div .main-container-bills {
    height: 440px;
    width: 600px;
    position: relative; }
    .s-widget.EBillsCorporate .s-widget-content .s-widget-body > div .main-container-bills .container {
      text-align: center;
      padding-left: 18%;
      padding-right: 18%; }
      .s-widget.EBillsCorporate .s-widget-content .s-widget-body > div .main-container-bills .container .section-icon {
        margin-top: 2%; }
        .s-widget.EBillsCorporate .s-widget-content .s-widget-body > div .main-container-bills .container .section-icon > span {
          font-size: 24px;
          font-weight: bold;
          color: #2B2D33; }
      .s-widget.EBillsCorporate .s-widget-content .s-widget-body > div .main-container-bills .container .section-icon::before {
        content: "";
        background: transparent url("images/icons/e-menice.png") 0% 0% no-repeat padding-box;
        background-size: cover;
        display: block;
        width: 100px;
        height: 100px;
        margin: 0 auto; }
      .s-widget.EBillsCorporate .s-widget-content .s-widget-body > div .main-container-bills .container .section-text {
        margin-top: 5%; }
        .s-widget.EBillsCorporate .s-widget-content .s-widget-body > div .main-container-bills .container .section-text > span {
          text-align: center;
          letter-spacing: 0px;
          font-size: 18px; }
      .s-widget.EBillsCorporate .s-widget-content .s-widget-body > div .main-container-bills .container .section-button {
        margin-top: 20%; }

.emenice.ui-dialog {
  padding: 15px 40px 40px !important;
  max-width: 335px;
  min-width: 335px; }

.emenice .ui-dialog-content {
  margin-bottom: 0 !important;
  font-size: 15px !important;
  font-family: "Mark-Regular", sans-serif;
  line-height: 24px;
  padding: 0 !important; }

.emenice.info-dialog .ui-dialog-titlebar, .emenice.ui-dialog.information .ui-dialog-titlebar {
  border: none;
  background: transparent;
  font-family: Sarabun, sans-serif;
  color: #121212;
  padding: 0;
  width: auto;
  text-align: center;
  font-weight: normal;
  font-size: 20px;
  display: block; }
  .emenice.info-dialog .ui-dialog-titlebar:before, .emenice.ui-dialog.information .ui-dialog-titlebar:before {
    content: "";
    display: table;
    width: 40px;
    height: 6px;
    border-radius: 6px;
    margin: auto;
    margin-bottom: 5px;
    background-color: #d20000; }
  .emenice.info-dialog .ui-dialog-titlebar .ui-dialog-title, .emenice.ui-dialog.information .ui-dialog-titlebar .ui-dialog-title {
    font-family: "Mark-Regular", sans-serif;
    font-size: 24px;
    text-align: left !important;
    float: left !important;
    width: 90%;
    white-space: break-spaces; }
  .emenice.info-dialog .ui-dialog-titlebar button, .emenice.ui-dialog.information .ui-dialog-titlebar button {
    display: none; }

.emenice.info-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button, .emenice.ui-dialog.information .ui-dialog-buttonpane .ui-dialog-buttonset button {
  background-color: #d20000;
  color: #FFFFFF;
  transition: all .5s;
  border-radius: 8px;
  padding: 14px 16px;
  width: 100%;
  margin: 0; }
  .emenice.info-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:hover, .emenice.ui-dialog.information .ui-dialog-buttonpane .ui-dialog-buttonset button:hover {
    background-color: #b40000; }

.accountTurnoverDetails .ok {
  color: #52ae30;
  font-family: "Mark-Regular", sans-serif;
  margin-bottom: 0; }

.accountTurnoverDetails .nok {
  color: #ff435a;
  font-family: "Mark-Regular", sans-serif;
  margin-bottom: 0; }

.reportPrint.editPackage.rsd .input-grid-wrapper,
.reportPrint.editPackage.frn .input-grid-wrapper {
  width: 49%; }

.reportPrint.editPackage.rsd .error-summary,
.reportPrint.editPackage.frn .error-summary {
  color: red; }

.reportPrint.editPackage.rsd .input-wrapper,
.reportPrint.editPackage.frn .input-wrapper {
  pointer-events: unset; }
  .reportPrint.editPackage.rsd .input-wrapper.type-2.with-label-inside .input-1:disabled ~ label,
  .reportPrint.editPackage.frn .input-wrapper.type-2.with-label-inside .input-1:disabled ~ label {
    color: #52ae30; }
  .reportPrint.editPackage.rsd .input-wrapper.triple-input:first-child,
  .reportPrint.editPackage.frn .input-wrapper.triple-input:first-child {
    width: 35%; }
  .reportPrint.editPackage.rsd .input-wrapper.triple-input:nth-child(2),
  .reportPrint.editPackage.frn .input-wrapper.triple-input:nth-child(2) {
    width: 28%; }
  .reportPrint.editPackage.rsd .input-wrapper.triple-input:nth-child(3),
  .reportPrint.editPackage.frn .input-wrapper.triple-input:nth-child(3) {
    width: 35%; }
  .reportPrint.editPackage.rsd .input-wrapper label,
  .reportPrint.editPackage.frn .input-wrapper label {
    display: block;
    top: 16px;
    left: 24px;
    padding: 0;
    font-family: Source Sans Pro,sans-serif;
    font-size: 15px;
    color: rgba(0, 0, 0, 0.54);
    transition: transform .2s,color .2s,top .2s,left .2s,font-size .2s,-webkit-transform .2s;
    pointer-events: none;
    will-change: transform; }
  .reportPrint.editPackage.rsd .input-wrapper.focusin label,
  .reportPrint.editPackage.frn .input-wrapper.focusin label {
    top: 8px;
    left: 24px;
    font-size: 12px;
    color: #52ae30;
    font-family: 'Source-Sans-Pro-semibold', sans-serif; }

.reportPrint.editPackage.rsd .dk-select.select-1,
.reportPrint.editPackage.frn .dk-select.select-1 {
  cursor: pointer;
  border-radius: 30px !important; }
  .reportPrint.editPackage.rsd .dk-select.select-1.active,
  .reportPrint.editPackage.frn .dk-select.select-1.active {
    border-radius: 25px 25px 0 0 !important; }

.reportPrint.editPackage.rsd .dk-select,
.reportPrint.editPackage.frn .dk-select {
  position: relative;
  transition: border-color .3s;
  margin: 0;
  -webkit-appearance: none;
  line-height: 1.4;
  font-family: Source Sans Pro bold,sans-serif;
  font-size: 15px;
  text-align: left;
  color: rgba(0, 0, 0, 0.87);
  padding: 23px 24px 6px;
  border: 1px solid #dcdcdc;
  background: #ffffff; }
  .reportPrint.editPackage.rsd .dk-select ~ label,
  .reportPrint.editPackage.frn .dk-select ~ label {
    top: 8px;
    left: 24px;
    font-size: 12px;
    color: #52ae30;
    font-family: 'Source-Sans-Pro-semibold', sans-serif;
    position: absolute;
    padding: 0;
    transition: transform .2s,color .2s,top .2s,left .2s,font-size .2s,-webkit-transform .2s;
    pointer-events: none;
    will-change: transform;
    z-index: 1; }

.reportPrint.editPackage.rsd .payment-filter-ico,
.reportPrint.editPackage.frn .payment-filter-ico {
  width: 6px;
  height: 10px;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
  fill: #52ae30;
  position: absolute;
  z-index: 5; }

.reportPrint.editPackage.rsd .payment-ico-filter-down,
.reportPrint.editPackage.frn .payment-ico-filter-down {
  right: 12px; }

.reportPrint.editPackage.rsd .dk-selected,
.reportPrint.editPackage.frn .dk-selected {
  border: none;
  border-radius: 0;
  padding: 0;
  padding-left: 2px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  background-color: white;
  border-radius: 25px;
  height: 18px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  position: relative;
  z-index: 1; }
  .reportPrint.editPackage.rsd .dk-selected:before,
  .reportPrint.editPackage.frn .dk-selected:before {
    content: '';
    display: block; }
  .reportPrint.editPackage.rsd .dk-selected p,
  .reportPrint.editPackage.frn .dk-selected p {
    padding-left: 4%; }

.reportPrint.editPackage.rsd .dk-select-options,
.reportPrint.editPackage.frn .dk-select-options {
  position: absolute;
  display: none;
  left: 0;
  right: 0;
  top: 100%;
  margin-top: -5px;
  position: absolute;
  background-color: white;
  border-radius: 10px;
  list-style: none;
  margin: 0;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  height: 300px;
  width: auto;
  z-index: 20;
  font-family: "Source-Sans-Pro", sans-serif;
  border-radius: 0 0 25px 25px !important;
  border-top: 2px solid #52ae30;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.16); }
  .reportPrint.editPackage.rsd .dk-select-options ~ label,
  .reportPrint.editPackage.frn .dk-select-options ~ label {
    top: 8px;
    left: 24px;
    font-size: 12px;
    color: #52ae30;
    font-family: Source Sans Pro semibold,sans-serif;
    position: absolute;
    padding: 0;
    transition: transform .2s,color .2s,top .2s,left .2s,font-size .2s,-webkit-transform .2s;
    pointer-events: none;
    will-change: transform;
    z-index: 1; }
  .reportPrint.editPackage.rsd .dk-select-options.debitAccount,
  .reportPrint.editPackage.frn .dk-select-options.debitAccount {
    height: 100px; }
  .reportPrint.editPackage.rsd .dk-select-options .dk-option,
  .reportPrint.editPackage.frn .dk-select-options .dk-option {
    padding: 10px 18px;
    color: #000000;
    background: transparent;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent; }
  .reportPrint.editPackage.rsd .dk-select-options.active,
  .reportPrint.editPackage.frn .dk-select-options.active {
    display: block !important; }

.reportPrint.editPackage.frn .foreign-currency-payment-stats-btns {
  gap: 16px; }
  .reportPrint.editPackage.frn .foreign-currency-payment-stats-btns .btn-2 {
    min-width: 160px;
    width: 160px; }
  .reportPrint.editPackage.frn .foreign-currency-payment-stats-btns.business-exchange-btn-wrapper {
    border-top: 1px solid #c7c7c7;
    margin-bottom: 0; }

.reportPrint.editPackage.frn .modal-wrap .btn-2 {
  min-width: 160px;
  width: 160px; }

.reportPrint.editPackage.frn .account-statements-filter-inner {
  width: 100% !important; }
  .reportPrint.editPackage.frn .account-statements-filter-inner .flex-layout {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start; }

.reportPrint.editPackage.frn .business-exchange-btn-wrapper {
  padding-top: 40px; }

.reportPrint.editPackage.frn .foreign-exchange-order-form {
  border: 1px solid #dcdcdc;
  border-radius: 40px;
  padding: 24px; }
  .reportPrint.editPackage.frn .foreign-exchange-order-form.type-2 {
    padding: 24px 24px 0; }

.reportPrint.editPackage.frn .all-inputs {
  width: 49%; }
  .reportPrint.editPackage.frn .all-inputs .input-wrapper {
    width: 100%; }

.reportPrint.editPackage.frn .foreign-currency-payment-textarea textarea {
  min-height: 153px; }

.reportPrint.editPackage.frn .btn-2 {
  display: inline-block;
  min-height: 50px;
  font-size: 15px;
  padding: 14px 36px 11px;
  border: 2px solid #ffffff;
  border-radius: 38px;
  text-align: center;
  -webkit-transition: all .5s;
  transition: all .5s; }
  .reportPrint.editPackage.frn .btn-2.color-8 {
    color: #f60;
    background: #ffffff; }
    .reportPrint.editPackage.frn .btn-2.color-8:hover {
      background: #e8e9ec;
      border-color: #e8e9ec; }
  .reportPrint.editPackage.frn .btn-2.color-4 {
    color: #000;
    background: #efefef; }
    .reportPrint.editPackage.frn .btn-2.color-4.no-border {
      border: unset; }
    .reportPrint.editPackage.frn .btn-2.color-4:hover {
      color: #52ae30; }
  .reportPrint.editPackage.frn .btn-2.color-3 {
    color: #52ae30;
    background: #ffffff; }
    .reportPrint.editPackage.frn .btn-2.color-3:hover {
      background: #e8e9ec;
      border-color: #e8e9ec; }
  .reportPrint.editPackage.frn .btn-2.border {
    border: 1px solid #dedfe3; }

.reportPrint.editPackage.frn .business-exchange-btn-wrapper {
  width: 100%; }
  .reportPrint.editPackage.frn .business-exchange-btn-wrapper .business-exchange-btn-wrapper-left.type-2 {
    display: flex;
    row-gap: 10px;
    flex-wrap: nowrap; }
  .reportPrint.editPackage.frn .business-exchange-btn-wrapper .business-exchange-btn-wrapper-middle {
    padding: 0 16px; }
  .reportPrint.editPackage.frn .business-exchange-btn-wrapper .business-exchange-btn-wrapper-right {
    max-width: 292px;
    width: 100%;
    padding-right: 24px; }
    .reportPrint.editPackage.frn .business-exchange-btn-wrapper .business-exchange-btn-wrapper-right .input-wrapper {
      width: 100%; }

.reportPrint.editPackage.frn .foreign-currency-payment-stats {
  padding-bottom: 40px;
  border-bottom: 1px dotted #c7c7c7; }
  .reportPrint.editPackage.frn .foreign-currency-payment-stats .validationMessage {
    overflow: visible;
    text-wrap: nowrap; }
  .reportPrint.editPackage.frn .foreign-currency-payment-stats .payment-filter-payment {
    border-bottom-left-radius: 31px;
    border-top-left-radius: 31px;
    border-top-right-radius: 31px;
    border-bottom-right-radius: 31px; }
    .reportPrint.editPackage.frn .foreign-currency-payment-stats .payment-filter-payment:hover {
      background-color: #ffffff; }
  .reportPrint.editPackage.frn .foreign-currency-payment-stats .account-statements-info-wrapper {
    padding: 10px 0; }
  .reportPrint.editPackage.frn .foreign-currency-payment-stats .payment-filter {
    width: 100%;
    min-width: 1170px;
    padding: 0 2px;
    border-bottom: 1px solid #c7c7c7; }
    .reportPrint.editPackage.frn .foreign-currency-payment-stats .payment-filter.type-salaries-main-row {
      padding-bottom: 11px;
      margin-bottom: 24px;
      flex-wrap: nowrap; }
      .reportPrint.editPackage.frn .foreign-currency-payment-stats .payment-filter.type-salaries-main-row .foreign-currency-payment-stats-col-1:first-child {
        width: 4%; }
      .reportPrint.editPackage.frn .foreign-currency-payment-stats .payment-filter.type-salaries-main-row .foreign-currency-payment-stats-col-1:nth-child(2) {
        width: 11%;
        padding-left: 10px; }
      .reportPrint.editPackage.frn .foreign-currency-payment-stats .payment-filter.type-salaries-main-row .foreign-currency-payment-stats-col-1:nth-child(3) {
        width: 16%; }
      .reportPrint.editPackage.frn .foreign-currency-payment-stats .payment-filter.type-salaries-main-row .foreign-currency-payment-stats-col-1:nth-child(4) {
        width: 20%; }
      .reportPrint.editPackage.frn .foreign-currency-payment-stats .payment-filter.type-salaries-main-row .foreign-currency-payment-stats-col-1:nth-child(5) {
        width: 25%;
        padding-right: 24px; }
  .reportPrint.editPackage.frn .foreign-currency-payment-stats .foreign-currency-payment-stats-col-1 {
    padding-left: 24px;
    border-bottom-left-radius: 31px;
    border-top-left-radius: 31px;
    border-top-right-radius: 31px;
    border-bottom-right-radius: 31px; }
    .reportPrint.editPackage.frn .foreign-currency-payment-stats .foreign-currency-payment-stats-col-1 .input-wrapper {
      width: 100%; }
      .reportPrint.editPackage.frn .foreign-currency-payment-stats .foreign-currency-payment-stats-col-1 .input-wrapper input {
        padding: 10px 24px 10px; }
    .reportPrint.editPackage.frn .foreign-currency-payment-stats .foreign-currency-payment-stats-col-1.type-2 {
      gap: 8px; }
      .reportPrint.editPackage.frn .foreign-currency-payment-stats .foreign-currency-payment-stats-col-1.type-2 .input-wrapper:first-child {
        -webkit-box-flex: 1;
        flex-grow: 1; }
      .reportPrint.editPackage.frn .foreign-currency-payment-stats .foreign-currency-payment-stats-col-1.type-2 .input-wrapper:last-child {
        flex-shrink: 0;
        width: 100px; }
    .reportPrint.editPackage.frn .foreign-currency-payment-stats .foreign-currency-payment-stats-col-1:first-child {
      width: 4%; }
      .reportPrint.editPackage.frn .foreign-currency-payment-stats .foreign-currency-payment-stats-col-1:first-child .input-wrapper {
        pointer-events: none; }
        .reportPrint.editPackage.frn .foreign-currency-payment-stats .foreign-currency-payment-stats-col-1:first-child .input-wrapper .input-1 {
          background: none;
          border: none;
          padding-left: 5px; }
    .reportPrint.editPackage.frn .foreign-currency-payment-stats .foreign-currency-payment-stats-col-1:nth-child(2) {
      width: 16%;
      padding-left: 10px; }
      .reportPrint.editPackage.frn .foreign-currency-payment-stats .foreign-currency-payment-stats-col-1:nth-child(2) .page-text {
        padding-left: 0; }
      .reportPrint.editPackage.frn .foreign-currency-payment-stats .foreign-currency-payment-stats-col-1:nth-child(2).type-2 {
        padding-left: 0px; }
    .reportPrint.editPackage.frn .foreign-currency-payment-stats .foreign-currency-payment-stats-col-1:nth-child(3) {
      width: 20%; }
      .reportPrint.editPackage.frn .foreign-currency-payment-stats .foreign-currency-payment-stats-col-1:nth-child(3) .input-wrapper:first-child {
        width: 55%; }
      .reportPrint.editPackage.frn .foreign-currency-payment-stats .foreign-currency-payment-stats-col-1:nth-child(3) .input-wrapper:last-child {
        width: 45%; }
    .reportPrint.editPackage.frn .foreign-currency-payment-stats .foreign-currency-payment-stats-col-1:nth-child(4) {
      width: 30%; }
    .reportPrint.editPackage.frn .foreign-currency-payment-stats .foreign-currency-payment-stats-col-1:nth-child(5) {
      width: 25%;
      padding-right: 24px; }
  .reportPrint.editPackage.frn .foreign-currency-payment-stats .account-statement-info-inner {
    min-width: 965px;
    width: 100%; }
    .reportPrint.editPackage.frn .foreign-currency-payment-stats .account-statement-info-inner .flex-layout {
      display: flex;
      flex-wrap: nowrap;
      align-items: flex-start; }
  .reportPrint.editPackage.frn .foreign-currency-payment-stats .page-text {
    word-break: break-all; }
  .reportPrint.editPackage.frn .foreign-currency-payment-stats .input-1:disabled {
    color: rgba(0, 0, 0, 0.54);
    background-color: #e8e9ec; }
    .reportPrint.editPackage.frn .foreign-currency-payment-stats .input-1:disabled ~ label {
      top: 8px;
      left: 24px;
      font-size: 12px;
      color: rgba(0, 0, 0, 0.54);
      font-family: Source Sans Pro semibold,sans-serif; }
  .reportPrint.editPackage.frn .foreign-currency-payment-stats .disabled {
    background: #dedfe3;
    border-radius: 35px;
    cursor: no-drop; }

.reportPrint.editPackage.frn .input-1.input-bold {
  font-family: 'Source-Sans-Pro-bold', sans-serif; }

.reportPrint.editPackage.frn .input-1:disabled {
  color: rgba(0, 0, 0, 0.54) !important;
  background-color: #dedfe3 !important; }
  .reportPrint.editPackage.frn .input-1:disabled ~ label {
    top: 8px;
    left: 24px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.54);
    font-family: 'Source-Sans-Pro-semibold', sans-serif; }

.reportPrint.editPackage.frn .tooltip {
  position: absolute;
  width: 20px;
  z-index: 2;
  right: 16px;
  height: 20px;
  top: 22px;
  transform: translateY(-50%); }
  .reportPrint.editPackage.frn .tooltip .tooltip-ico {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 10px;
    left: 50%;
    transform: translate(-50%, -50%);
    stroke: rgba(0, 0, 0, 0.54);
    cursor: pointer; }
  .reportPrint.editPackage.frn .tooltip .tooltip-text {
    position: absolute;
    width: 220px;
    bottom: 33px;
    right: -28px;
    padding: 16px;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 1.133333;
    color: #52ae30;
    background-color: #ffffff;
    border-radius: 15px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    -webkit-transition: opacity .3s,visibility .3s;
    transition: opacity .3s,visibility .3s;
    opacity: 0;
    visibility: hidden; }
  .reportPrint.editPackage.frn .tooltip:hover .tooltip-text {
    opacity: 1;
    visibility: visible; }

.disabled {
  pointer-events: none;
  opacity: 0.5; }

.all-account-wrapper-outer.accountsList .account-item-inner {
  padding: 0 40px; }

.subHeading {
  margin-bottom: 0;
  font-family: "Source-Sans-Pro", sans-serif;
  font-size: 18px;
  color: #FFFFFF !important; }

.dk-select.select-1 .dk-selected {
  z-index: 1; }
  .dk-select.select-1 .dk-selected.active {
    z-index: 4; }

.dk-select.select-1.active .dk-selected {
  z-index: 5; }

.reportPrint.editPackage.rsd .input-1:focus ~ label,
.reportPrint.editPackage.frn .input-1:focus ~ label {
  top: 8px;
  left: 24px;
  font-size: 12px;
  color: #52ae30;
  font-family: 'Source-Sans-Pro-semibold', sans-serif; }

.right-dialog.details-dialog.accountBalance .transaction-popup-options-wrapper {
  padding-bottom: 20px; }

.newTemplate.frnTemplate .animationLabel {
  position: absolute;
  top: 16px;
  left: 24px;
  padding: 0 !important;
  font-family: 'Source-Sans-Pro', 'sans-serif';
  font-size: 15px;
  color: rgba(0, 0, 0, 0.54);
  -webkit-transition: color .2s,top .2s,left .2s,-webkit-transform .2s;
  transition: color .2s,top .2s,left .2s,-webkit-transform .2s;
  transition: transform .2s,color .2s,top .2s,left .2s;
  transition: transform .2s,color .2s,top .2s,left .2s,-webkit-transform .2s;
  pointer-events: none;
  will-change: transform;
  z-index: 2; }

.newTemplate.frnTemplate .intrabank-wrapper.with-label-inside.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';
  pointer-events: none; }

.newTemplate.frnTemplate .wrapperIntraCode.creditorCountry.focusin label,
.newTemplate.frnTemplate .wrapperIntraCode.creditorBankCountry.focusin label {
  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; }

.newTemplate.frnTemplate .input-wrapper.creditorCountry,
.newTemplate.frnTemplate .input-wrapper.creditorBankCountry {
  width: 424px !important;
  cursor: pointer; }
  .newTemplate.frnTemplate .input-wrapper.creditorCountry .part-modal-inner-payments,
  .newTemplate.frnTemplate .input-wrapper.creditorBankCountry .part-modal-inner-payments {
    width: 398px; }

.newTemplate.frnTemplate .wrapperIntraCode.creditorCountry.active .input-wrap.creditorCountry,
.newTemplate.frnTemplate .wrapperIntraCode.creditorBankCountry.active .input-wrap.creditorBankCountry {
  border-radius: 25px 25px 0 0 !important; }

.newTemplate.frnTemplate .wrapperIntraCode.creditorCountry .dk-selected p,
.newTemplate.frnTemplate .wrapperIntraCode.creditorBankCountry .dk-selected p {
  padding-left: 4%; }

.newTemplate.frnTemplate .dk-select-options li:first-child {
  display: none; }

.newTemplate.frnTemplate .dk-select-options {
  top: 75%;
  z-index: 2;
  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.frnTemplate .dk-select-options.active {
    left: 0;
    right: 0;
    top: 100%;
    margin-top: -5px;
    position: absolute;
    background-color: #fff;
    border-radius: 10px;
    list-style: none;
    margin: 0;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    width: auto;
    z-index: 20;
    font-family: "Source-Sans-Pro",sans-serif;
    border-radius: 0 0 25px 25px !important;
    border-top: 2px solid #52ae30;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.16);
    padding: 0 0 14px 0 !important;
    margin-top: 0; }

.newTemplate.frnTemplate .payment-filter-ico {
  width: 6px;
  height: 10px;
  right: 12px;
  z-index: 2;
  top: 27px;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
  fill: #52ae30; }

.newTemplate.frnTemplate .validationMessage {
  position: relative !important; }

.newTemplate.frnTemplate .frnPaymentCoddeInputInvisible ~ span {
  margin-top: 0px; }

.newTemplate.frnTemplate .input-wrapper.creditorCountry.focusin .animationLabel,
.newTemplate.frnTemplate .input-wrapper.creditorBankCountry.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';
  pointer-events: none; }

.newTemplate.frnTemplate .input-select-paymentCode.creditorCountry .dk-selected,
.newTemplate.frnTemplate .input-select-paymentCode.creditorBankCountry .dk-selected {
  padding: 23px 56px 6px 19px;
  transform: none;
  border: 1px solid #dcdcdc;
  width: -webkit-fill-available; }

.newTemplate.frnTemplate .input-select-paymentCode.creditorCountry .animationLabel,
.newTemplate.frnTemplate .input-select-paymentCode.creditorBankCountry .animationLabel {
  z-index: 12; }

.newTemplate.frnTemplate .input-select-paymentCode.creditorCountry .dk-select.select-1.active .dk-selected,
.newTemplate.frnTemplate .input-select-paymentCode.creditorBankCountry .dk-select.select-1.active .dk-selected {
  border-radius: 25px 25px 0 0 !important; }

.newTemplate.frnTemplate .input-select-paymentCode.creditorCountry .dk-select.select-1.active .payment-filter-ico,
.newTemplate.frnTemplate .input-select-paymentCode.creditorBankCountry .dk-select.select-1.active .payment-filter-ico {
  z-index: 12; }

.OrderPackageDetailsCorporate .gvOrderList {
  width: 100%; }
  .OrderPackageDetailsCorporate .gvOrderList thead tr th:nth-child(6) {
    vertical-align: middle; }
  .OrderPackageDetailsCorporate .gvOrderList tbody tr td:first-child {
    width: 3%; }
  .OrderPackageDetailsCorporate .gvOrderList tbody tr td:nth-child(3) {
    width: 8%; }
  .OrderPackageDetailsCorporate .gvOrderList tbody tr td:nth-child(4) {
    width: 10%; }
  .OrderPackageDetailsCorporate .gvOrderList tbody tr td:nth-child(5) {
    width: 8%; }
  .OrderPackageDetailsCorporate .gvOrderList tbody tr td:nth-child(6) {
    width: 15%; }
  .OrderPackageDetailsCorporate .gvOrderList tbody tr td:nth-child(7) {
    width: 9%;
    text-align: right; }
  .OrderPackageDetailsCorporate .gvOrderList tbody tr td:nth-child(8) {
    width: 8%; }
  .OrderPackageDetailsCorporate .gvOrderList tbody tr td:nth-child(9) {
    width: 15%; }
  .OrderPackageDetailsCorporate .gvOrderList tbody tr td:nth-child(10) {
    width: 20%;
    text-align: left; }

.MessageHubNotificationList .part-modal-inner-payments {
  position: relative;
  padding-bottom: 0px; }

.MessageHubNotificationList .input-wrapper.paymentCode.status,
.MessageHubNotificationList .input-wrapper.paymentCode.categories {
  width: calc(20% - 4px);
  margin: 0 4px 10px; }

.MessageHubNotificationList .input-select-paymentCode {
  width: 100% !important; }
  .MessageHubNotificationList .input-select-paymentCode .dk-select.select-1 {
    position: relative;
    width: 100%; }
  .MessageHubNotificationList .input-select-paymentCode .dk-select.select-1.active .dk-selected {
    border-radius: 25px 25px 0 0 !important; }
  .MessageHubNotificationList .input-select-paymentCode .dk-select .payment-filter-ico {
    width: 6px;
    height: 10px;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
    fill: #52ae30; }
  .MessageHubNotificationList .input-select-paymentCode .dk-select .dk-selected {
    font-size: 15px;
    line-height: 1.4;
    padding: 10px 10px 10px 10px;
    padding-left: 23px; }
  .MessageHubNotificationList .input-select-paymentCode .dk-select .dk-select-options {
    position: absolute;
    padding-top: 0;
    display: none;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: -5px;
    position: absolute;
    background-color: white;
    border-radius: 10px;
    list-style: none;
    margin: 0;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    width: auto;
    z-index: 20;
    font-family: "Source-Sans-Pro", sans-serif;
    border-radius: 0 0 25px 25px !important;
    border-top: 2px solid #52ae30;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.16); }
    .MessageHubNotificationList .input-select-paymentCode .dk-select .dk-select-options.status {
      height: 102px; }
    .MessageHubNotificationList .input-select-paymentCode .dk-select .dk-select-options.categories {
      height: 155px; }
    .MessageHubNotificationList .input-select-paymentCode .dk-select .dk-select-options li.dk-option {
      padding: 15px 15px 15px 15px;
      border-top: 1px solid transparent;
      border-bottom: 1px solid transparent;
      transition: all .3s; }
    .MessageHubNotificationList .input-select-paymentCode .dk-select .dk-select-options.active {
      display: block !important; }

.accountDetailsPopup.templates .input-wrap.icon-right label {
  position: absolute;
  padding-top: 15px;
  padding-left: 20px;
  color: rgba(0, 0, 0, 0.54);
  font-family: "Source-Sans-Pro", sans-serif;
  font-size: 15px; }

.fastPayment .fast-pay-account-wrapper {
  display: inline-flex;
  gap: 20px 22px; }

.fastPayment .add-new-beneficiary-button.createOrFavs {
  position: relative;
  display: inline-flex;
  padding: 16px; }
  .fastPayment .add-new-beneficiary-button.createOrFavs .dot-menu {
    width: 48px;
    height: 48px; }

.popup-profile-options.custom-checkbox-toggle {
  background: none; }

.accountTurnoverDetail .turnover-detail-ico {
  visibility: visible;
  display: block; }

.accountTurnoverDetail .popup-ammount-ico-wrapper {
  background-image: url(images/icons/ic_detalji_transakcije@2x.png);
  visibility: hidden;
  display: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%; }

.PersonalDataV2 .darkSettings .item-text {
  width: calc(100% - 40px);
  padding-left: 16px;
  padding-right: 50px;
  -webkit-transition: color .5s;
  transition: color .5s;
  position: relative;
  margin-bottom: 0;
  font-size: 15px;
  font-family: 'Source-Sans-Pro-bold', 'sans-serif'; }

.PersonalDataV2 .darkSettings .popup-profile-options {
  z-index: auto;
  display: flex;
  align-items: center;
  position: relative;
  color: rgba(0, 0, 0, 0.87);
  background: none; }
  .PersonalDataV2 .darkSettings .popup-profile-options .profile-popup-options-ico-box {
    width: 45px;
    height: 40px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.18);
    -webkit-transition: all .5s;
    position: relative;
    transition: all .5s;
    background-color: #ffffff;
    border-radius: 50%; }
    .PersonalDataV2 .darkSettings .popup-profile-options .profile-popup-options-ico-box .profile-option-ico {
      position: absolute;
      width: 18px;
      height: 20px;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: all .5s;
      transition: all .5s;
      fill: rgba(0, 0, 0, 0.87);
      stroke: rgba(0, 0, 0, 0.87); }

.CurrencyExchangeV2 .transaction-filter-box .dk-selected.active {
  z-index: 2; }

.FXTrading .input-wrapper.ref {
  width: 50%;
  left: 50%;
  transform: translate(-50%, 0); }

.CurrencyCalculator .not-dashboard {
  margin-left: 50%;
  transform: translateX(-15%); }

.rateData .popup-ammount-ico-wrapper {
  background-image: url(images/icons/ic_detalji_naloga@2x.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%; }

.right-dialog.details-dialog.bugOrSuggestion .input-wrap.active-window-3 .label-1 {
  color: #52AE30; }

.right-dialog.details-dialog.bugOrSuggestion .read-message .all-accounts-popup-wrapper .account-inter-inner-scroll .input-wrap .input-1 {
  width: 90% !important;
  height: auto; }

.paymentCodebookDialog .modal-wrap .modal-inner {
  overflow-y: visible;
  padding: 0; }
  .paymentCodebookDialog .modal-wrap .modal-inner .company-boxes-wrap {
    padding: 0px; }

.paymentCodebookDialog .account-statements-info {
  padding: 8px 20px 8px 22px;
  transition: background-color .5s;
  border-radius: 31px;
  cursor: pointer; }
  .paymentCodebookDialog .account-statements-info:hover {
    background-color: #FFFFFF; }
  .paymentCodebookDialog .account-statements-info .account-statement-pdf-download p:last-child {
    padding-left: 15px; }

.paymentCodebookDialog .beneficiaries-filter-menu-wrapper-inner {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding: 0 20px 0 20px; }
  .paymentCodebookDialog .beneficiaries-filter-menu-wrapper-inner .group-inner {
    width: -webkit-fill-available;
    height: 40px;
    margin: 0;
    width: 100%; }
    .paymentCodebookDialog .beneficiaries-filter-menu-wrapper-inner .group-inner.transaction-filter-box label {
      position: absolute;
      padding-top: 10px;
      padding-left: 20px;
      color: rgba(0, 0, 0, 0.54);
      font-family: "Source-Sans-Pro", sans-serif;
      font-size: 15px; }
    .paymentCodebookDialog .beneficiaries-filter-menu-wrapper-inner .group-inner .input-wrap {
      height: 40px; }
      .paymentCodebookDialog .beneficiaries-filter-menu-wrapper-inner .group-inner .input-wrap input {
        font-size: 14px;
        padding: 12px 50px 12px 20px;
        height: 41px; }
      .paymentCodebookDialog .beneficiaries-filter-menu-wrapper-inner .group-inner .input-wrap svg {
        position: absolute;
        width: 20px;
        height: 20px;
        top: 25px;
        right: 15px; }
      .paymentCodebookDialog .beneficiaries-filter-menu-wrapper-inner .group-inner .input-wrap .search {
        fill: #c7c7c7; }

.reportPrint.editPackage.rsd .dk-selected {
  width: -webkit-fill-available; }

.display-inline {
  display: inline; }

::-webkit-scrollbar {
  width: 8px;
  height: 5px;
  padding-right: 10px; }

::-webkit-scrollbar-track {
  background: transparent; }

::-webkit-scrollbar-thumb {
  background: #efefef;
  border-radius: 16px; }

.ui-dialog.right-dialog.details-dialog.selectLegalEntityDialog .modal-wrap .modal-inner .company-boxes-wrap .company-box {
  cursor: not-allowed; }
  .ui-dialog.right-dialog.details-dialog.selectLegalEntityDialog .modal-wrap .modal-inner .company-boxes-wrap .company-box.active {
    cursor: pointer; }

.ui-dialog.right-dialog.details-dialog.selectLegalEntityDialog .modal-wrap .popup-btns.two .btn-1.big.color-6 {
  cursor: not-allowed; }

.AccountStatementsCorporateV2 .payment-filter-box:first-child {
  width: 13%;
  padding-left: 72px; }

.AccountStatementsCorporateV2 .payment-filter-box:nth-child(2) {
  width: 10.4%; }

.AccountStatementsCorporateV2 .payment-filter-box:nth-child(3) {
  width: 21.5%; }

.AccountStatementsCorporateV2 .account-statements-info .account-statement-pdf-download p:first-child {
  width: 2%; }

.AccountStatementsCorporateV2 .account-statements-info .account-statement-pdf-download p:nth-child(2) {
  width: 18%; }

body.dark-mode {
  background-color: #1c1a1a;
  color: #fff;
  /*.LoanBalanceCorporate {
        .text-color-7 {
            color: #52ae30;
        }

        .text-color-9 {
            color: #fff;
        }

        .text-color-3 {
            color: hsla(0,0%,100%,.7);
        }
    }*/ }
  body.dark-mode .ui-widget-overlay {
    background: rgba(0, 0, 0, 0.6) !important; }
  body.dark-mode .k-tabstrip {
    background: #1c1a1a; }
    body.dark-mode .k-tabstrip .k-content {
      background-color: #1c1a1a !important; }
  body.dark-mode .k-header {
    background-color: #1c1a1a !important; }
  body.dark-mode .s-widget-title,
  body.dark-mode .s-widget-header {
    color: #fff; }
  body.dark-mode .text-color-3 {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .text-color-7 {
    color: #fff; }
  body.dark-mode .background-4 {
    background-color: #2d2c2c; }
  body.dark-mode .filter-error-ico {
    stroke: rgba(255, 255, 255, 0.7); }
    body.dark-mode .filter-error-ico ~ p.text-color-7 {
      color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .tableFilter {
    border-bottom: 1px solid #c7c7c7;
    border-color: #464646; }
  body.dark-mode .gvAccountTurnoverPreview .clientGrid thead {
    border-bottom: 1px solid #c7c7c7;
    border-color: #464646; }
  body.dark-mode .ui-dialog.right-dialog.details-dialog.selectLegalEntityDialog .group-inner.transaction-filter-box label {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .ui-dialog.right-dialog.details-dialog.selectLegalEntityDialog .modal-wrap .modal-inner .company-boxes-wrap .company-box {
    cursor: not-allowed; }
    body.dark-mode .ui-dialog.right-dialog.details-dialog.selectLegalEntityDialog .modal-wrap .modal-inner .company-boxes-wrap .company-box.active {
      cursor: pointer; }
  body.dark-mode .label-1 {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .focusin .label-1 {
    color: #52AE30; }
  body.dark-mode .input-1:focus,
  body.dark-mode .textarea-1:focus {
    border-color: #52ae30; }
  body.dark-mode .sticky-header .sticky-dropdown {
    background-color: #2d2c2c; }
  body.dark-mode .dk-selected span {
    color: #fff; }
  body.dark-mode .dot-menu .dot-menu-inner .dot-menu-dot {
    background-color: #fff !important; }
  body.dark-mode .right-dialog.qrDialog .color-3 {
    color: #fff;
    background-color: #2d2c2c; }
    body.dark-mode .right-dialog.qrDialog .color-3:hover {
      background: #464646; }
  body.dark-mode .accountTurnoverDetail .turnover-detail-ico {
    visibility: hidden;
    display: none; }
  body.dark-mode .accountTurnoverDetail .popup-ammount-ico-wrapper {
    background-image: url(images/icons/ic_detalji_transakcije@2x.png);
    visibility: visible;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%; }
  body.dark-mode .emenice.info-dialog .ui-dialog-titlebar .ui-dialog-title, body.dark-mode .emenice.ui-dialog.information .ui-dialog-titlebar .ui-dialog-title,
  body.dark-mode .emenice.ui-dialog.information .ui-dialog-titlebar .ui-dialog-title {
    color: #fff; }
  body.dark-mode .emenice.info-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button, body.dark-mode .emenice.ui-dialog.information .ui-dialog-buttonpane .ui-dialog-buttonset button,
  body.dark-mode .emenice.ui-dialog.information .ui-dialog-buttonpane .ui-dialog-buttonset button {
    border: none; }
    body.dark-mode .emenice.info-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:hover, body.dark-mode .emenice.ui-dialog.information .ui-dialog-buttonpane .ui-dialog-buttonset button:hover,
    body.dark-mode .emenice.ui-dialog.information .ui-dialog-buttonpane .ui-dialog-buttonset button:hover {
      background: #2a7f00; }
  body.dark-mode .reportPrint .foreign-exchange-order-form {
    border: 1px solid #464646; }
  body.dark-mode .reportPrint .foreign-exchange-order-signatures {
    border-color: #464646;
    background-color: #2d2c2c;
    border: 1px solid #464646; }
    body.dark-mode .reportPrint .foreign-exchange-order-signatures-row-left p.font-1 {
      color: #fff; }
  body.dark-mode .reportPrint.frn .foreign-currency-order-stats-col-1 p {
    color: #fff; }
  body.dark-mode .reportPrint.frn .foreign-currency-order-stats-col-1 span {
    color: #fff; }
  body.dark-mode .reportPrint.frn .textarea-1 {
    border: 1px solid #464646;
    color: #fff; }
  body.dark-mode .reportPrint.frn .foreign-exchange-order-form-inner:not(:last-child):after {
    border-bottom: 1px dotted #828080;
    background: unset; }
  body.dark-mode .dk-selected,
  body.dark-mode .input-1 {
    border-color: #464646;
    background-color: #2d2c2c;
    border: 1px solid #464646;
    color: #fff; }
  body.dark-mode .profile-text-arrow {
    fill: #fff; }
  body.dark-mode .user-account-card-outer.account-card-active.showMore {
    overflow: unset;
    background: #2d2c2c;
    background-color: #2d2c2c !important; }
  body.dark-mode .wrapper.account-card-img {
    background-color: #2d2c2c; }
    body.dark-mode .wrapper.account-card-img .account-intro-inner {
      border-bottom: 1px solid #161414 !important; }
    body.dark-mode .wrapper.account-card-img:hover {
      background-color: #1c1a1a !important; }
      body.dark-mode .wrapper.account-card-img:hover .user-accout-card-img {
        background-color: #292828; }
  body.dark-mode .CurrencyExchangeV2:not(.dashboard-currency-exchange) .clientGrid tr td .currency-flag {
    background-color: #2d2c2c;
    transition: all .5s; }
  body.dark-mode .CurrencyExchangeV2:not(.dashboard-currency-exchange) .clientGrid tr:hover td .currency-flag {
    background-color: #1c1a1a; }
  body.dark-mode .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .dk-select-options,
  body.dark-mode .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .dk-select-options,
  body.dark-mode .OrderPackageListCorporate .account-statement-calendar-wrapper-right .dk-select-options,
  body.dark-mode .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .dk-select-options {
    background-color: #1c1a1a; }
    body.dark-mode .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .dk-select-options .popup-content,
    body.dark-mode .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .dk-select-options .popup-content,
    body.dark-mode .OrderPackageListCorporate .account-statement-calendar-wrapper-right .dk-select-options .popup-content,
    body.dark-mode .OrderPackageDetailsCorporate .account-statement-calendar-wrapper-right .dk-select-options .popup-content {
      background-color: #1c1a1a; }
  body.dark-mode h3, body.dark-mode h4, body.dark-mode h5 {
    color: #fff; }
  body.dark-mode .activity-popup-filter .page-text.active {
    color: #fff; }
    body.dark-mode .activity-popup-filter .page-text.active:hover {
      color: #d20000; }
  body.dark-mode .clientGridPager .labelPager {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .clientGridPager div.pageIndicator {
    color: rgba(255, 255, 255, 0.7); }
    body.dark-mode .clientGridPager div.pageIndicator .pageCurrent {
      background-color: #2d2c2c;
      color: #fff;
      border-color: #464646; }
  body.dark-mode .clientGridPager div.pagerButton {
    background-color: #2d2c2c;
    border-color: #464646; }
    body.dark-mode .clientGridPager div.pagerButton.next:hover, body.dark-mode .clientGridPager div.pagerButton.prev:hover {
      background-color: #464646;
      transition: all .5s; }
  body.dark-mode .clientGridPager .wrapper .pageSize {
    border: 1px solid #464646; }
    body.dark-mode .clientGridPager .wrapper .pageSize .selected {
      background-color: #2d2c2c;
      border-color: #464646;
      color: #fff; }
      body.dark-mode .clientGridPager .wrapper .pageSize .selected span:after {
        background: url(images/icons/icon-sorter.png) 50% no-repeat; }
    body.dark-mode .clientGridPager .wrapper .pageSize .list li {
      background-color: #2d2c2c;
      border-color: transparent;
      color: #fff; }
      body.dark-mode .clientGridPager .wrapper .pageSize .list li:hover {
        background-color: #464646; }
  body.dark-mode .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter {
    border: unset; }
    body.dark-mode .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.toDate, body.dark-mode .tableFilter .transaction-filter-inner .transaction-filter-box .transaction-filter input.fromDate {
      border-color: #464646;
      background-color: #2d2c2c;
      border: 1px solid #464646;
      border-radius: 25px;
      color: #fff; }
  body.dark-mode .tableFilter .transaction-filter-inner .transaction-filter-box .dk-selected {
    border-radius: 25px; }
    body.dark-mode .tableFilter .transaction-filter-inner .transaction-filter-box .dk-selected.active {
      border-radius: 25px 25px 0 0; }
  body.dark-mode .tableFilter .transaction-filter-inner .transaction-filter-box .dk-select-options {
    width: auto !important; }
  body.dark-mode .tableFilter .transaction-filter-inner .transaction-filter-box .dk-selected,
  body.dark-mode .tableFilter .transaction-filter-inner .transaction-filter-box .input-1 {
    border-color: #464646;
    background-color: #2d2c2c;
    border: 1px solid #464646;
    color: #fff;
    padding-left: 10px; }
  body.dark-mode .tableFilter .transaction-filter-inner .transaction-filter-box .input-1 {
    box-sizing: border-box; }
  body.dark-mode .tableFilter .transaction-filter-inner .transaction-filter-box .input-wrap {
    padding-left: 0px;
    border: unset; }
  body.dark-mode .account-card-btn {
    background-color: #1c1a1a;
    border-color: #464646; }
  body.dark-mode .user-accout-card-img {
    background-color: #1c1a1a; }
  body.dark-mode .user-acount-card-svg {
    color: #fff;
    stroke: #fff; }
  body.dark-mode .accStatus .accountStatusLabel {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .textAccountDetails {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .dot-menu-text-wrapper .pdf-download {
    background-color: #2d2c2c; }
    body.dark-mode .dot-menu-text-wrapper .pdf-download:hover {
      background-color: #2d2c2c; }
    body.dark-mode .dot-menu-text-wrapper .pdf-download .page-text {
      color: #fff; }
  body.dark-mode .dot-menu-text-wrapper .pdf-ico {
    stroke: #fff; }
  body.dark-mode table.clientGrid thead tr th div {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode table.clientGrid tbody tr:hover {
    background-color: #2d2c2c !important; }
  body.dark-mode table.clientGrid tbody tr td {
    color: #fff; }
  body.dark-mode .transaction-popup-detail .text-color-7 {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .transaction-popup-detail .page-text {
    color: #fff; }
    body.dark-mode .transaction-popup-detail .page-text.active {
      color: #52ae30; }
    body.dark-mode .transaction-popup-detail .page-text.inactive {
      color: red; }
  body.dark-mode .transaction-popup-detail .background-4 {
    background-color: #2d2c2c; }
  body.dark-mode .ui-dialog.right-dialog {
    background-color: #1c1a1a !important; }
  body.dark-mode .no-yes-token #messageBoxElement {
    color: #fff !important; }
  body.dark-mode .block-card-popup .ui-dialog-buttonset .ui-button:nth-child(2) {
    color: #fff !important;
    background-color: #2d2c2c !important; }
    body.dark-mode .block-card-popup .ui-dialog-buttonset .ui-button:nth-child(2):hover {
      background: #464646 !important; }
  body.dark-mode .ui-widget-content {
    background-color: #1c1a1a !important; }
  body.dark-mode .all-accounts-popup-wrapper {
    background-color: #1c1a1a !important; }
  body.dark-mode #accountBalanceDomesticTemplate .pay-ico,
  body.dark-mode #cardBalanceTemplate .pay-ico {
    background-image: url(images/menu-icons/ico_payments_active@2x.png); }
  body.dark-mode #accountBalanceDomesticTemplate .swift-ico,
  body.dark-mode #cardBalanceTemplate .swift-ico {
    background-image: url(images/icons/ic_preuzmi_bijela@2x.png); }
  body.dark-mode #accountBalanceDomesticTemplate .text-color-7,
  body.dark-mode #cardBalanceTemplate .text-color-7 {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode #cardBalanceTemplate .page-text.inactive {
    color: red; }
  body.dark-mode #cardBalanceTemplate .page-text.active {
    color: #52ae30; }
  body.dark-mode .CardBalancePreviewCorporateV3 .accounts-intro-balance .account-balance-amount-text p,
  body.dark-mode .CardBalancePreviewCorporateV3 .accounts-intro-balance .account-balance-amount-text small,
  body.dark-mode .CardBalancePreviewCorporateV3 .accounts-intro-balance .account-balance-amount-text span.text-color-5 {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .CardTurnoverCorporateV2 .currencyTurnover {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .CardTurnoverCorporateV2 .gvCardTurnover table tbody tr td:nth-child(2) {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .all-account-close svg {
    fill: #fff;
    stroke: #fff; }
  body.dark-mode .transaction-popup-option .page-text {
    color: #fff; }
  body.dark-mode .transaction-popup-detail .main-nav-link-ico-svg {
    stroke: #fff; }
  body.dark-mode .right-dialog.details-dialog.reservedFunds .date p,
  body.dark-mode .right-dialog.details-dialog.reservedFundsCards .date p,
  body.dark-mode .right-dialog.details-dialog.pendingOrders .date p {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .right-dialog.details-dialog.reservedFunds .description p,
  body.dark-mode .right-dialog.details-dialog.reservedFundsCards .description p,
  body.dark-mode .right-dialog.details-dialog.pendingOrders .description p {
    color: #fff; }
  body.dark-mode .right-dialog.details-dialog.reservedFunds .value-state .page-text,
  body.dark-mode .right-dialog.details-dialog.reservedFundsCards .value-state .page-text,
  body.dark-mode .right-dialog.details-dialog.pendingOrders .value-state .page-text {
    color: #fff; }
    body.dark-mode .right-dialog.details-dialog.reservedFunds .value-state .page-text.ok,
    body.dark-mode .right-dialog.details-dialog.reservedFundsCards .value-state .page-text.ok,
    body.dark-mode .right-dialog.details-dialog.pendingOrders .value-state .page-text.ok {
      color: #52ae30; }
  body.dark-mode .right-dialog.details-dialog.reservedFunds .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-3 p,
  body.dark-mode .right-dialog.details-dialog.reservedFundsCards .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-3 p,
  body.dark-mode .right-dialog.details-dialog.pendingOrders .payment-filter-wrapper .payment-info-wrapper .cols-wrap .col-3 p {
    text-wrap: auto; }
  body.dark-mode .gvAccountTurnoverPreview .currencyTurnover {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .gvAccountTurnoverPreview.rsd tbody tr td:nth-child(3) {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .input-select-1 .dk-selected {
    border: 1px solid #464646; }
  body.dark-mode .input-select-1 .dk-select-options {
    width: auto !important;
    background-color: #2d2c2c; }
    body.dark-mode .input-select-1 .dk-select-options li {
      color: #fff; }
      body.dark-mode .input-select-1 .dk-select-options li:hover {
        background-color: #464646 !important;
        border-color: transparent !important; }
    body.dark-mode .input-select-1 .dk-select-options .dk-option:first-child {
      border-top: none; }
    body.dark-mode .input-select-1 .dk-select-options.active {
      border: 1px solid #464646; }
  body.dark-mode .AccountStatementsCorporateV2 .show-per-page .dk-selected,
  body.dark-mode .CardStatementsCorporateV2 .show-per-page .dk-selected {
    height: 40px;
    padding: 10px 35px 10px 16px; }
  body.dark-mode .AccountStatementsCorporateV2 .dk-select.select-1:after,
  body.dark-mode .CardStatementsCorporateV2 .dk-select.select-1:after {
    z-index: 22; }
  body.dark-mode .AccountStatementsCorporateV2 .dk-selected,
  body.dark-mode .CardStatementsCorporateV2 .dk-selected {
    font-family: Source Sans Pro, sans-serif;
    font-size: 15px;
    line-height: 1.4;
    padding: 13px 35px 13px 20px;
    border-radius: 25px;
    outline: none;
    position: relative;
    cursor: pointer;
    z-index: 21; }
    body.dark-mode .AccountStatementsCorporateV2 .dk-selected.active,
    body.dark-mode .CardStatementsCorporateV2 .dk-selected.active {
      border-radius: 25px 25px 0 0;
      border-bottom: 2px solid #52ae30; }
  body.dark-mode .AccountStatementsCorporateV2 .dk-select-options,
  body.dark-mode .CardStatementsCorporateV2 .dk-select-options {
    width: auto !important; }
  body.dark-mode .AccountStatementsCorporateV2 .transaction-filter,
  body.dark-mode .CardStatementsCorporateV2 .transaction-filter {
    border: 1px solid #464646; }
  body.dark-mode .StickyHeader .sticky-header-wrapper {
    background-color: #2d2c2c; }
  body.dark-mode .StickyHeader .sticky-header {
    background-color: #2d2c2c; }
    body.dark-mode .StickyHeader .sticky-header .sticky-dropdown {
      background-color: #2d2c2c; }
  body.dark-mode .sticky-header {
    background-color: #2d2c2c; }
  body.dark-mode .AccountStatementsCorporateV2 .filter-radio-btn input#dateFilter, body.dark-mode .AccountStatementsCorporateV2 .filter-radio-btn input#yearFilter,
  body.dark-mode .CardStatementsCorporateV2 .filter-radio-btn input#dateFilter,
  body.dark-mode .CardStatementsCorporateV2 .filter-radio-btn input#yearFilter {
    background-color: #464646;
    border-color: #707070;
    box-shadow: none; }
  body.dark-mode .AccountStatementsCorporateV2 .filter-radio-btn label,
  body.dark-mode .CardStatementsCorporateV2 .filter-radio-btn label {
    color: #fff; }
  body.dark-mode .AccountStatementsCorporateV2 .page-text.text-color-7,
  body.dark-mode .CardStatementsCorporateV2 .page-text.text-color-7 {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .AccountStatementsCorporateV2 .page-text,
  body.dark-mode .CardStatementsCorporateV2 .page-text {
    color: #fff; }
  body.dark-mode .AccountStatementsCorporateV2 .transaction-filter input,
  body.dark-mode .CardStatementsCorporateV2 .transaction-filter input {
    background-color: #2d2c2c;
    color: #fff; }
  body.dark-mode .AccountStatementsCorporateV2 .account-statements-info:hover,
  body.dark-mode .CardStatementsCorporateV2 .account-statements-info:hover {
    background-color: #2d2c2c; }
  body.dark-mode #ui-datepicker-div {
    border-color: #464646 !important;
    border: 1px solid #464646 !important;
    background-color: #2d2c2c !important; }
  body.dark-mode .ui-datepicker th span {
    color: #fff; }
  body.dark-mode .ui-datepicker-calendar td a:hover {
    border-radius: 50%;
    background-color: #d20000; }
  body.dark-mode .ui-datepicker-calendar .ui-state-default {
    color: #fff; }
  body.dark-mode .ui-datepicker .ui-widget-header .ui-datepicker-next,
  body.dark-mode .ui-datepicker .ui-widget-header .ui-datepicker-prev {
    border: 1px solid #464646; }
  body.dark-mode .k-tabstrip .k-tabstrip-items .k-item .k-link {
    color: #fff; }
  body.dark-mode .k-tabstrip .k-tabstrip-items .k-item.k-state-hover .k-link {
    color: #fff; }
  body.dark-mode .s-widget-zone-content.k-widget.k-header ul.k-tabstrip-items {
    background-color: #000; }
  body.dark-mode .s-widget-zone-content.k-widget.k-header ul li.k-state-active {
    background-color: #2d2c2c;
    color: #fff; }
    body.dark-mode .s-widget-zone-content.k-widget.k-header ul li.k-state-active .k-link {
      color: #52AE30; }
  body.dark-mode .user-intro-select-wrapper-inner .user-intro-select-indicator {
    background: #2d2c2c; }
  body.dark-mode .accountTurnoverDetails .page-text.ok {
    color: #52ae30; }
  body.dark-mode .accountTurnoverDetails .page-text.nok {
    color: #ff435a; }
  body.dark-mode .show-more-btn,
  body.dark-mode #toggle-payment-open,
  body.dark-mode #toggle-card-details,
  body.dark-mode #toggle-acc-details {
    background: radial-gradient(circle, #292626 50%, #1c1a1a 100%); }
  body.dark-mode .popup-profile-options .item-text {
    color: #fff; }
  body.dark-mode .popup-profile-options .profile-popup-options-ico-box {
    background-color: #2d2c2c; }
    body.dark-mode .popup-profile-options .profile-popup-options-ico-box .profile-text-arrow,
    body.dark-mode .popup-profile-options .profile-popup-options-ico-box .profile-option-ico {
      fill: #ffffff;
      stroke: #ffffff; }
  body.dark-mode .paymentCodebookDialog .modal-wrap .modal-title,
  body.dark-mode .selectLegalEntityDialog .modal-wrap .modal-title {
    color: #fff; }
  body.dark-mode .paymentCodebookDialog .close-popup,
  body.dark-mode .selectLegalEntityDialog .close-popup {
    background-color: #2d2c2c; }
    body.dark-mode .paymentCodebookDialog .close-popup svg,
    body.dark-mode .selectLegalEntityDialog .close-popup svg {
      fill: #fff;
      stroke: #fff; }
  body.dark-mode .paymentCodebookDialog .modal-inner .company-boxes-wrap .company-box,
  body.dark-mode .selectLegalEntityDialog .modal-inner .company-boxes-wrap .company-box {
    background-color: #2d2c2c; }
    body.dark-mode .paymentCodebookDialog .modal-inner .company-boxes-wrap .company-box .company-box-col-1 .text-color-1,
    body.dark-mode .paymentCodebookDialog .modal-inner .company-boxes-wrap .company-box .company-box-col-2 .text-color-1,
    body.dark-mode .paymentCodebookDialog .modal-inner .company-boxes-wrap .company-box .company-box-col-3 .text-color-1,
    body.dark-mode .selectLegalEntityDialog .modal-inner .company-boxes-wrap .company-box .company-box-col-1 .text-color-1,
    body.dark-mode .selectLegalEntityDialog .modal-inner .company-boxes-wrap .company-box .company-box-col-2 .text-color-1,
    body.dark-mode .selectLegalEntityDialog .modal-inner .company-boxes-wrap .company-box .company-box-col-3 .text-color-1 {
      color: #fff; }
  body.dark-mode .LoanBalancePreviewCorporate .user-acount-card-svg.loan-icon {
    background-image: url(images/menu-icons/ic_krediti_bijela@2x.png); }
  body.dark-mode .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate tbody tr td:nth-child(2) {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .LoanRepaymentsCorporate .gvLoanRepayments tbody tr td:nth-child(3) {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-btn-wrapper .btn-2.color-3, body.dark-mode .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-btn-wrapper .btn-2.color-8 {
    background: #2d2c2c;
    border: unset; }
    body.dark-mode .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-btn-wrapper .btn-2.color-3:hover, body.dark-mode .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-btn-wrapper .btn-2.color-8:hover {
      background: #464646;
      transition: background-color .3s; }
  body.dark-mode .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-btn-wrapper .btn-2.color-2:hover {
    transition: background-color .3s; }
  body.dark-mode .btn-1.color-1:hover {
    transition: background-color .3s;
    background: #2a7f00; }
  body.dark-mode .btn-shadow-1 {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25); }
  body.dark-mode .custom-checkbox-toggle {
    background: #464646; }
    body.dark-mode .custom-checkbox-toggle a span {
      color: #fff; }
  body.dark-mode .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments label {
    color: #FFFFFFA0; }
  body.dark-mode .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments.focusin label {
    color: #52ae30; }
  body.dark-mode .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-creditAcc .dk-select.select-1,
  body.dark-mode .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-paymentCode .dk-select.select-1 {
    border-color: #464646;
    background-color: #2d2c2c;
    border: 1px solid #464646;
    color: #fff; }
  body.dark-mode .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-creditAcc .dk-select .dk-selected,
  body.dark-mode .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-paymentCode .dk-select .dk-selected {
    border: none;
    border-radius: 30px !important; }
  body.dark-mode .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-creditAcc .dk-select .dk-select-options,
  body.dark-mode .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-paymentCode .dk-select .dk-select-options {
    border-color: #464646;
    background-color: #2d2c2c;
    border: 1px solid #464646;
    color: #fff; }
    body.dark-mode .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-creditAcc .dk-select .dk-select-options li:hover,
    body.dark-mode .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-paymentCode .dk-select .dk-select-options li:hover {
      background-color: #1c1a1a;
      border-color: #1c1a1a; }
  body.dark-mode .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-grid-wrapper .input-wrapper .part-modal-inner-payments .input-select-paymentCode .dk-select-options {
    width: 325px !important; }
  body.dark-mode .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-wrapper.focusin label {
    color: #52ae30 !important; }
  body.dark-mode .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-wrapper.with-label-inside .input-1 {
    border-color: #464646;
    background-color: #2d2c2c;
    border: 1px solid #464646;
    color: #fff; }
    body.dark-mode .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-wrapper.with-label-inside .input-1:focus {
      border-color: #52ae30; }
  body.dark-mode .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-wrapper.with-label-inside label {
    color: #FFFFFFA0; }
  body.dark-mode .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-wrapper.with-label-inside .input-ico-right-wrapper {
    background-color: transparent; }
  body.dark-mode .accountDetailsPopup .all-account-popup-title .all-account-close {
    background-color: #2d2c2c; }
  body.dark-mode .accountDetailsPopup .beneficiary-item > .beneficiary-icon-wrapper {
    background-color: #292828;
    color: #fff; }
  body.dark-mode .accountDetailsPopup .beneficiary-item .beneficiary-name {
    color: #fff; }
  body.dark-mode .accountDetailsPopup .beneficiary-item:hover {
    background-color: #292828; }
    body.dark-mode .accountDetailsPopup .beneficiary-item:hover > .beneficiary-icon-wrapper {
      background-color: #464646; }
  body.dark-mode .right-dialog.details-dialog.creditor-temlate-dialog .all-account-popup-subtitle-content .input-wrap label {
    color: #FFFFFFA0; }
  body.dark-mode #accountBalanceDomesticTemplate .popup-btn-wrapper .btn-2 {
    box-shadow: unset; }
    body.dark-mode #accountBalanceDomesticTemplate .popup-btn-wrapper .btn-2.color-3 {
      background: #2d2c2c;
      border: unset; }
      body.dark-mode #accountBalanceDomesticTemplate .popup-btn-wrapper .btn-2.color-3:hover {
        background: #464646 !important; }
  body.dark-mode .right-dialog.details-dialog.commissionDialog .transaction-popup-details-options-wrapper .modal-info {
    color: #fff; }
  body.dark-mode .right-dialog.details-dialog.paymentSuccess .main-nav-link-ico-svg {
    stroke: #fff; }
  body.dark-mode .ForeignOrderCorporate .btn-2.color-3, body.dark-mode .ForeignOrderCorporate .btn-2.color-8 {
    background: #2d2c2c;
    border: unset; }
    body.dark-mode .ForeignOrderCorporate .btn-2.color-3:hover, body.dark-mode .ForeignOrderCorporate .btn-2.color-8:hover {
      background: #464646; }
  body.dark-mode .ForeignOrderCorporate .foreign-currency-payment-stats .payment-filter-payment:hover {
    background-color: #2d2c2c; }
  body.dark-mode .ForeignOrderCorporate .tooltip .tooltip-text {
    background-color: #2d2c2c;
    border: 1px solid #464646; }
  body.dark-mode .ForeignOrderCorporate .custom-switch-foreign-payment {
    background-color: #000; }
    body.dark-mode .ForeignOrderCorporate .custom-switch-foreign-payment:before {
      background: #2d2c2c; }
  body.dark-mode .ForeignOrderCorporate .tooltip .tooltip-ico {
    stroke: #767676; }
  body.dark-mode .ForeignOrderCorporate .input-wrapper.with-label-inside label {
    color: #FFFFFFA0; }
  body.dark-mode .ForeignOrderCorporate .input-wrapper.with-label-inside .input-ico-right-wrapper {
    background-color: transparent; }
  body.dark-mode .ForeignOrderCorporate .input-wrapper.with-label-inside .textarea-1 {
    border-color: #464646 !important;
    color: #fff; }
    body.dark-mode .ForeignOrderCorporate .input-wrapper.with-label-inside .textarea-1:focus {
      border-color: #52ae30 !important; }
      body.dark-mode .ForeignOrderCorporate .input-wrapper.with-label-inside .textarea-1:focus ~ label {
        color: #52ae30; }
  body.dark-mode .ForeignOrderCorporate .input-wrapper.focusin label {
    color: #52ae30; }
  body.dark-mode .ForeignOrderCorporate .input-wrapper.creditorCountry label, body.dark-mode .ForeignOrderCorporate .input-wrapper.creditorBankCountry label {
    color: #FFFFFFA0; }
  body.dark-mode .ForeignOrderCorporate .input-wrapper.creditorCountry.focusin label, body.dark-mode .ForeignOrderCorporate .input-wrapper.creditorBankCountry.focusin label {
    color: #52ae30; }
  body.dark-mode .ForeignOrderCorporate .input-wrapper.creditorCountry .dk-select-options li, body.dark-mode .ForeignOrderCorporate .input-wrapper.creditorBankCountry .dk-select-options li {
    background-color: #2d2c2c; }
    body.dark-mode .ForeignOrderCorporate .input-wrapper.creditorCountry .dk-select-options li span, body.dark-mode .ForeignOrderCorporate .input-wrapper.creditorBankCountry .dk-select-options li span {
      color: #fff; }
    body.dark-mode .ForeignOrderCorporate .input-wrapper.creditorCountry .dk-select-options li:hover, body.dark-mode .ForeignOrderCorporate .input-wrapper.creditorBankCountry .dk-select-options li:hover {
      background-color: #1c1a1a;
      border-color: #1c1a1a; }
  body.dark-mode .ForeignOrderCorporate .input-select-creditAcc .dk-select.select-1,
  body.dark-mode .ForeignOrderCorporate .input-select-paymentCode .dk-select.select-1 {
    background-color: #2d2c2c;
    border-color: #464646; }
  body.dark-mode .ForeignOrderCorporate .input-select-creditAcc .dk-select .dk-selected,
  body.dark-mode .ForeignOrderCorporate .input-select-paymentCode .dk-select .dk-selected {
    border-radius: 30px !important;
    border: none; }
  body.dark-mode .ForeignOrderCorporate .input-select-creditAcc .dk-select .dk-select-options,
  body.dark-mode .ForeignOrderCorporate .input-select-paymentCode .dk-select .dk-select-options {
    background-color: #2d2c2c; }
    body.dark-mode .ForeignOrderCorporate .input-select-creditAcc .dk-select .dk-select-options li,
    body.dark-mode .ForeignOrderCorporate .input-select-paymentCode .dk-select .dk-select-options li {
      background-color: #2d2c2c; }
      body.dark-mode .ForeignOrderCorporate .input-select-creditAcc .dk-select .dk-select-options li span,
      body.dark-mode .ForeignOrderCorporate .input-select-paymentCode .dk-select .dk-select-options li span {
        color: #fff; }
      body.dark-mode .ForeignOrderCorporate .input-select-creditAcc .dk-select .dk-select-options li:hover,
      body.dark-mode .ForeignOrderCorporate .input-select-paymentCode .dk-select .dk-select-options li:hover {
        background-color: #1c1a1a;
        border-color: #1c1a1a; }
  body.dark-mode .ForeignOrderCorporate .input-select-creditAcc label,
  body.dark-mode .ForeignOrderCorporate .input-select-paymentCode label {
    color: #52ae30; }
  body.dark-mode .ui-dialog.right-dialog.details-dialog.reportPrint.ui-widget-content {
    background-color: #1c1a1a !important;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.16); }
  body.dark-mode .ui-dialog.right-dialog.details-dialog.reportPrint .ui-widget-content {
    background-color: #1c1a1a !important; }
  body.dark-mode .reportPrint.frn .foreign-exchange-order-top-right .btn-2:nth-child(1) {
    background-color: #2d2c2c;
    color: #fff; }
    body.dark-mode .reportPrint.frn .foreign-exchange-order-top-right .btn-2:nth-child(1):hover {
      color: #52ae30;
      transition: all .5s; }
  body.dark-mode .reportPrint.frn .foreign-exchange-order-top-right .btn-2:nth-child(2):hover, body.dark-mode .reportPrint.frn .foreign-exchange-order-top-right .btn-2:nth-child(3):hover {
    background: #2a7f00;
    transition: all .5s; }
  body.dark-mode .user-intro-section-profile .dot-menu.my_profile .popup-content-outer .popup-profile-options .profile-popup-options-ico-box {
    background-color: #2d2c2c; }
    body.dark-mode .user-intro-section-profile .dot-menu.my_profile .popup-content-outer .popup-profile-options .profile-popup-options-ico-box svg {
      stroke: #fff; }
  body.dark-mode .popup-profile-options.change-legal-entity .change-legal-entity {
    background-image: url(images/icons/ic_promeni_firmu_bijela@2x.png); }
  body.dark-mode .popup-profile-options.change-pin .change-pin {
    background-image: url(images/icons/ic_promena_pina_bijela@2x.png); }
  body.dark-mode .popup-content.my-profile-settings-menu {
    background-color: #1c1a1a;
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.16); }
  body.dark-mode .activity-popup-filter {
    background-color: #1c1a1a;
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.16); }
  body.dark-mode .ForeignPredefinedUsersCorporate .group-inner.transaction-filter-box label,
  body.dark-mode .CreditorTemplateManaging .group-inner.transaction-filter-box label {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .ForeignPredefinedUsersCorporate .credit-type-select-wrapper .dk-select,
  body.dark-mode .CreditorTemplateManaging .credit-type-select-wrapper .dk-select {
    border: 1px solid #464646; }
  body.dark-mode .ForeignPredefinedUsersCorporate .dot-menu-text-wrapper.addNew .bigger-pdf-button,
  body.dark-mode .CreditorTemplateManaging .dot-menu-text-wrapper.addNew .bigger-pdf-button {
    background-color: #2d2c2c;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4); }
  body.dark-mode .ForeignPredefinedUsersCorporate .account-detail-menu .dot-menu:hover,
  body.dark-mode .CreditorTemplateManaging .account-detail-menu .dot-menu:hover {
    background-color: transparent; }
    body.dark-mode .ForeignPredefinedUsersCorporate .account-detail-menu .dot-menu:hover .dot-menu-dot,
    body.dark-mode .CreditorTemplateManaging .account-detail-menu .dot-menu:hover .dot-menu-dot {
      background-color: #52ae30 !important; }
  body.dark-mode .ForeignPredefinedUsersCorporate .payment-filter-box .page-text-2,
  body.dark-mode .CreditorTemplateManaging .payment-filter-box .page-text-2 {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .ForeignPredefinedUsersCorporate .account-statements-info:hover,
  body.dark-mode .CreditorTemplateManaging .account-statements-info:hover {
    background-color: #2d2c2c; }
  body.dark-mode .ForeignPredefinedUsersCorporate .show-per-page .page-text-2,
  body.dark-mode .CreditorTemplateManaging .show-per-page .page-text-2 {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .intrabank-wrapper .template {
    border: 1px solid #464646; }
    body.dark-mode .intrabank-wrapper .template.recDialog {
      background-color: #2d2c2c; }
  body.dark-mode .intrabank-wrapper.label-inside-custom-select .animationLabel {
    color: #52ae30 !important; }
  body.dark-mode .newTemplate p {
    color: #fff; }
  body.dark-mode .newTemplate .credit-type-select-wrapper {
    border-color: #464646;
    background-color: #2d2c2c;
    border: 1px solid #464646;
    color: #fff; }
  body.dark-mode .newTemplate .wrapperIntraCode.debitAccount.active .dk-select-options.debitAccount, body.dark-mode .newTemplate .wrapperIntraCode.debitAccount.active .dk-select-options.code, body.dark-mode .newTemplate .wrapperIntraCode.code.active .dk-select-options.debitAccount, body.dark-mode .newTemplate .wrapperIntraCode.code.active .dk-select-options.code {
    border-color: #464646;
    background-color: #2d2c2c;
    border: 1px solid #464646;
    color: #fff; }
  body.dark-mode .newTemplate .wrapperIntraCode.debitAccount.active .dk-select-options li span, body.dark-mode .newTemplate .wrapperIntraCode.code.active .dk-select-options li span {
    color: #fff; }
  body.dark-mode .DomesticOrderReportCorporate .business-exchange-list-wrap .payment-filter-payment:hover,
  body.dark-mode .ForeignOrderReportCorporate .business-exchange-list-wrap .payment-filter-payment:hover {
    background-color: #2d2c2c; }
  body.dark-mode .DomesticOrderReportCorporate .background-12,
  body.dark-mode .ForeignOrderReportCorporate .background-12 {
    background-color: #fff; }
  body.dark-mode .DomesticOrderReportCorporate .dk-select.select.select-1:after,
  body.dark-mode .ForeignOrderReportCorporate .dk-select.select.select-1:after {
    background: url(images/icons/arrows-1.png) 50% no-repeat;
    background-size: 9px; }
  body.dark-mode .DomesticOrderReportCorporate .pdf-download .page-text {
    color: #fff; }
  body.dark-mode .ForeignOrderReportCorporate .row-dots:hover {
    background-color: transparent; }
    body.dark-mode .ForeignOrderReportCorporate .row-dots:hover .dot-menu-dot {
      background-color: #52ae30 !important; }
  body.dark-mode .OrderPackageDetailsCorporate .form-submit-btn-ico {
    stroke: #fff; }
  body.dark-mode .DomesticOrderListCorporate .total-data,
  body.dark-mode .ForeignOrderListCorporate .total-data,
  body.dark-mode .OrderPackageListCorporate .total-data {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .DomesticOrderListCorporate .custom-switch,
  body.dark-mode .ForeignOrderListCorporate .custom-switch,
  body.dark-mode .OrderPackageListCorporate .custom-switch {
    background-color: #000; }
    body.dark-mode .DomesticOrderListCorporate .custom-switch span,
    body.dark-mode .ForeignOrderListCorporate .custom-switch span,
    body.dark-mode .OrderPackageListCorporate .custom-switch span {
      color: #fff; }
      body.dark-mode .DomesticOrderListCorporate .custom-switch span.active,
      body.dark-mode .ForeignOrderListCorporate .custom-switch span.active,
      body.dark-mode .OrderPackageListCorporate .custom-switch span.active {
        color: #52ae30; }
    body.dark-mode .DomesticOrderListCorporate .custom-switch:before,
    body.dark-mode .ForeignOrderListCorporate .custom-switch:before,
    body.dark-mode .OrderPackageListCorporate .custom-switch:before {
      background: #2d2c2c; }
  body.dark-mode .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .btn-1.color-2,
  body.dark-mode .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .btn-1.color-2,
  body.dark-mode .OrderPackageListCorporate .account-statement-calendar-wrapper-right .btn-1.color-2 {
    color: #fff;
    background-color: #2d2c2c; }
  body.dark-mode .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .form-submit-btn-ico,
  body.dark-mode .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .form-submit-btn-ico,
  body.dark-mode .OrderPackageListCorporate .account-statement-calendar-wrapper-right .form-submit-btn-ico {
    stroke: #fff; }
  body.dark-mode .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-down .dk-select-options,
  body.dark-mode .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-down .dk-select-options,
  body.dark-mode .OrderPackageListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-down .dk-select-options {
    background-color: #2d2c2c;
    border-color: #464646; }
    body.dark-mode .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-down .dk-select-options li,
    body.dark-mode .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-down .dk-select-options li,
    body.dark-mode .OrderPackageListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-down .dk-select-options li {
      color: #fff; }
      body.dark-mode .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-down .dk-select-options li:hover,
      body.dark-mode .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-down .dk-select-options li:hover,
      body.dark-mode .OrderPackageListCorporate .account-statement-calendar-wrapper-right .select-1.dk-select-open-down .dk-select-options li:hover {
        background-color: #464646;
        border-color: transparent; }
  body.dark-mode .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .business-exchange-type-select .dk-selected,
  body.dark-mode .ForeignOrderListCorporate .account-statement-calendar-wrapper-right .business-exchange-type-select .dk-selected,
  body.dark-mode .OrderPackageListCorporate .account-statement-calendar-wrapper-right .business-exchange-type-select .dk-selected {
    background-color: #2d2c2c;
    border-color: #464646;
    color: #fff; }
  body.dark-mode .custom-checkbox-2 .check {
    border: 2px solid #464646; }
  body.dark-mode .custom-checkbox-2.checked .check {
    border: transparent; }
  body.dark-mode .SMSDialog.orderResults .ui-dialog-buttonpane .ui-dialog-buttonset button {
    background: #52ae30 !important; }
    body.dark-mode .SMSDialog.orderResults .ui-dialog-buttonpane .ui-dialog-buttonset button:hover {
      background-color: #2A7F00 !important; }
  body.dark-mode .SalariesPaylistCorporate .content-container .business-exchange-form-col-2.model input:not(.pbz) {
    background-color: #1c1a1a !important; }
  body.dark-mode .SalariesPaylistCorporate .input-wrapper.with-label-inside label {
    color: #FFFFFFA0; }
  body.dark-mode .SalariesPaylistCorporate .input-wrapper.with-label-inside.focusin label {
    color: #52ae30; }
  body.dark-mode .SalariesPaylistCorporate .btn-1.color-2 {
    color: #fff;
    background-color: #2d2c2c; }
    body.dark-mode .SalariesPaylistCorporate .btn-1.color-2:hover {
      background-color: #464646; }
  body.dark-mode .SalariesPaylistCorporate .totalData span {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .SalariesPaylistCorporate .text-color-9 {
    color: #fff; }
  body.dark-mode .SalariesPaylistCorporate .payment-filter-payment:hover {
    background-color: #2d2c2c; }
  body.dark-mode .SalariesServerOrderListCorporate .btn-1.color-2 {
    color: #fff;
    background-color: #2d2c2c; }
    body.dark-mode .SalariesServerOrderListCorporate .btn-1.color-2:hover {
      background-color: #464646; }
  body.dark-mode .SalariesServerOrderListCorporate .totalData span,
  body.dark-mode .SalariesServerOrderListCorporate .totalDataPt2 span,
  body.dark-mode .SalariesServerOrderListCorporate .total-data span {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .InflowsCorporate input#dateFilter, body.dark-mode .InflowsCorporate input#referenceFilter {
    background-color: #464646;
    border-color: #707070;
    box-shadow: none; }
  body.dark-mode .InflowsCorporate .custom-label {
    color: #fff; }
  body.dark-mode .InflowsCorporate .account-statements-info:hover {
    background-color: #2d2c2c; }
  body.dark-mode .InflowsCorporate .transaction-filter-box .transaction-filter {
    border: 1px solid #464646; }
    body.dark-mode .InflowsCorporate .transaction-filter-box .transaction-filter input {
      background-color: #2d2c2c;
      color: #fff; }
  body.dark-mode .InflowsCorporate .transaction-filter-box .dk-selected {
    background-color: #2d2c2c; }
  body.dark-mode .InflowsCorporate .transaction-filter-box .dk-select-options li {
    color: #fff; }
  body.dark-mode .popup-ammount-ico {
    stroke: #fff; }
  body.dark-mode .payment-filter-payment:hover {
    background-color: #2d2c2c; }
  body.dark-mode .pdf-ico {
    stroke: #fff; }
  body.dark-mode .input-1[disabled]:not(.customDisableField),
  body.dark-mode .textarea-1[disabled]:not(.customDisableField) {
    background-color: #2d2c2c !important;
    border-color: #464646;
    color: #fff !important; }
  body.dark-mode .payments-ico {
    background-color: #292828; }
  body.dark-mode .dot-menu-text-wrapper .pdf-download {
    background-color: #2d2c2c;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4); }
  body.dark-mode .popup-content .dot-decoration {
    background-color: #52ae30 !important; }
  body.dark-mode .user-intro-section-profile-box .dot-decoration {
    background-color: #52ae30 !important; }
  body.dark-mode #panelIDCard .btnUnblock {
    background-color: #2d2c2c;
    border-color: #464646; }
    body.dark-mode #panelIDCard .btnUnblock:hover {
      background-color: #464646;
      border-color: transparent; }
  body.dark-mode .newTemplate .my-account-detail-img-wrapper .my-account-detail-change-img {
    background-color: #2d2c2c !important; }
    body.dark-mode .newTemplate .my-account-detail-img-wrapper .my-account-detail-change-img:hover {
      background-color: #2d2c2c !important; }
  body.dark-mode .newTemplate.frnTemplate .dk-select-options.active {
    background-color: #2d2c2c; }
  body.dark-mode .newTemplate.frnTemplate .dk-select-options .dk-option {
    color: #fff; }
    body.dark-mode .newTemplate.frnTemplate .dk-select-options .dk-option:hover {
      background-color: #2d2c2c !important;
      border-color: #2d2c2c !important; }
  body.dark-mode .newTemplate.frnTemplate .intrabank-wrapper.with-label-inside.focusin .animationLabel {
    color: #52ae30 !important; }
  body.dark-mode .newTemplate.frnTemplate .input-wrapper.creditorCountry.focusin .animationLabel, body.dark-mode .newTemplate.frnTemplate .input-wrapper.creditorBankCountry.focusin .animationLabel {
    color: #52ae30 !important; }
  body.dark-mode .showPagination .pagination {
    color: #fff; }
    body.dark-mode .showPagination .pagination .pageCurrent {
      background-color: #2d2c2c;
      color: #fff;
      border-color: #464646; }
  body.dark-mode .repayments.templates a,
  body.dark-mode .widget-pagination.templates a {
    background-color: #2d2c2c;
    color: #fff;
    border-color: #464646; }
    body.dark-mode .repayments.templates a:hover,
    body.dark-mode .widget-pagination.templates a:hover {
      background-color: #464646; }
  body.dark-mode .reportDialog .popup-ammount-ico-wrapper {
    background-image: url(images/icons/ic_detalji_naloga_white@2x.png); }
  body.dark-mode .SMSDialog .ui-dialog-titlebar span {
    color: #fff; }
  body.dark-mode .SMSDialog .ui-dialog-content.ui-widget-content .modal-wrap .modal-inner .page-text {
    color: #fff; }
  body.dark-mode .SMSDialog.orderResults .ui-dialog-content.ui-widget-content {
    color: #fff !important; }
  body.dark-mode #SMSmessageDialog .btn-1.color-2 {
    background: #2d2c2c;
    border: unset;
    color: #52ae30; }
    body.dark-mode #SMSmessageDialog .btn-1.color-2:hover {
      background: #464646 !important; }
  body.dark-mode .reportPrint.editPackage.frn .dk-select.select-1,
  body.dark-mode .reportPrint.editPackage.rsd .dk-select.select-1 {
    padding: 20px 0px 12px 22px;
    border-color: #464646;
    background-color: #2d2c2c !important;
    border: 1px solid #464646;
    color: #fff !important; }
  body.dark-mode .reportPrint.editPackage.frn .dk-select ~ label,
  body.dark-mode .reportPrint.editPackage.rsd .dk-select ~ label {
    color: #52ae30 !important; }
  body.dark-mode .reportPrint.editPackage.frn .input-1:disabled,
  body.dark-mode .reportPrint.editPackage.rsd .input-1:disabled {
    border-color: #464646;
    background-color: #2d2c2c !important;
    border: 1px solid #464646;
    color: #fff !important; }
  body.dark-mode .reportPrint.editPackage.frn .input-1:focus ~ label,
  body.dark-mode .reportPrint.editPackage.rsd .input-1:focus ~ label {
    color: #52ae30 !important; }
  body.dark-mode .reportPrint.editPackage.frn .foreign-currency-payment-textarea textarea,
  body.dark-mode .reportPrint.editPackage.rsd .foreign-currency-payment-textarea textarea {
    color: #fff; }
  body.dark-mode .reportPrint.editPackage.frn .tooltip .tooltip-ico,
  body.dark-mode .reportPrint.editPackage.rsd .tooltip .tooltip-ico {
    stroke: #767676; }
  body.dark-mode .reportPrint.editPackage.frn .btn-2.color-8, body.dark-mode .reportPrint.editPackage.frn .btn-2.color-3,
  body.dark-mode .reportPrint.editPackage.rsd .btn-2.color-8,
  body.dark-mode .reportPrint.editPackage.rsd .btn-2.color-3 {
    background: #2d2c2c;
    border: unset; }
    body.dark-mode .reportPrint.editPackage.frn .btn-2.color-8:hover, body.dark-mode .reportPrint.editPackage.frn .btn-2.color-3:hover,
    body.dark-mode .reportPrint.editPackage.rsd .btn-2.color-8:hover,
    body.dark-mode .reportPrint.editPackage.rsd .btn-2.color-3:hover {
      background: #464646; }
  body.dark-mode .reportPrint.editPackage.frn .foreign-currency-payment-stats .input-1:disabled ~ label,
  body.dark-mode .reportPrint.editPackage.rsd .foreign-currency-payment-stats .input-1:disabled ~ label {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .reportPrint.editPackage.frn .foreign-currency-payment-stats .payment-filter-payment:hover,
  body.dark-mode .reportPrint.editPackage.rsd .foreign-currency-payment-stats .payment-filter-payment:hover {
    background-color: #2d2c2c; }
  body.dark-mode .reportPrint.editPackage.frn .input-wrapper label,
  body.dark-mode .reportPrint.editPackage.rsd .input-wrapper label {
    color: #FFFFFFA0; }
  body.dark-mode .reportPrint.editPackage.frn .input-wrapper.focusin label,
  body.dark-mode .reportPrint.editPackage.rsd .input-wrapper.focusin label {
    color: #52ae30; }
  body.dark-mode .reportPrint.editPackage.frn .dk-selected,
  body.dark-mode .reportPrint.editPackage.rsd .dk-selected {
    background-color: #2d2c2c !important;
    border: none;
    color: #fff !important; }
  body.dark-mode .reportPrint.editPackage.frn .dk-select-options,
  body.dark-mode .reportPrint.editPackage.rsd .dk-select-options {
    background-color: #2d2c2c !important; }
    body.dark-mode .reportPrint.editPackage.frn .dk-select-options li span,
    body.dark-mode .reportPrint.editPackage.rsd .dk-select-options li span {
      color: #fff; }
    body.dark-mode .reportPrint.editPackage.frn .dk-select-options li:hover,
    body.dark-mode .reportPrint.editPackage.rsd .dk-select-options li:hover {
      background-color: #1c1a1a;
      border-color: #1c1a1a; }
  body.dark-mode .right-dialog.details-dialog.reportPrint.loro,
  body.dark-mode .right-dialog.details-dialog.reportPrint.editPackage.frn,
  body.dark-mode .right-dialog.details-dialog.reportPrint.editPackage.rsd {
    background-color: #1c1a1a !important; }
    body.dark-mode .right-dialog.details-dialog.reportPrint.loro .ui-dialog-content.ui-widget-content,
    body.dark-mode .right-dialog.details-dialog.reportPrint.editPackage.frn .ui-dialog-content.ui-widget-content,
    body.dark-mode .right-dialog.details-dialog.reportPrint.editPackage.rsd .ui-dialog-content.ui-widget-content {
      background-color: #1c1a1a !important; }
    body.dark-mode .right-dialog.details-dialog.reportPrint.loro .text-color-9,
    body.dark-mode .right-dialog.details-dialog.reportPrint.editPackage.frn .text-color-9,
    body.dark-mode .right-dialog.details-dialog.reportPrint.editPackage.rsd .text-color-9 {
      color: #fff; }
    body.dark-mode .right-dialog.details-dialog.reportPrint.loro .page-text,
    body.dark-mode .right-dialog.details-dialog.reportPrint.editPackage.frn .page-text,
    body.dark-mode .right-dialog.details-dialog.reportPrint.editPackage.rsd .page-text {
      color: #fff; }
    body.dark-mode .right-dialog.details-dialog.reportPrint.loro .btn-2.color-4,
    body.dark-mode .right-dialog.details-dialog.reportPrint.editPackage.frn .btn-2.color-4,
    body.dark-mode .right-dialog.details-dialog.reportPrint.editPackage.rsd .btn-2.color-4 {
      color: #fff;
      background: #1c1a1a; }
      body.dark-mode .right-dialog.details-dialog.reportPrint.loro .btn-2.color-4:hover,
      body.dark-mode .right-dialog.details-dialog.reportPrint.editPackage.frn .btn-2.color-4:hover,
      body.dark-mode .right-dialog.details-dialog.reportPrint.editPackage.rsd .btn-2.color-4:hover {
        color: #52ae30;
        transition: all .5s; }
    body.dark-mode .right-dialog.details-dialog.reportPrint.loro .btn-2.color-2:hover,
    body.dark-mode .right-dialog.details-dialog.reportPrint.editPackage.frn .btn-2.color-2:hover,
    body.dark-mode .right-dialog.details-dialog.reportPrint.editPackage.rsd .btn-2.color-2:hover {
      background: #2a7f00;
      transition: all .5s; }
    body.dark-mode .right-dialog.details-dialog.reportPrint.loro .foreign-inflows-bottom .input-wrapper label,
    body.dark-mode .right-dialog.details-dialog.reportPrint.editPackage.frn .foreign-inflows-bottom .input-wrapper label,
    body.dark-mode .right-dialog.details-dialog.reportPrint.editPackage.rsd .foreign-inflows-bottom .input-wrapper label {
      color: #FFFFFFA0; }
    body.dark-mode .right-dialog.details-dialog.reportPrint.loro .foreign-inflows-bottom .input-wrapper.focusin label,
    body.dark-mode .right-dialog.details-dialog.reportPrint.editPackage.frn .foreign-inflows-bottom .input-wrapper.focusin label,
    body.dark-mode .right-dialog.details-dialog.reportPrint.editPackage.rsd .foreign-inflows-bottom .input-wrapper.focusin label {
      color: #52ae30; }
    body.dark-mode .right-dialog.details-dialog.reportPrint.loro .foreign-inflows-bottom .input-select-paymentCode .dk-select,
    body.dark-mode .right-dialog.details-dialog.reportPrint.editPackage.frn .foreign-inflows-bottom .input-select-paymentCode .dk-select,
    body.dark-mode .right-dialog.details-dialog.reportPrint.editPackage.rsd .foreign-inflows-bottom .input-select-paymentCode .dk-select {
      background-color: #2d2c2c;
      border-color: #464646;
      color: #fff; }
      body.dark-mode .right-dialog.details-dialog.reportPrint.loro .foreign-inflows-bottom .input-select-paymentCode .dk-select .dk-selected,
      body.dark-mode .right-dialog.details-dialog.reportPrint.editPackage.frn .foreign-inflows-bottom .input-select-paymentCode .dk-select .dk-selected,
      body.dark-mode .right-dialog.details-dialog.reportPrint.editPackage.rsd .foreign-inflows-bottom .input-select-paymentCode .dk-select .dk-selected {
        border: none;
        border-radius: 25px; }
      body.dark-mode .right-dialog.details-dialog.reportPrint.loro .foreign-inflows-bottom .input-select-paymentCode .dk-select .dk-select-options,
      body.dark-mode .right-dialog.details-dialog.reportPrint.editPackage.frn .foreign-inflows-bottom .input-select-paymentCode .dk-select .dk-select-options,
      body.dark-mode .right-dialog.details-dialog.reportPrint.editPackage.rsd .foreign-inflows-bottom .input-select-paymentCode .dk-select .dk-select-options {
        background-color: #2d2c2c;
        border-color: #464646;
        color: #fff;
        border: 1px solid #464646; }
        body.dark-mode .right-dialog.details-dialog.reportPrint.loro .foreign-inflows-bottom .input-select-paymentCode .dk-select .dk-select-options li:hover,
        body.dark-mode .right-dialog.details-dialog.reportPrint.editPackage.frn .foreign-inflows-bottom .input-select-paymentCode .dk-select .dk-select-options li:hover,
        body.dark-mode .right-dialog.details-dialog.reportPrint.editPackage.rsd .foreign-inflows-bottom .input-select-paymentCode .dk-select .dk-select-options li:hover {
          background-color: #464646;
          border-color: transparent; }
    body.dark-mode .right-dialog.details-dialog.reportPrint.loro .foreign-inflows-result .gray-result-box ~ label,
    body.dark-mode .right-dialog.details-dialog.reportPrint.editPackage.frn .foreign-inflows-result .gray-result-box ~ label,
    body.dark-mode .right-dialog.details-dialog.reportPrint.editPackage.rsd .foreign-inflows-result .gray-result-box ~ label {
      color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .s-widget-zone.turnover-dashboard .see-all-transactions {
    background-color: #1c1a1a; }
  body.dark-mode .OrderPackageReportCorporate .total-data .text-color-total,
  body.dark-mode .OrdersFromOrderPackagesListCorporate .total-data .text-color-total,
  body.dark-mode .LoanRepaymentsCorporate .total-data .text-color-total {
    color: rgba(255, 255, 255, 0.7); }
    body.dark-mode .OrderPackageReportCorporate .total-data .text-color-total .user-intro-section-profile-box,
    body.dark-mode .OrdersFromOrderPackagesListCorporate .total-data .text-color-total .user-intro-section-profile-box,
    body.dark-mode .LoanRepaymentsCorporate .total-data .text-color-total .user-intro-section-profile-box {
      color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .right-dialog.details-dialog.accountsList .account-select-item-text p.page-text {
    color: #fff; }
  body.dark-mode .right-dialog.details-dialog.accountsList .account-item-balance-inner h2 {
    color: #fff; }
  body.dark-mode .right-dialog.details-dialog.accountsList .account-select-popup-item {
    border-color: #464646; }
    body.dark-mode .right-dialog.details-dialog.accountsList .account-select-popup-item .account-select-item .user-account-card-img {
      background-color: #2d2c2c; }
    body.dark-mode .right-dialog.details-dialog.accountsList .account-select-popup-item:hover, body.dark-mode .right-dialog.details-dialog.accountsList .account-select-popup-item.active {
      background-color: #2d2c2c;
      border-color: #2d2c2c;
      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.24); }
      body.dark-mode .right-dialog.details-dialog.accountsList .account-select-popup-item:hover .account-select-item .user-account-card-img, body.dark-mode .right-dialog.details-dialog.accountsList .account-select-popup-item.active .account-select-item .user-account-card-img {
        background-color: #1c1a1a; }
  body.dark-mode .AccountSlider .isEmptyGriError {
    margin-top: 45px !important; }
  body.dark-mode .AccountSlider .accountSliderSw-switch {
    background: #000; }
    body.dark-mode .AccountSlider .accountSliderSw-switch:before {
      background: #2d2c2c; }
  body.dark-mode .AccountSlider .user-account-card-right-col-inner .btn-2 {
    border: unset; }
  body.dark-mode .AccountSlider .user-account-card {
    box-shadow: none; }
    body.dark-mode .AccountSlider .user-account-card .btn-2.background-5 {
      background-color: #1c1a1a;
      color: #fff;
      border: unset; }
      body.dark-mode .AccountSlider .user-account-card .btn-2.background-5:hover {
        color: #52ae30;
        transition: color .3s; }
    body.dark-mode .AccountSlider .user-account-card .btn-2.background-1 {
      box-shadow: unset; }
  body.dark-mode .AccountSlider .account-card-btn.account-menu {
    background-color: #52ae30; }
  body.dark-mode .chartView .highcharts-background {
    fill: transparent; }
  body.dark-mode .chartView .highcharts-axis,
  body.dark-mode .chartView .highcharts-title {
    fill: rgba(255, 255, 255, 0.7) !important; }
  body.dark-mode .chartView .highcharts-axis-labels.highcharts-xaxis-labels text {
    fill: rgba(255, 255, 255, 0.7) !important; }
  body.dark-mode .user-account-card-left-col .user-account-card-left-col-inner .user-account-card-img {
    background-color: #1c1a1a !important; }
  body.dark-mode #page-header:after {
    background-image: url(images/bg/home-intro-back-dark.png); }
  body.dark-mode .right-dialog.details-dialog .mCSB_dragger_bar {
    background-color: #161414 !important;
    box-shadow: 0 0 1px #161414; }
  body.dark-mode .widget-tabs {
    background-color: #000; }
    body.dark-mode .widget-tabs li.active a {
      background-color: #2d2c2c; }
  body.dark-mode .notificationMsgList .dot-menu-text-wrapper .wh-button.archive,
  body.dark-mode .notificationMsgList .dot-menu-text-wrapper .wh-button.markRead {
    background-color: #2d2c2c;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4); }
    body.dark-mode .notificationMsgList .dot-menu-text-wrapper .wh-button.archive p,
    body.dark-mode .notificationMsgList .dot-menu-text-wrapper .wh-button.markRead p {
      color: #fff; }
  body.dark-mode .notificationMsgList .wh-button {
    background-color: #2d2c2c;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4); }
  body.dark-mode .MessageHubNotificationList .input-select-paymentCode .dk-select .dk-select-options {
    background-color: #2d2c2c;
    border: 1px solid #464646; }
    body.dark-mode .MessageHubNotificationList .input-select-paymentCode .dk-select .dk-select-options li:hover {
      background-color: #464646 !important;
      border-color: transparent !important; }
    body.dark-mode .MessageHubNotificationList .input-select-paymentCode .dk-select .dk-select-options li span {
      color: #fff; }
  body.dark-mode .message {
    border-bottom: none; }
    body.dark-mode .message:hover {
      background-color: #2d2c2c; }
    body.dark-mode .message .title {
      color: #fff; }
    body.dark-mode .message .message-date {
      color: rgba(255, 255, 255, 0.7); }
    body.dark-mode .message .archive-button {
      background-color: #2d2c2c;
      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
      color: #fff; }
  body.dark-mode .right-dialog.details-dialog.message-hub-dialog .input-wrap {
    border-color: #464646;
    background-color: #2d2c2c;
    border: 1px solid #464646; }
  body.dark-mode .message-hub-dialog .newMessageDialog .input-1 {
    border: none; }
  body.dark-mode .message-hub-dialog .newMessageDialog .texarea-1 {
    color: #fff; }
  body.dark-mode .message-hub-dialog .newMessageDialog label.new-message-title,
  body.dark-mode .message-hub-dialog .newMessageDialog label.message-label-text {
    color: #52AE30; }
  body.dark-mode .message-hub-dialog .newMessageDialog .input-wrap.active-window-1.focus,
  body.dark-mode .message-hub-dialog .newMessageDialog .input-wrap.active-window-2.focus {
    border-color: #52ae30; }
    body.dark-mode .message-hub-dialog .newMessageDialog .input-wrap.active-window-1.focus .input-1,
    body.dark-mode .message-hub-dialog .newMessageDialog .input-wrap.active-window-2.focus .input-1 {
      margin-left: 2px; }
  body.dark-mode .message-hub-dialog .attachment-card {
    background-color: #2d2c2c !important;
    border-color: #464646 !important; }
    body.dark-mode .message-hub-dialog .attachment-card p span {
      color: #fff; }
    body.dark-mode .message-hub-dialog .attachment-card .close {
      background-image: url(images/icons/close-icon-3.png); }
  body.dark-mode .read-message .btn-1.color-6 {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
    background-color: #2d2c2c !important; }
    body.dark-mode .read-message .btn-1.color-6:hover {
      background-color: #2A7F00 !important; }
  body.dark-mode .messageDetail .dot-menu {
    box-shadow: unset; }
  body.dark-mode .messageDetail .white-box-bottom-date {
    color: rgba(255, 255, 255, 0.7) !important; }
  body.dark-mode .messageDetail .conversation-box.blue-box .attachment-card p svg {
    stroke: #fff; }
  body.dark-mode .conversation-box {
    background-color: #2d2c2c !important; }
    body.dark-mode .conversation-box p {
      color: #fff !important; }
    body.dark-mode .conversation-box.blue-box {
      background-color: #52AE30 !important; }
      body.dark-mode .conversation-box.blue-box .attachment-card {
        background-color: #52AE30 !important;
        border: 1px solid #fff;
        border-color: #fff !important;
        box-shadow: unset; }
        body.dark-mode .conversation-box.blue-box .attachment-card svg {
          stroke: #fff; }
  body.dark-mode .read-messages-list .pdf-download span {
    color: #fff; }
  body.dark-mode .read-messages-list .pdf-download:hover {
    box-shadow: unset;
    background-color: #2d2c2c !important; }
  body.dark-mode .ui-dialog.info-dialog .ui-widget-content, body.dark-mode .ui-dialog.information .ui-widget-content, body.dark-mode .ui-dialog.information .ui-widget-content {
    color: #fff !important; }
  body.dark-mode .success-change-email .ui-dialog-buttonset button {
    background-color: #2d2c2c; }
  body.dark-mode .notificationMsgList .pagination-text {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .notificationMsgList .msgHubThreadList .archive-section .message {
    border-bottom: none; }
    body.dark-mode .notificationMsgList .msgHubThreadList .archive-section .message:hover {
      background-color: #2d2c2c; }
    body.dark-mode .notificationMsgList .msgHubThreadList .archive-section .message .title {
      color: #fff; }
    body.dark-mode .notificationMsgList .msgHubThreadList .archive-section .message .message-date {
      color: rgba(255, 255, 255, 0.7); }
    body.dark-mode .notificationMsgList .msgHubThreadList .archive-section .message .archive-button {
      background-color: #2d2c2c;
      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
      color: #fff; }
  body.dark-mode .user-intro-section-profile .dot-menu.my_profile .popup-content-outer .popup-profile-options {
    background: transparent; }
  body.dark-mode .PersonalDataV2 .my-account-info-wrapper .page-text-2.text-color-7 {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .PersonalDataV2 .my-account-info-wrapper .page-text {
    color: #fff; }
  body.dark-mode .PersonalDataV2 .my-account-detail-change-img {
    background-color: #52ae30; }
  body.dark-mode .PersonalDataV2 .darkSettings p.page-text {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .PersonalDataV2 .darkSettings .popup-profile-options .profile-popup-options-ico-box {
    background-color: #2d2c2c; }
    body.dark-mode .PersonalDataV2 .darkSettings .popup-profile-options .profile-popup-options-ico-box .profile-option-ico {
      stroke: #fff; }
  body.dark-mode .my-account-detail-intro .my-account-detail-change-img {
    background-color: #52ae30; }
  body.dark-mode .token-list .tokens-ico {
    background-color: #2d2c2c; }
    body.dark-mode .token-list .tokens-ico .tokens-ico-svg {
      stroke: #fff; }
  body.dark-mode .token-list .account-statement-info-inner .account-statements-info:hover .tokens-ico {
    background-color: #1c1a1a; }
  body.dark-mode .TokenList .payment-filter-box div p,
  body.dark-mode .CrontoTokenList .payment-filter-box div p {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .TokenList .account-statement-info-inner .account-statements-info:hover,
  body.dark-mode .CrontoTokenList .account-statement-info-inner .account-statements-info:hover {
    background-color: #2d2c2c; }
  body.dark-mode .TokenList .account-statement-info-inner .account-statements-info .group-inner .page-text,
  body.dark-mode .CrontoTokenList .account-statement-info-inner .account-statements-info .group-inner .page-text {
    color: #fff; }
  body.dark-mode .TokenList .account-statement-info-inner .account-statements-info .pdf-download,
  body.dark-mode .CrontoTokenList .account-statement-info-inner .account-statements-info .pdf-download {
    background-color: #2d2c2c;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4); }
    body.dark-mode .TokenList .account-statement-info-inner .account-statements-info .pdf-download.reactivate-token .page-text,
    body.dark-mode .CrontoTokenList .account-statement-info-inner .account-statements-info .pdf-download.reactivate-token .page-text {
      color: #52ae30; }
    body.dark-mode .TokenList .account-statement-info-inner .account-statements-info .pdf-download.block-token .page-text,
    body.dark-mode .CrontoTokenList .account-statement-info-inner .account-statements-info .pdf-download.block-token .page-text {
      color: #f60; }
  body.dark-mode .active-lang {
    background: #2d2c2c; }
    body.dark-mode .active-lang > .arrows {
      background-image: url(images/lang-icons/arrows-1-dark.png); }
    body.dark-mode .active-lang > ul > .active-language {
      color: #fff; }
  body.dark-mode .languages-wrapper > ul.languageSelector {
    background: #2d2c2c; }
    body.dark-mode .languages-wrapper > ul.languageSelector > .portal-language {
      color: #fff; }
      body.dark-mode .languages-wrapper > ul.languageSelector > .portal-language:hover {
        background-color: #464646 !important;
        border-color: transparent !important; }
  body.dark-mode .CurrencyCalculator .currency-calculator-table {
    border-color: #464646;
    background-color: #2d2c2c; }
    body.dark-mode .CurrencyCalculator .currency-calculator-table input.outputAmount, body.dark-mode .CurrencyCalculator .currency-calculator-table input.inputAmount {
      background-color: #2d2c2c;
      border-color: #464646;
      color: #fff; }
    body.dark-mode .CurrencyCalculator .currency-calculator-table label {
      color: #FFFFFFA0; }
  body.dark-mode .CurrencyCalculator .outputName {
    color: #fff; }
  body.dark-mode .CurrencyCalculator .text-color-7 {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .CurrencyCalculator .around-calc-img {
    background-color: #1c1a1a; }
  body.dark-mode .CurrencyCalculator .dot-menu {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.24); }
    body.dark-mode .CurrencyCalculator .dot-menu .dot-menu-inner .dot-menu-dot {
      background-color: #52ae30 !important; }
  body.dark-mode .CurrencyCalculator .modal-button {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25); }
  body.dark-mode .CurrencyExchangeV2 .text-color-7 {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .CurrencyExchangeV2 .transaction-filter-box .dk-select.select-1 {
    border: unset; }
    body.dark-mode .CurrencyExchangeV2 .transaction-filter-box .dk-select.select-1 .dk-selected {
      border-color: #464646;
      background-color: #2d2c2c;
      border: 1px solid #464646;
      z-index: 2;
      border-radius: 25px; }
      body.dark-mode .CurrencyExchangeV2 .transaction-filter-box .dk-select.select-1 .dk-selected.active {
        border-radius: 25px 25px 0 0; }
  body.dark-mode .CurrencyExchangeV2 .transaction-filter-box .dk-select-options .dk-option {
    color: #fff; }
  body.dark-mode .CurrencyExchangeV2 .currency-exchange-filter .filterButton {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25); }
  body.dark-mode .CurrencyExchangeV2 .currency-exchange-filter .transaction-filter-inner .transaction-filter {
    border-color: #464646; }
    body.dark-mode .CurrencyExchangeV2 .currency-exchange-filter .transaction-filter-inner .transaction-filter input {
      color: #fff; }
  body.dark-mode .HtmlPromo .commercial-text-wrapper a.btn-2 {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25); }
  body.dark-mode .HtmlPromo .commercial-text-wrapper .page-text {
    color: #fff; }
  body.dark-mode .input-wrap {
    background: #2d2c2c; }
  body.dark-mode .login-downloads-main .file-box-wrapper.type-2 .file-box-ico {
    stroke: #fff; }
  body.dark-mode .login-downloads-main .login-downloads-col-left:after {
    border-right: 1px dotted #707070; }
  body.dark-mode .login-downloads-main .login-downloads-col-left .login-downloads-deco {
    background-image: url(images/bg/img_preuzimanja_otp@2x.png); }
  body.dark-mode .login-downloads-main .login-downloads-col-left .login-downloads-col-left-content h2 {
    color: #fff; }
  body.dark-mode .login-downloads-main .login-downloads-col-left .login-downloads-col-left-content p {
    color: #fff; }
  body.dark-mode .login-downloads-main .login-downloads-links-wrap a {
    background-color: #2d2c2c; }
    body.dark-mode .login-downloads-main .login-downloads-links-wrap a p {
      color: #fff; }
    body.dark-mode .login-downloads-main .login-downloads-links-wrap a span {
      color: #fff; }
  body.dark-mode .login-downloads-main .login-downloads-wrap h2 {
    color: #fff; }
  body.dark-mode .login-downloads-main .login-downloads-wrap p.font-7 {
    color: #fff; }
  body.dark-mode .login-downloads-main .login-downloads-wrap li.font-7 {
    color: #fff; }
  body.dark-mode .support-dialog .close-btn {
    background: #2d2c2c; }
    body.dark-mode .support-dialog .close-btn svg {
      fill: #fff; }
  body.dark-mode .support-dialog .support-grid .support-block {
    background-color: #2d2c2c; }
    body.dark-mode .support-dialog .support-grid .support-block h4, body.dark-mode .support-dialog .support-grid .support-block p {
      color: #fff; }
  body.dark-mode .reportPrint .modal-wrap .btn-2.color-4 {
    color: #fff;
    background-color: #2d2c2c; }
    body.dark-mode .reportPrint .modal-wrap .btn-2.color-4:hover {
      background: #464646;
      color: #52ae30;
      transition: all .5s; }
  body.dark-mode .reportPrint .input-1 ~ label,
  body.dark-mode .reportPrint .textarea-1 ~ label {
    color: #52ae30; }
  body.dark-mode .session .ui-dialog-buttonpane .ui-dialog-buttonset button {
    background-color: #52AE30 !important;
    color: #fff !important;
    border: none !important; }
    body.dark-mode .session .ui-dialog-buttonpane .ui-dialog-buttonset button:hover {
      background-color: #2a7f00 !important; }
  body.dark-mode .reportDialog .signatures .transaction-popup-detail .name ~ span {
    color: #fff; }
  body.dark-mode .reportDialog .ok {
    color: #52ae30 !important; }
  body.dark-mode .reportDialog .storno .storno-ico {
    background-image: url(images/icons/ic_storniraj_nalog_bijela@2x.png); }
  body.dark-mode .reportDialog .print .print-ico {
    background-image: url(images/icons/ic_stampa_hover@2x.png); }
  body.dark-mode .main-nav-link-ico-svg {
    stroke: #fff; }
  body.dark-mode symbol#mail-pen-ico path {
    stroke: #fff; }
  body.dark-mode symbol#close-ico path {
    stroke: #fff;
    fill: #fff; }
  body.dark-mode symbol#beneficiary-default-ico path {
    fill: rgba(255, 255, 255, 0.7); }
  body.dark-mode .intrabank-wrapper.focusin .animationLabel {
    color: #52ae30 !important; }
  body.dark-mode .messageDetail .characters-counter {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .login-downloads-main .login-downloads-col-left .btn-3:hover {
    background: #2a7f00;
    border-color: #2a7f00;
    transition: background-color .3s, border-color .3s; }
  body.dark-mode .user-intro-section-profile .user-intro-section-profile-box {
    background-color: #000; }
  body.dark-mode input:-webkit-autofill {
    -webkit-box-shadow: 200px 200px 100px #2d2c2c inset;
    box-shadow: 200px 200px 100px #2d2c2c inset;
    -webkit-text-fill-color: #fff; }
  body.dark-mode tr td input[type="checkbox"] {
    background-color: #1c1a1a;
    -webkit-appearance: none;
    border: 2px solid #464646; }
  body.dark-mode tr:hover td input[type="checkbox"] {
    background-color: #2d2c2c; }
  body.dark-mode tr.selected td input.cbMultiselect {
    background-color: unset;
    -webkit-appearance: auto;
    accent-color: #52AE30;
    margin: 0;
    width: 18px;
    height: 18px; }
  body.dark-mode tr.selected:hover td input[type="checkbox"] {
    background-color: unset; }
  body.dark-mode tr input.cbMultiselectAll.selected {
    background-color: unset;
    -webkit-appearance: auto;
    accent-color: #d20000;
    margin: 0;
    width: 18px;
    height: 18px; }
  body.dark-mode .s-widget.EBillsCorporate .s-widget-content .s-widget-body > div .main-container-bills .container .section-icon > span {
    color: #fff; }
  body.dark-mode .s-widget.EBillsCorporate .s-widget-content .s-widget-body > div .main-container-bills .container .section-icon:before {
    background: transparent url(images/icons/ic_emenice_bela.png) 0% 0% no-repeat padding-box; }
  body.dark-mode ::-webkit-scrollbar {
    width: 5px;
    padding-right: 10px; }
  body.dark-mode ::-webkit-scrollbar-track {
    background: #2d2c2c; }
  body.dark-mode ::-webkit-scrollbar-thumb {
    background: #1c1a1a;
    border-radius: 16px; }
  body.dark-mode .selectLegalEntityDialog ::-webkit-scrollbar-track {
    background: #1c1a1a; }
  body.dark-mode .selectLegalEntityDialog ::-webkit-scrollbar-thumb {
    background: #2d2c2c;
    border-radius: 16px; }
  body.dark-mode .signatureList .transaction-popup-details-wrapper .page-text {
    color: #fff; }
  body.dark-mode .signatureList .signature-list-item-top-content .page-text-1,
  body.dark-mode .signatureList .signature-list-item-bottom-single .page-text-1 {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .signatureList .signature-list-item-svg-wrap {
    background-color: #1c1a1a; }
  body.dark-mode .ui-dialog.no-yes-dialog.ui-widget-content .ui-dialog-titlebar .ui-dialog-title {
    color: #fff; }
  body.dark-mode .ui-widget-content {
    color: #fff !important; }
  body.dark-mode .ui-dialog.no-yes-dialog.ui-widget-content .ui-dialog-buttonset button {
    border: 1px solid transparent; }
  body.dark-mode .right-dialog.qrDialog .modal-title,
  body.dark-mode .right-dialog.packageSelectDialog .modal-title {
    color: #fff; }
  body.dark-mode .right-dialog.qrDialog .instruction, body.dark-mode .right-dialog.qrDialog b,
  body.dark-mode .right-dialog.packageSelectDialog .instruction,
  body.dark-mode .right-dialog.packageSelectDialog b {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .no-yes-dialog.accountEditSlider .input-wrap.inputDialog .input-1,
  body.dark-mode .no-yes-dialog.editCardName .input-wrap.inputDialog .input-1 {
    border: 1px solid #464646; }
  body.dark-mode .no-yes-dialog.accountEditSlider .ui-dialog-buttonset button:nth-child(1),
  body.dark-mode .no-yes-dialog.editCardName .ui-dialog-buttonset button:nth-child(1) {
    background-color: #F3F3F3 !important;
    color: #121212 !important; }
    body.dark-mode .no-yes-dialog.accountEditSlider .ui-dialog-buttonset button:nth-child(1):hover,
    body.dark-mode .no-yes-dialog.editCardName .ui-dialog-buttonset button:nth-child(1):hover {
      background-color: #464646 !important;
      transition: background-color .3s; }
  body.dark-mode .FastPayment .fast-pay-account:hover {
    background-color: #2d2c2c;
    transition: background-color .3s; }
    body.dark-mode .FastPayment .fast-pay-account:hover .fast-pay-account-img.no-img {
      background-color: #efefef;
      transition: background-color .3s; }
  body.dark-mode .FastPayment .fast-pay-account .page-text {
    color: #fff; }
  body.dark-mode .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .add-remove-favorite-item {
    border: 1px solid #464646; }
    body.dark-mode .ui-dialog.right-dialog.accountsFavorites .fastPaymentDialog .add-remove-favorite-item .user-account-card-img {
      background-color: #1c1a1a; }
  body.dark-mode .ui-dialog.no-yes-dialog .ui-widget-content .ui-dialog-buttonset button,
  body.dark-mode .ui-dialog.info-dialog .ui-widget-content .ui-dialog-buttonset button,
  body.dark-mode .ui-dialog.information .ui-widget-content .ui-dialog-buttonset button,
  body.dark-mode .ui-dialog.information .ui-widget-content .ui-dialog-buttonset button {
    transition: background-color .3s;
    background-color: #52AE30;
    border: transparent;
    color: #FFF; }
    body.dark-mode .ui-dialog.no-yes-dialog .ui-widget-content .ui-dialog-buttonset button:hover,
    body.dark-mode .ui-dialog.info-dialog .ui-widget-content .ui-dialog-buttonset button:hover,
    body.dark-mode .ui-dialog.information .ui-widget-content .ui-dialog-buttonset button:hover,
    body.dark-mode .ui-dialog.information .ui-widget-content .ui-dialog-buttonset button:hover {
      background-color: #2a7f00; }
  body.dark-mode .unblockPin .form-group .group-inner .label-1 {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .unblockPin .form-group .group-inner .select-1 .dk-selected {
    border-color: #464646;
    background-color: #2d2c2c;
    border: 1px solid #464646; }
  body.dark-mode .s-widget-zone.turnover-dashboard .see-all-transactions {
    border-color: #464646; }
  body.dark-mode .user-account-card-left-col {
    border-color: #464646; }
  body.dark-mode .user-chart-info .user-chart-info-text p.page-text-2 {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .AccountSlider .accountSliderSw-switch.active-2 span:last-child {
    color: #52AE30; }
  body.dark-mode .AccountSlider .accountSliderSw-switch.active-1 span:first-child {
    color: #52AE30; }
  body.dark-mode .rateData .popup-ammount-ico-wrapper {
    background-image: url(images/icons/ic_detalji_naloga_white@2x.png); }
  body.dark-mode .OrderPackageReportCorporate .form-submit-btn-ico,
  body.dark-mode .OrdersFromOrderPackagesListCorporate .form-submit-btn-ico,
  body.dark-mode .LoanRepaymentsCorporate .form-submit-btn-ico {
    stroke: #fff; }
  body.dark-mode .ui-dialog.no-yes-dialog.LoginErrorDialog.ui-widget-content .ui-dialog-buttonset button:nth-child(1):hover {
    box-shadow: none; }
  body.dark-mode .personal-data-settings .accOfficer .custom-radio-button.default-acc-rb {
    background: #2d2c2c;
    border-color: #464646; }
    body.dark-mode .personal-data-settings .accOfficer .custom-radio-button.default-acc-rb p {
      color: #fff; }
  body.dark-mode .personal-data-settings .accOfficer .custom-radio-button.no-default-ips {
    border-color: #464646;
    background-color: #2d2c2c;
    border: 1px solid #464646; }
    body.dark-mode .personal-data-settings .accOfficer .custom-radio-button.no-default-ips .text-color-10 {
      color: #fff; }
  body.dark-mode .personal-data-settings .accOfficer .custom-radio-button .checkmark {
    background-color: #464646;
    border-color: #707070;
    box-shadow: none; }
  body.dark-mode .personal-settings-tab .accOfficer .text-color-10 {
    color: #fff; }
  body.dark-mode .my-account-main-form-wrapper .accOfficer .btn-wrapper button[disabled] {
    background: #464646;
    cursor: no-drop; }
  body.dark-mode .paymentCodebookDialog .beneficiaries-filter-menu-wrapper-inner .group-inner.transaction-filter-box label {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .paymentCodebookDialog .account-statements-info:hover {
    background-color: #2d2c2c; }

.search_area {
  width: 100%;
  height: 79px;
  position: relative;
  max-width: 260px; }
  .search_area .input-1 {
    height: 48px;
    font-family: "Mark-Regular", sans-serif;
    font-size: 16px;
    border: 2px solid transparent;
    border-radius: 8px;
    background-color: #f3f3f3;
    color: primary-color;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 6px;
    padding: 0 52px; }
  .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: 24px;
    height: 24px;
    top: 13px;
    left: 15px; }

.colorYellow {
  background-color: yellow;
  padding: 0 !important; }

.user-intro-section-profile-box.companyInfo {
  border: none;
  border-radius: 8px;
  width: auto;
  cursor: default;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.1);
  padding: 2px 16px 3px;
  min-height: 42px;
  align-content: center;
  height: auto;
  line-height: 1.25; }
  .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: bold;
      font-size: 14px;
      font-family: "Mark-Regular", sans-serif; }

.default-button.inverted {
  background-color: #d20000;
  color: #fff;
  border: 2px solid #ffffff;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-item: center;
  max-height: 22px; }
  .default-button.inverted:hover {
    background-color: #fff;
    color: #d20000; }
  .default-button.inverted .icon {
    width: 20px;
    max-height: 22px; }

.default-button.small {
  padding: 9px 11px;
  margin: 0 8px;
  margin-left: 12px; }

.default-button {
  position: relative;
  padding: 14px 16px 14px 44px;
  background-color: #d20000;
  color: #fff;
  border-radius: 8px;
  font-family: Mark-Medium;
  font-size: 16px;
  line-height: 1;
  transition: background-color .3s;
  border: 2px solid transparent;
  cursor: pointer; }

.ui-dialog.no-yes-dialog.languageSelectDialog,
.ui-dialog.LogoutDialog {
  width: 468px !important;
  max-width: 468px;
  padding: 32px !important; }
  .ui-dialog.no-yes-dialog.languageSelectDialog .all-account-popup-title,
  .ui-dialog.LogoutDialog .all-account-popup-title {
    padding: 0px !important;
    margin-bottom: 24px !important; }
    .ui-dialog.no-yes-dialog.languageSelectDialog .all-account-popup-title h3,
    .ui-dialog.LogoutDialog .all-account-popup-title h3 {
      font-size: 18px;
      margin: 0; }
  .ui-dialog.no-yes-dialog.languageSelectDialog .all-account-close,
  .ui-dialog.LogoutDialog .all-account-close {
    top: 4px !important;
    right: 4px !important; }
  .ui-dialog.no-yes-dialog.languageSelectDialog .ui-dialog-titlebar,
  .ui-dialog.LogoutDialog .ui-dialog-titlebar {
    display: none; }

.languageSelectDialog .page-text {
  margin-bottom: unset; }

.languageSelectDialog {
  width: 500px !important;
  height: 200px !important; }
  .languageSelectDialog .inner-content-dialog {
    height: 300px; }
  .languageSelectDialog .profile-popup-options-ico-box {
    width: 40px;
    height: 40px;
    left: 0;
    top: 53%;
    display: grid;
    place-items: center;
    color: #888; }
  .languageSelectDialog .popup-profile-options .page-text {
    width: -webkit-calc(100% - 130px);
    width: calc(100% - 130px);
    padding-left: 16px;
    padding-right: 50px; }
  .languageSelectDialog .popup-profile-options:hover {
    background-color: rgba(238, 197, 144, 0.3);
    border-radius: 8px; }
  .languageSelectDialog .profile-text-arrow {
    margin-right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 6px;
    height: 10px;
    fill: #d20000;
    stroke: #d20000;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s,-webkit-transform .5s;
    cursor: pointer; }
  .languageSelectDialog .background-2 {
    background-color: #fff; }
  .languageSelectDialog .ui-dialog-buttonpane {
    margin: 0 !important;
    margin-top: 32px;
    padding-top: 0px; }
    .languageSelectDialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
      border-radius: 8px !important;
      background-color: #f3f3f3 !important;
      color: #121212 !important;
      border: none !important;
      font-family: "Mark-Medium", sans-serif !important;
      font-size: 18px !important;
      width: unset !important;
      padding: 14px 16px !important; }

.ui-dialog.accountEditSlider,
.ui-dialog.editCardName {
  max-width: 420px;
  width: 420px;
  transform: translateY(-70%) !important; }
  .ui-dialog.accountEditSlider .ui-dialog-titlebar span,
  .ui-dialog.editCardName .ui-dialog-titlebar span {
    color: #121212;
    font-family: "Mark-Bold", sans-serif !important;
    font-size: 18px !important;
    margin-bottom: 16px;
    margin-top: 0px !important;
    text-align: left !important; }
  .ui-dialog.accountEditSlider .ui-dialog-titlebar:before,
  .ui-dialog.editCardName .ui-dialog-titlebar:before {
    display: none; }
  .ui-dialog.accountEditSlider .ui-dialog-content p.page-text,
  .ui-dialog.editCardName .ui-dialog-content p.page-text {
    margin-bottom: 24px;
    font-size: 16px;
    color: #121212; }
  .ui-dialog.accountEditSlider .ui-dialog-content .group-inner,
  .ui-dialog.editCardName .ui-dialog-content .group-inner {
    margin-bottom: 0px;
    width: 100%; }
    .ui-dialog.accountEditSlider .ui-dialog-content .group-inner .label-1,
    .ui-dialog.editCardName .ui-dialog-content .group-inner .label-1 {
      font-family: "Mark-Medium", sans-serif;
      font-size: 14px;
      line-height: 1.42;
      color: #666;
      margin-bottom: 8px;
      padding: 0px;
      font-weight: normal; }
    .ui-dialog.accountEditSlider .ui-dialog-content .group-inner .input-wrap input.input-1,
    .ui-dialog.accountEditSlider .ui-dialog-content .group-inner .input-wrap input.input-change-name,
    .ui-dialog.editCardName .ui-dialog-content .group-inner .input-wrap input.input-1,
    .ui-dialog.editCardName .ui-dialog-content .group-inner .input-wrap input.input-change-name {
      padding: 0px 12px;
      border: 2px solid transparent;
      border-radius: 8px;
      background-color: #F3F3F3;
      font-size: 16px;
      line-height: 1.5;
      font-family: "Mark-Regular", sans-serif;
      height: 48px;
      margin-bottom: 6px; }
    .ui-dialog.accountEditSlider .ui-dialog-content .group-inner .input-wrap .input-change-name:focus,
    .ui-dialog.editCardName .ui-dialog-content .group-inner .input-wrap .input-change-name:focus {
      border: 2px solid #121212 !important; }
    .ui-dialog.accountEditSlider .ui-dialog-content .group-inner .input-wrap.inputDialog .input-1:focus,
    .ui-dialog.editCardName .ui-dialog-content .group-inner .input-wrap.inputDialog .input-1:focus {
      border: 2px solid #121212 !important; }
  .ui-dialog.accountEditSlider .ui-dialog-buttonpane .ui-dialog-buttonset,
  .ui-dialog.editCardName .ui-dialog-buttonpane .ui-dialog-buttonset {
    width: 50%; }
    .ui-dialog.accountEditSlider .ui-dialog-buttonpane .ui-dialog-buttonset button,
    .ui-dialog.editCardName .ui-dialog-buttonpane .ui-dialog-buttonset button {
      padding: 14px 16px; }
      .ui-dialog.accountEditSlider .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(1),
      .ui-dialog.editCardName .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(1) {
        background-color: #F3F3F3;
        color: #121212; }
        .ui-dialog.accountEditSlider .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(1):hover,
        .ui-dialog.editCardName .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(1):hover {
          background-color: #e6e6e6; }
      .ui-dialog.accountEditSlider .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(2),
      .ui-dialog.editCardName .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(2) {
        background-color: #d20000;
        color: #FFFFFF; }
        .ui-dialog.accountEditSlider .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(2):hover,
        .ui-dialog.editCardName .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(2):hover {
          background-color: #b4000; }

.ui-dialog.LogoutDialog {
  padding: 32px !important;
  max-width: 436px !important;
  min-width: 436px !important; }
  .ui-dialog.LogoutDialog .logoutDialog {
    max-height: 180px !important;
    min-height: 180px !important; }
    .ui-dialog.LogoutDialog .logoutDialog .all-account-popup-title {
      margin-bottom: 16px !important; }
    .ui-dialog.LogoutDialog .logoutDialog p.page-text {
      color: #121212; }
    .ui-dialog.LogoutDialog .logoutDialog .popup-btns.two {
      width: 65%;
      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; }
      .ui-dialog.LogoutDialog .logoutDialog .popup-btns.two .btn-1.big {
        padding: 14px 16px;
        border-radius: 8px;
        background-color: #d20000;
        font-family: "Mark-Medium", sans-serif;
        font-size: 16px;
        line-height: 1;
        transition: background-color .3s;
        border: 2px solid transparent;
        cursor: pointer;
        color: #FFFFFF;
        width: auto; }
        .ui-dialog.LogoutDialog .logoutDialog .popup-btns.two .btn-1.big.color-10 {
          margin-right: 13px;
          color: #121212;
          background-color: #f3f3f3; }
          .ui-dialog.LogoutDialog .logoutDialog .popup-btns.two .btn-1.big.color-10:hover {
            background-color: #e6e6e6; }
        .ui-dialog.LogoutDialog .logoutDialog .popup-btns.two .btn-1.big.color-6 {
          display: flex; }
          .ui-dialog.LogoutDialog .logoutDialog .popup-btns.two .btn-1.big.color-6:hover {
            background-color: #b40000; }
          .ui-dialog.LogoutDialog .logoutDialog .popup-btns.two .btn-1.big.color-6 .icon {
            width: 20px;
            max-height: 22px;
            padding-right: 5px; }

.languageSelectDialog .page-text {
  font-weight: bold; }

.languageSelectDialog .popup-profile-options {
  position: relative; }
  .languageSelectDialog .popup-profile-options .profile-text-arrow {
    position: absolute;
    right: 10px;
    top: 50%; }

.lang.sr-Latn-CS {
  background-image: url(images/lang-icons/srb.png);
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%; }

.lang.en-US {
  background-image: url(images/lang-icons/flag.png);
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%; }

body:not(.LanguageLogout) .languagesContainer {
  display: none; }

.selectLegalEntityDialog .modal-wrap .modal-title,
.accountsList .modal-wrap .modal-title {
  text-align: left;
  padding: 0 12px;
  margin-bottom: 24px;
  font-size: 18px;
  font-family: "Mark-Bold", sans-serif; }
  .selectLegalEntityDialog .modal-wrap .modal-title:before,
  .accountsList .modal-wrap .modal-title:before {
    display: none; }

.selectLegalEntityDialog .modal-wrap .modal-inner,
.accountsList .modal-wrap .modal-inner {
  margin-bottom: 32px;
  max-height: 309px;
  min-height: 309px; }
  .selectLegalEntityDialog .modal-wrap .modal-inner .company-boxes-wrap,
  .selectLegalEntityDialog .modal-wrap .modal-inner .accounts-boxes-wrap,
  .accountsList .modal-wrap .modal-inner .company-boxes-wrap,
  .accountsList .modal-wrap .modal-inner .accounts-boxes-wrap {
    padding: 0; }
    .selectLegalEntityDialog .modal-wrap .modal-inner .company-boxes-wrap .company-box.checked .radio-container,
    .selectLegalEntityDialog .modal-wrap .modal-inner .accounts-boxes-wrap .company-box.checked .radio-container,
    .accountsList .modal-wrap .modal-inner .company-boxes-wrap .company-box.checked .radio-container,
    .accountsList .modal-wrap .modal-inner .accounts-boxes-wrap .company-box.checked .radio-container {
      background-color: #d20000 !important;
      border: 1px solid transparent !important; }
    .selectLegalEntityDialog .modal-wrap .modal-inner .company-boxes-wrap .company-box .radio-button-wrapper,
    .selectLegalEntityDialog .modal-wrap .modal-inner .accounts-boxes-wrap .company-box .radio-button-wrapper,
    .accountsList .modal-wrap .modal-inner .company-boxes-wrap .company-box .radio-button-wrapper,
    .accountsList .modal-wrap .modal-inner .accounts-boxes-wrap .company-box .radio-button-wrapper {
      position: absolute;
      top: 50%;
      left: 16px;
      transform: translateY(-50%);
      overflow: hidden;
      text-align: center; }
      .selectLegalEntityDialog .modal-wrap .modal-inner .company-boxes-wrap .company-box .radio-button-wrapper .radio-container,
      .selectLegalEntityDialog .modal-wrap .modal-inner .accounts-boxes-wrap .company-box .radio-button-wrapper .radio-container,
      .accountsList .modal-wrap .modal-inner .company-boxes-wrap .company-box .radio-button-wrapper .radio-container,
      .accountsList .modal-wrap .modal-inner .accounts-boxes-wrap .company-box .radio-button-wrapper .radio-container {
        height: 16px;
        width: 16px;
        border: 1px solid #888888;
        background-color: #FFFFFF;
        border-radius: 50%;
        display: block;
        /*&.checked {
                                background: #d20000;
                                border: 1px solid transparent;
                            }*/ }
        .selectLegalEntityDialog .modal-wrap .modal-inner .company-boxes-wrap .company-box .radio-button-wrapper .radio-container .radio-input,
        .selectLegalEntityDialog .modal-wrap .modal-inner .accounts-boxes-wrap .company-box .radio-button-wrapper .radio-container .radio-input,
        .accountsList .modal-wrap .modal-inner .company-boxes-wrap .company-box .radio-button-wrapper .radio-container .radio-input,
        .accountsList .modal-wrap .modal-inner .accounts-boxes-wrap .company-box .radio-button-wrapper .radio-container .radio-input {
          opacity: 0; }
        .selectLegalEntityDialog .modal-wrap .modal-inner .company-boxes-wrap .company-box .radio-button-wrapper .radio-container .checkmark,
        .selectLegalEntityDialog .modal-wrap .modal-inner .accounts-boxes-wrap .company-box .radio-button-wrapper .radio-container .checkmark,
        .accountsList .modal-wrap .modal-inner .company-boxes-wrap .company-box .radio-button-wrapper .radio-container .checkmark,
        .accountsList .modal-wrap .modal-inner .accounts-boxes-wrap .company-box .radio-button-wrapper .radio-container .checkmark {
          background-color: rebeccapurple; }
          .selectLegalEntityDialog .modal-wrap .modal-inner .company-boxes-wrap .company-box .radio-button-wrapper .radio-container .checkmark::after,
          .selectLegalEntityDialog .modal-wrap .modal-inner .accounts-boxes-wrap .company-box .radio-button-wrapper .radio-container .checkmark::after,
          .accountsList .modal-wrap .modal-inner .company-boxes-wrap .company-box .radio-button-wrapper .radio-container .checkmark::after,
          .accountsList .modal-wrap .modal-inner .accounts-boxes-wrap .company-box .radio-button-wrapper .radio-container .checkmark::after {
            content: '';
            position: absolute;
            top: 6px;
            left: 6px;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background-color: #fff;
            display: block; }
    .selectLegalEntityDialog .modal-wrap .modal-inner .company-boxes-wrap .company-box .company-box-col-1,
    .selectLegalEntityDialog .modal-wrap .modal-inner .accounts-boxes-wrap .company-box .company-box-col-1,
    .accountsList .modal-wrap .modal-inner .company-boxes-wrap .company-box .company-box-col-1,
    .accountsList .modal-wrap .modal-inner .accounts-boxes-wrap .company-box .company-box-col-1 {
      padding-left: 56px;
      width: 70%; }
    .selectLegalEntityDialog .modal-wrap .modal-inner .company-boxes-wrap .company-box .company-box-col-2,
    .selectLegalEntityDialog .modal-wrap .modal-inner .accounts-boxes-wrap .company-box .company-box-col-2,
    .accountsList .modal-wrap .modal-inner .company-boxes-wrap .company-box .company-box-col-2,
    .accountsList .modal-wrap .modal-inner .accounts-boxes-wrap .company-box .company-box-col-2 {
      width: 30%; }

.selectLegalEntityDialog .modal-wrap .popup-btns.two,
.accountsList .modal-wrap .popup-btns.two {
  width: 50%;
  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; }
  .selectLegalEntityDialog .modal-wrap .popup-btns.two .btn-1.big,
  .accountsList .modal-wrap .popup-btns.two .btn-1.big {
    padding: 14px 16px;
    border-radius: 8px;
    background-color: #d20000;
    font-family: "Mark-Medium", sans-serif;
    font-size: 16px;
    line-height: 1;
    transition: background-color .3s;
    border: 2px solid transparent;
    cursor: pointer;
    color: #FFFFFF; }
    .selectLegalEntityDialog .modal-wrap .popup-btns.two .btn-1.big.color-10,
    .accountsList .modal-wrap .popup-btns.two .btn-1.big.color-10 {
      margin-right: 13px;
      color: #121212;
      background-color: #f3f3f3; }
      .selectLegalEntityDialog .modal-wrap .popup-btns.two .btn-1.big.color-10:hover,
      .accountsList .modal-wrap .popup-btns.two .btn-1.big.color-10:hover {
        background-color: #e6e6e6; }
    .selectLegalEntityDialog .modal-wrap .popup-btns.two .btn-1.big.color-6,
    .accountsList .modal-wrap .popup-btns.two .btn-1.big.color-6 {
      display: flex; }
      .selectLegalEntityDialog .modal-wrap .popup-btns.two .btn-1.big.color-6:hover,
      .accountsList .modal-wrap .popup-btns.two .btn-1.big.color-6:hover {
        background-color: #b40000; }
      .selectLegalEntityDialog .modal-wrap .popup-btns.two .btn-1.big.color-6 .icon,
      .accountsList .modal-wrap .popup-btns.two .btn-1.big.color-6 .icon {
        width: 20px;
        max-height: 22px;
        padding-right: 5px; }

.accountsList .modal-wrap .modal-inner .accounts-boxes-wrap .company-box .company-box-col-1 {
  width: 65%; }

.accountsList .modal-wrap .modal-inner .accounts-boxes-wrap .company-box .company-box-col-2 {
  width: 35%; }

.active-lang-bg {
  position: absolute; }
  .active-lang-bg: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; }

.dropdown-checkmark-icon {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 15px; }

.error-dialog.LoginErrorDialog {
  max-height: 280px !important;
  min-height: 235px !important;
  max-width: 380px !important;
  min-width: 380px !important;
  padding: 24px !important; }
  .error-dialog.LoginErrorDialog:before {
    display: none; }
  .error-dialog.LoginErrorDialog .ui-dialog-titlebar {
    display: block;
    font-family: "Mark-Bold", sans-serif !important;
    font-size: 16px !important;
    padding: 0px;
    text-align: left;
    padding-left: 15px; }
    .error-dialog.LoginErrorDialog .ui-dialog-titlebar:before {
      display: none; }
  .error-dialog.LoginErrorDialog .ui-dialog-content {
    text-align: left !important;
    font-family: "Mark-Regular", sans-serif !important;
    font-size: 13px !important; }
    .error-dialog.LoginErrorDialog .ui-dialog-content p.first {
      font-family: "Mark-Regular", sans-serif; }
    .error-dialog.LoginErrorDialog .ui-dialog-content p.second {
      font-family: "Mark-Bold", sans-serif !important; }
  .error-dialog.LoginErrorDialog .ui-dialog-buttonpane {
    margin: 0 !important;
    padding-top: 0px !important; }
    .error-dialog.LoginErrorDialog .ui-dialog-buttonpane .ui-button {
      background-color: #d20000 !important;
      color: #fff !important;
      border-radius: 8px !important;
      width: auto !important; }
      .error-dialog.LoginErrorDialog .ui-dialog-buttonpane .ui-button:hover {
        background-color: #d40000; }

.page-title-wrapper-forTabs.page-title-wrapper {
  display: none !important; }

.CreditorTemplateManaging {
  margin-top: 30px; }
  .CreditorTemplateManaging .s-widget-header {
    display: none; }
  .CreditorTemplateManaging .account-statements-info-wrapper .account-statements-filter-inner {
    width: 100%; }
    .CreditorTemplateManaging .account-statements-info-wrapper .account-statements-filter-inner .payment-filter .payment-filter-box .page-text-2 {
      font-size: 14px; }
    .CreditorTemplateManaging .account-statements-info-wrapper .account-statements-filter-inner .payment-filter .payment-filter-box:first-child {
      width: 15%;
      padding-left: 142px; }
    .CreditorTemplateManaging .account-statements-info-wrapper .account-statements-filter-inner .payment-filter .payment-filter-box:nth-child(2) {
      width: 13%;
      padding-left: 50px; }
    .CreditorTemplateManaging .account-statements-info-wrapper .account-statements-filter-inner .payment-filter .payment-filter-box:nth-child(3) {
      width: 51.5%;
      padding-left: 25px; }
    .CreditorTemplateManaging .account-statements-info-wrapper .account-statements-filter-inner .payment-filter .payment-filter-box .part-checkbox {
      width: calc(100% * 1/5); }
    .CreditorTemplateManaging .account-statements-info-wrapper .account-statements-filter-inner .payment-filter .payment-filter-box .checkboxCustom .checkbox-save .checkmark {
      position: absolute;
      top: 8px;
      left: 30px;
      height: 14px;
      width: 14px;
      border: 1px solid #888888;
      border-radius: 4px;
      transition: background-color .3s; }
    .CreditorTemplateManaging .account-statements-info-wrapper .account-statements-filter-inner .account-statement-info-inner .account-statements-info {
      padding: 12px 20px 12px 22px; }
      .CreditorTemplateManaging .account-statements-info-wrapper .account-statements-filter-inner .account-statement-info-inner .account-statements-info .part-checkbox {
        width: calc(100% * 1/50); }
        .CreditorTemplateManaging .account-statements-info-wrapper .account-statements-filter-inner .account-statement-info-inner .account-statements-info .part-checkbox .checkboxCustom .checkbox-save .checkmark {
          position: absolute;
          top: 38%;
          left: 30px;
          height: 14px;
          width: 14px;
          border: 1px solid #888888;
          border-radius: 4px;
          transition: background-color .3s; }
      .CreditorTemplateManaging .account-statements-info-wrapper .account-statements-filter-inner .account-statement-info-inner .account-statements-info .payments-ico {
        position: relative;
        width: 24px;
        height: 24px;
        border-radius: 4px;
        background-color: #f3f3f3;
        -web-kit-transition: all 0.5s;
        transition: all 0.5s;
        margin-right: 15px; }
        .CreditorTemplateManaging .account-statements-info-wrapper .account-statements-filter-inner .account-statement-info-inner .account-statements-info .payments-ico img {
          border-radius: 4px; }
      .CreditorTemplateManaging .account-statements-info-wrapper .account-statements-filter-inner .account-statement-info-inner .account-statements-info .group-inner.templateName {
        padding-left: 25px;
        width: 14%;
        margin-bottom: 0; }
        .CreditorTemplateManaging .account-statements-info-wrapper .account-statements-filter-inner .account-statement-info-inner .account-statements-info .group-inner.templateName label {
          max-width: 250px;
          overflow-wrap: anywhere;
          text-wrap: wrap; }
      .CreditorTemplateManaging .account-statements-info-wrapper .account-statements-filter-inner .account-statement-info-inner .account-statements-info .group-inner.creditorName {
        padding-left: 25px;
        width: 14%;
        margin-bottom: 0; }
        .CreditorTemplateManaging .account-statements-info-wrapper .account-statements-filter-inner .account-statement-info-inner .account-statements-info .group-inner.creditorName label {
          max-width: 250px;
          overflow-wrap: anywhere;
          text-wrap: wrap; }
      .CreditorTemplateManaging .account-statements-info-wrapper .account-statements-filter-inner .account-statement-info-inner .account-statements-info .account-statement-pdf-download {
        width: 51.5%; }
        .CreditorTemplateManaging .account-statements-info-wrapper .account-statements-filter-inner .account-statement-info-inner .account-statements-info .account-statement-pdf-download .dot-menu-text-wrapper {
          right: 15px; }
          .CreditorTemplateManaging .account-statements-info-wrapper .account-statements-filter-inner .account-statement-info-inner .account-statements-info .account-statement-pdf-download .dot-menu-text-wrapper .pdf-download {
            padding: 8px 13px 8px 13px;
            background-color: #d20000;
            color: #fff;
            border-radius: 8px;
            font-family: "Mark-Medium", sans-serif;
            font-size: 16px;
            line-height: 1;
            transition: background-color .3s;
            border: 2px solid transparent;
            text-wrap: nowrap;
            cursor: pointer;
            fill: #ffffff; }
            .CreditorTemplateManaging .account-statements-info-wrapper .account-statements-filter-inner .account-statement-info-inner .account-statements-info .account-statement-pdf-download .dot-menu-text-wrapper .pdf-download:hover {
              background-color: #b40000; }
  .CreditorTemplateManaging .payment-filter-ico {
    top: 8px; }
  .CreditorTemplateManaging .payment-filter-box .page-text-2 {
    margin-bottom: 20px; }
  .CreditorTemplateManaging .payment-filter-box .checkboxCustom .checkbox-save .checkmark {
    top: 6px; }
  .CreditorTemplateManaging .dk-select {
    font-size: 15px;
    cursor: pointer; }
    .CreditorTemplateManaging .dk-select.select-1 {
      position: relative; }
      .CreditorTemplateManaging .dk-select.select-1:after {
        content: "";
        display: block;
        width: 9px;
        height: 40px;
        position: absolute;
        top: 0;
        right: 18px;
        background-size: 9px;
        z-index: 4; }
  .CreditorTemplateManaging .dk-selected {
    padding: 11px 35px 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: 1;
    transform: translate(3px, 6px); }
    .CreditorTemplateManaging .dk-selected:before {
      content: '';
      display: block; }
  .CreditorTemplateManaging .dk-option {
    padding: 10px 18px;
    color: #000000;
    background: transparent;
    transition: background-color .3s;
    border-bottom: 1px solid transparent; }
  .CreditorTemplateManaging .dk-select-options {
    position: absolute;
    display: none;
    left: 0;
    right: 0;
    width: 100% !important;
    padding-top: 33px;
    top: 11px;
    z-index: 3;
    border-radius: 15px;
    background-color: white;
    list-style: none;
    margin: 0;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12); }
    .CreditorTemplateManaging .dk-select-options.active {
      display: block !important; }
  .CreditorTemplateManaging .dk-selected {
    transform: none !important;
    z-index: 4; }
  .CreditorTemplateManaging .pager .numberOfTransaction .dk-select .dk-selected span:after {
    content: "";
    display: block;
    width: 9px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -20px;
    background: url(images/icons/arrows-1.png) 50% no-repeat;
    background-size: 9px; }
  .CreditorTemplateManaging .pager .numberOfTransaction .dk-select .dk-select-options {
    border-radius: 8px;
    background-color: #fff;
    font-family: "Mark-Medium", sans-serif;
    font-size: 14px; }
    .CreditorTemplateManaging .pager .numberOfTransaction .dk-select .dk-select-options .dk-option {
      display: flex; }
      .CreditorTemplateManaging .pager .numberOfTransaction .dk-select .dk-select-options .dk-option:last-child {
        padding-bottom: 15px; }
      .CreditorTemplateManaging .pager .numberOfTransaction .dk-select .dk-select-options .dk-option:hover {
        color: #d20000; }
      .CreditorTemplateManaging .pager .numberOfTransaction .dk-select .dk-select-options .dk-option .dropdown-checkmark-icon {
        display: none; }
      .CreditorTemplateManaging .pager .numberOfTransaction .dk-select .dk-select-options .dk-option-selected {
        color: #d20000; }
        .CreditorTemplateManaging .pager .numberOfTransaction .dk-select .dk-select-options .dk-option-selected .dropdown-checkmark-icon {
          display: block;
          right: 10px; }
    .CreditorTemplateManaging .pager .numberOfTransaction .dk-select .dk-select-options.active {
      padding-top: 0;
      max-height: 120px;
      overflow-y: auto;
      top: 5px;
      z-index: 6; }

.right-dialog.details-dialog.commissionDialog {
  padding: 32px;
  border-radius: 16px;
  top: 20%; }
  .right-dialog.details-dialog.commissionDialog .accountDetailsPopup .all-account-popup-title {
    margin-bottom: 16px; }
    .right-dialog.details-dialog.commissionDialog .accountDetailsPopup .all-account-popup-title h3 {
      color: #121212;
      font-size: 18px;
      font-family: "Mark-Bold", sans-serif; }
  .right-dialog.details-dialog.commissionDialog .accountDetailsPopup .account-item-inner {
    height: unset !important; }
    .right-dialog.details-dialog.commissionDialog .accountDetailsPopup .account-item-inner .optiscroll-content .transaction-popup-details-options-wrapper p {
      font-size: 16px;
      margin-bottom: 32px;
      font-family: "Mark-Regular", sans-serif; }
    .right-dialog.details-dialog.commissionDialog .accountDetailsPopup .account-item-inner .optiscroll-content .transaction-popup-details-wrapper {
      margin-bottom: 32px; }
    .right-dialog.details-dialog.commissionDialog .accountDetailsPopup .account-item-inner .optiscroll-content .popup-btn-wrapper .btn-2:first-child {
      margin-right: 13px;
      background-color: #F3F3F3;
      color: #121212; }
      .right-dialog.details-dialog.commissionDialog .accountDetailsPopup .account-item-inner .optiscroll-content .popup-btn-wrapper .btn-2:first-child:hover {
        background-color: #E6E6E6; }
    .right-dialog.details-dialog.commissionDialog .accountDetailsPopup .account-item-inner .optiscroll-content .popup-btn-wrapper .btn-2:second-child {
      background-color: #d20000;
      color: #FFFFFF; }
      .right-dialog.details-dialog.commissionDialog .accountDetailsPopup .account-item-inner .optiscroll-content .popup-btn-wrapper .btn-2:second-child:hover {
        background-color: #b40000; }

.SMSDialog {
  transform: translateY(20%) !important; }
  .SMSDialog .ui-dialog-titlebar {
    margin-bottom: 16px; }
    .SMSDialog .ui-dialog-titlebar span {
      font-size: 18px;
      font-family: "Mark-Bold", sans-serif; }
  .SMSDialog .ui-dialog-content .modal-wrap .modal-inner p {
    margin-bottom: 32px; }
  .SMSDialog #SMSmessageDialog .modal-two-cta {
    padding-top: 0px;
    max-width: unset; }
    .SMSDialog #SMSmessageDialog .modal-two-cta .btn-1.color-2 {
      background-color: #F3F3F3;
      color: #121212;
      border-radius: 8px; }
      .SMSDialog #SMSmessageDialog .modal-two-cta .btn-1.color-2:hover {
        background-color: #E6E6E6; }
    .SMSDialog #SMSmessageDialog .modal-two-cta .btn-1.color-1 {
      background-color: #d20000;
      color: #FFFFFF;
      border-radius: 8px; }
      .SMSDialog #SMSmessageDialog .modal-two-cta .btn-1.color-1:hover {
        background-color: #b40000; }
    .SMSDialog #SMSmessageDialog .modal-two-cta .gropu-inner {
      width: unset; }
    .SMSDialog #SMSmessageDialog .modal-two-cta .btn-1:first-child {
      margin-right: 16px; }

.CrontoTokenList {
  padding-top: 100px; }

.details-dialog.paymentSuccess {
  border-radius: 16px !important;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.16);
  padding: 32px !important;
  max-width: 350px !important;
  max-height: 350px !important;
  width: -webkit-calc(100% - 40px) !important;
  width: calc(100% - 40px) !important;
  background-color: #EFEFEF !important;
  color: #121212 !important;
  border: none !important;
  background: #FFFFFF !important;
  transform: translateY(-50%) !important;
  min-height: 290px; }
  .details-dialog.paymentSuccess .transaction-popup-detail {
    padding-right: 30px; }
  .details-dialog.paymentSuccess #accountBalanceDomesticTemplate {
    height: 290px; }
    .details-dialog.paymentSuccess #accountBalanceDomesticTemplate .read-messages-list {
      max-height: 300px !important;
      min-height: 300px !important; }
      .details-dialog.paymentSuccess #accountBalanceDomesticTemplate .read-messages-list a {
        color: #121212 !important; }
      .details-dialog.paymentSuccess #accountBalanceDomesticTemplate .read-messages-list .accounr-item-inner {
        height: 235px; }
      .details-dialog.paymentSuccess #accountBalanceDomesticTemplate .read-messages-list .account-inter-inner-scroll {
        height: 170px; }
        .details-dialog.paymentSuccess #accountBalanceDomesticTemplate .read-messages-list .account-inter-inner-scroll .popup-ammount-wrapper {
          margin-right: 0;
          margin-bottom: 0px !important; }
          .details-dialog.paymentSuccess #accountBalanceDomesticTemplate .read-messages-list .account-inter-inner-scroll .popup-ammount-wrapper .popup-ammount-ico-wrapper {
            width: 48px;
            height: 48px;
            margin: 0 auto 22px; }
          .details-dialog.paymentSuccess #accountBalanceDomesticTemplate .read-messages-list .account-inter-inner-scroll .popup-ammount-wrapper .request-sent-img {
            max-width: 48px;
            height: 48px;
            background: url("images/icons/req-sent.png") no-repeat center;
            background-size: contain; }
          .details-dialog.paymentSuccess #accountBalanceDomesticTemplate .read-messages-list .account-inter-inner-scroll .popup-ammount-wrapper .request-error-img {
            max-width: 48px;
            height: 48px;
            background: url("images/icons/req-error.png") no-repeat center;
            background-size: contain; }
          .details-dialog.paymentSuccess #accountBalanceDomesticTemplate .read-messages-list .account-inter-inner-scroll .popup-ammount-wrapper h3 {
            color: #121212;
            font-size: 18px;
            margin-bottom: 16px;
            font-family: "Mark-Bold", sans-serif;
            width: 100%; }
          .details-dialog.paymentSuccess #accountBalanceDomesticTemplate .read-messages-list .account-inter-inner-scroll .popup-ammount-wrapper p {
            margin-bottom: 32px;
            font-size: 16px;
            text-align: center;
            font-family: "Mark-Regular", sans-serif;
            margin-bottom: 0px !important; }
    .details-dialog.paymentSuccess #accountBalanceDomesticTemplate .popup-btn-wrapper {
      width: 100%;
      padding-top: 0px !important; }
      .details-dialog.paymentSuccess #accountBalanceDomesticTemplate .popup-btn-wrapper .btn-2.backToHome {
        background-color: #F3F3F3;
        color: #121212;
        border-radius: 8px;
        font-family: "Mark-Medium", sans-serif;
        line-height: 1;
        font-size: 16px;
        transition: background-color .3s;
        border: 2px solid transparent;
        text-wrap: no-wrap;
        cursor: pointer;
        box-shadow: none; }
        .details-dialog.paymentSuccess #accountBalanceDomesticTemplate .popup-btn-wrapper .btn-2.backToHome:hover {
          background-color: #E6E6E6; }
  .details-dialog.paymentSuccess .accountDetailsPopup .popup-ammount-wrapper {
    flex-wrap: wrap; }
  .details-dialog.paymentSuccess .ui-dialog-titlebar {
    background: transparent;
    border: none;
    text-align: center;
    font-family: "Mark-Regular", sans-serif;
    color: #121212;
    font-weight: normal;
    font-size: 20px; }
    .details-dialog.paymentSuccess .ui-dialog-titlebar:before {
      /*content: "";
                width: 40px;
                height: 6px;
                background: #0a79b8;
                border-radius: 4px;
                position: absolute;
                top: -15px;
                left: 50%;
                margin-left: -20px;*/
      display: none; }
    .details-dialog.paymentSuccess .ui-dialog-titlebar span {
      margin-bottom: 30px;
      font-family: "Mark-Regular", sans-serif;
      font-size: 24px;
      text-align: center !important;
      float: none !important;
      white-space: break-spaces;
      display: none; }
  .details-dialog.paymentSuccess .ui-dialog-titlebar-close {
    display: none; }
  .details-dialog.paymentSuccess .ui-dialog-buttonpane {
    border-top: none !important;
    padding: 0 !important;
    margin-top: 0px !important; }
    .details-dialog.paymentSuccess .ui-dialog-buttonpane .ui-dialog-buttonset {
      float: none !important; }
      .details-dialog.paymentSuccess .ui-dialog-buttonpane .ui-dialog-buttonset button {
        width: 100%;
        margin: 0;
        display: inline-block;
        font-size: 15px;
        padding: 14px 28px;
        border: none !important;
        text-align: center;
        transition: background-color .5s;
        border-radius: 6px;
        font-family: "Source-Sans-Pro", 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;
                        }
                    }*/ }
        .details-dialog.paymentSuccess .ui-dialog-buttonpane .ui-dialog-buttonset button:hover {
          background-color: #fff;
          box-shadow: rgba(54, 60, 164, 0.4); }
  .details-dialog.paymentSuccess .ui-dialog-content {
    padding: 0; }
  .details-dialog.paymentSuccess input.smsCode {
    padding: 0;
    padding-left: 10px;
    width: 96%;
    transform: translateY(10px);
    margin-bottom: 25px; }
    .details-dialog.paymentSuccess input.smsCode.borderError {
      border: 1px solid red; }
  .details-dialog.paymentSuccess .active {
    border: 1px solid #d20000 !important; }
  .details-dialog.paymentSuccess .SMSmessage {
    margin-bottom: 20px;
    display: block;
    margin-top: -25px;
    font-family: "Source-Sans-Pro", sans-serif !important; }

/*$mark-reg: 'Mark-Regular';
$mark-med: 'Mark-Medium';
$mark-bold: 'Mark-Bold';
$mark-extrabold: 'Mark-ExtraBold';

$color-1: #121212;
$color-2: #ffffff;
$color-3: #888888;
$color-4: #D20000;
$color-5: #666666;
$color-6: #EEC590;
$color-7: #B40000;
$color-8: #F3F3F3; // #666666 => opacity - 8%
$color-9: #E6E6E6; // #666666 => opacity - 16%
$color-10: #D6D6D6; // #000000 => opacity - 16%
$color-11: #808191;
$color-12: #FAEEDE;
$color-13: #23C841;
$color-14: #F48A00;
$color-15: #FAEEDE; // #EEC590 => opacity - 30%*/
.datepicker-dropdown .datepicker-picker {
  padding: 24px;
  border-radius: 8px; }

.datepicker-dropdown .datepicker-controls {
  margin-bottom: 24px; }
  .datepicker-dropdown .datepicker-controls .prev-btn {
    background: url(images/left-calendar.png) center center no-repeat;
    background-position: center;
    max-width: 40px;
    min-width: 40px;
    height: 40px;
    background-color: #f3f3f3;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s; }
    .datepicker-dropdown .datepicker-controls .prev-btn:hover {
      background-color: #d6d6d6; }
  .datepicker-dropdown .datepicker-controls .next-btn {
    background: url("images/right-calendar.png") no-repeat;
    background-position: center;
    max-width: 40px;
    min-width: 40px;
    height: 40px;
    background-color: #f3f3f3;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s; }
    .datepicker-dropdown .datepicker-controls .next-btn:hover {
      background-color: #d6d6d6; }
  .datepicker-dropdown .datepicker-controls .view-switch {
    margin: 0 8px;
    border-radius: 8px;
    cursor: pointer;
    font-family: "Mark-Regular", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #121212;
    background-color: #f3f3f3;
    font-weight: 400;
    transition: background-color 0.3s;
    height: 40px; }
    .datepicker-dropdown .datepicker-controls .view-switch:hover {
      background-color: #d6d6d6; }

.datepicker-dropdown .datepicker-view {
  width: auto;
  min-width: 248px; }

.datepicker-dropdown .datepicker-footer {
  display: none; }

.datepicker-dropdown .datepicker-grid {
  justify-content: space-between;
  gap: 5px 30px; }
  .datepicker-dropdown .datepicker-grid .datepicker-cell {
    min-width: 30px;
    max-width: max-content;
    max-height: 30px;
    border-radius: 50%;
    line-height: 0.7;
    transition: background-color 0.3s; }
    .datepicker-dropdown .datepicker-grid .datepicker-cell.focused:not(.next):not(.prev) {
      /* Stilovi će se primeniti samo ako nemate klase 'next' ili 'prev' */
      background-color: #d20000;
      border-radius: 50%;
      color: #FFFFFF; }
    .datepicker-dropdown .datepicker-grid .datepicker-cell:hover, .datepicker-dropdown .datepicker-grid .datepicker-cell.focused:not(.selected) {
      background-color: #d20000;
      border-radius: 50%; }

.datepicker-dropdown .days-of-week {
  gap: 34px;
  margin-bottom: 12px; }
  .datepicker-dropdown .days-of-week .dow {
    min-width: 30px; }

.LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate {
  display: inline-block; }
  .LoanAnnuityPlanCorporate #gvLoanAnnuityPlanCorporate table {
    margin-bottom: 0px; }

.red {
  color: #d20000;
  font-family: "Mark-Bold", sans-serif; }

.orange {
  color: #f3b352;
  font-family: "Mark-Bold", sans-serif; }

.green {
  color: #23c841;
  font-family: "Mark-Bold", sans-serif; }

/*#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; }

@font-face {
  font-family: 'Mark-Regular';
  src: url("fonts/MarkPro-Book-AzMUyBOY.woff2") format("woff2"), url("fonts/MarkPro-Book-AzMUyBOY.woff2") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Mark-Bold';
  src: url("fonts/MarkPro-Bold-DPV5xY_z.woff2") format("woff2"), url("fonts/MarkPro-Bold-Cu2hzC23.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Mark-Medium';
  src: url("fonts/MarkPro-Medium-CVYnISBO.woff2") format("woff2"), url("fonts/MarkPro-Medium-rtEcXbwO.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Mark-ExtraBold';
  src: url("fonts/MarkPro-Heavy-bcVNZeMD.woff2") format("woff2"), url("fonts/MarkPro-Heavy-sbCzOrt5.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

/*#endregion fonts*/
/* colors */
.LoginCorporateV2 .login-form-col, .LoginBackgroundV2 .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"); }

.login-icons {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 20px;
  height: 22px;
  background-size: cover;
  cursor: pointer; }

.prelogin-button-icon {
  top: 12px;
  left: 12px;
  width: 20px;
  height: 22px;
  background-size: cover;
  cursor: pointer;
  padding-right: 5px; }

.LoginCorporateV2 .tech-support {
  display: block;
  text-align: center;
  margin-top: 10%;
  font-size: 15px;
  padding-left: 20%; }
  .LoginCorporateV2 .tech-support p {
    display: inline;
    cursor: pointer; }
  .LoginCorporateV2 .tech-support a {
    color: #52AE30;
    display: flex;
    font-size: 15px;
    cursor: unset; }

.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: space-between;
  width: 31.33%;
  background: #FFFFFF;
  min-height: 100vh;
  height: 100vh; }
  .LoginCorporateV2 .login-form-col .inner {
    width: 320px;
    max-width: 368px;
    padding-top: 0px;
    padding-bottom: 0px;
    height: auto;
    margin: 30px auto 30px; }
    .LoginCorporateV2 .login-form-col .inner .site-logo {
      background-image: url(images/logo/prelogin-logo.png);
      width: 248px;
      height: 156px;
      margin: 35px auto 25px;
      background-repeat: no-repeat;
      background-size: contain; }
    .LoginCorporateV2 .login-form-col .inner .login-form .custom-switch {
      display: flex;
      font-family: "Mark-Medium", sans-serif;
      font-size: 15px;
      background: #f3f3f3;
      border-radius: 8px;
      position: relative;
      margin-bottom: 56px; }
      .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: #FFFFFF;
        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: #121212; }
        .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: 15px;
        text-align: center;
        color: #666;
        padding: 4px 5px 4px 5px;
        transition: color 0.3s;
        cursor: pointer;
        position: relative; }
        .LoginCorporateV2 .login-form-col .inner .login-form .custom-switch span.active {
          color: #121212; }
    .LoginCorporateV2 .login-form-col .inner .login-form .login-title {
      margin-bottom: 40px; }
      .LoginCorporateV2 .login-form-col .inner .login-form .login-title h2 {
        font-family: "Mark-Bold", sans-serif;
        font-size: 50px;
        text-align: center;
        color: #121212;
        line-height: 1.25; }
      .LoginCorporateV2 .login-form-col .inner .login-form .login-title span {
        display: block;
        font-family: "Mark-Regular", sans-serif;
        font-size: 16px;
        margin-top: 6px;
        text-align: center; }
      .LoginCorporateV2 .login-form-col .inner .login-form .login-title .step-wrapper {
        text-align: center;
        margin-bottom: 20px; }
        .LoginCorporateV2 .login-form-col .inner .login-form .login-title .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%; }
          .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: 28px;
            height: 1px;
            top: 50%;
            left: -28px;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.54); }
          .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', 'sans-serif';
            font-size: 14px;
            line-height: 1;
            color: rgba(0, 0, 0, 0.54); }
          .LoginCorporateV2 .login-form-col .inner .login-form .login-title .step-wrapper .step-circle.active {
            background-color: #52ae30;
            border-color: #52ae30; }
            .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 .step-wrapper .step-circle.active::after {
            background-color: #52ae30; }
      .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 .forgot-pass {
      font-size: 15px;
      letter-spacing: -.02em;
      line-height: 20px;
      text-align: center;
      color: #121212;
      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: #d20000;
          text-decoration: underline;
          display: inline-block;
          font-size: 15px; }
    .LoginCorporateV2 .login-form-col .inner .login-form .form-group .group-inner {
      margin-bottom: 30px;
      width: 320px; }
      .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: "Mark-Medium", sans-serif;
        font-size: 14px;
        color: #666;
        padding: 0;
        margin-bottom: 6px;
        font-weight: normal; }
      .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: #121212;
          padding: 15px 35px 13px 60px;
          border: 1px solid transparent;
          background: #FFFFFF;
          border-radius: 25px;
          outline: none;
          position: relative;
          cursor: pointer;
          z-index: 21;
          box-sizing: border-box;
          height: 50px; }
          .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; }
          .LoginCorporateV2 .login-form-col .inner .login-form .form-group .group-inner .select-1 .dk-selected:after {
            content: "";
            display: block;
            width: 9px;
            height: 100%;
            position: absolute;
            top: 0;
            right: 15px;
            background: url(images/icons/arrows-1.png) 50% no-repeat;
            background-size: 9px; }
        .LoginCorporateV2 .login-form-col .inner .login-form .form-group .group-inner .select-1 .dk-select-options {
          width: 100%;
          position: absolute;
          top: 0;
          left: 0;
          background: #FFFFFF;
          border-top: 0;
          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: 25px;
          box-shadow: 0 8px 16px rgba(0, 0, 0, 0.23); }
          .LoginCorporateV2 .login-form-col .inner .login-form .form-group .group-inner .select-1 .dk-select-options .dk-option {
            padding: 16px;
            position: relative;
            padding-left: 60px;
            -webkit-transition: color .3s ease;
            transition: color .3s ease;
            cursor: pointer;
            font-family: "Source-Sans-Pro", sans-serif;
            font-size: 15px;
            color: #121212;
            text-align: left;
            background: transparent;
            border-top: 1px solid transparent;
            -webkit-transition: background .3s;
            transition: background .3s; }
            .LoginCorporateV2 .login-form-col .inner .login-form .form-group .group-inner .select-1 .dk-select-options .dk-option:first-child {
              border-top: 2px solid #d20000; }
            .LoginCorporateV2 .login-form-col .inner .login-form .form-group .group-inner .select-1 .dk-select-options .dk-option-selected {
              background-color: #FFFFFF;
              color: #121212; }
            .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 {
            background: url(images/icons/user-password-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 .select-1 .dk-select-options #dk0-2:before {
            background: url(images/icons/user-token-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 .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 .select-1 .dk-select-options.readers #dk0-1:before, .LoginCorporateV2 .login-form-col .inner .login-form .form-group .group-inner .select-1 .dk-select-options.readers #dk0-2:before, .LoginCorporateV2 .login-form-col .inner .login-form .form-group .group-inner .select-1 .dk-select-options.readers #dk0-3:before {
            background: none; }
      .LoginCorporateV2 .login-form-col .inner .login-form .form-group .group-inner .input-wrap {
        border-radius: 8px;
        -webkit-transition: border-color .3s;
        transition: border-color .3s;
        background: #f3f3f3;
        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: #121212; }
        .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: "Mark-Regular", sans-serif;
          font-size: 16px;
          text-align: left;
          color: #121212;
          padding: 0 12px 0 52px;
          border: 2px solid transparent;
          background: #f3f3f3;
          border-radius: 8px;
          line-height: 1.5;
          -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 .forgot-pass-wrapper {
      font-family: "Mark-Regular", sans-serif; }
      .LoginCorporateV2 .login-form-col .inner .login-form .forgot-pass-wrapper p {
        display: inline-block;
        margin-bottom: 40px; }
    .LoginCorporateV2 .login-form-col .inner .login-form .btn-1 {
      font-weight: 600;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 2px solid #FFFFFF;
      padding: 14px 20px;
      transition: background-color .3s; }
      .LoginCorporateV2 .login-form-col .inner .login-form .btn-1.color-1 {
        color: #FFFFFF;
        background: #d20000; }
        .LoginCorporateV2 .login-form-col .inner .login-form .btn-1.color-1:hover {
          background: #b40000; }
      .LoginCorporateV2 .login-form-col .inner .login-form .btn-1.btnUnblock {
        background: #FFFFFF;
        margin-top: 5%; }
        .LoginCorporateV2 .login-form-col .inner .login-form .btn-1.btnUnblock:hover {
          background: #FFFFFF; }
        .LoginCorporateV2 .login-form-col .inner .login-form .btn-1.btnUnblock span {
          color: #52AE30; }
    .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; }
      .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 .social-icons-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    width: 300px;
    padding-bottom: 56px;
    margin: 0 auto; }
    .LoginCorporateV2 .login-form-col .social-icons-wrapper .social-icons {
      width: 40px;
      height: 40px;
      position: relative;
      background-color: #f3f3f3;
      color: #121212;
      border: 2px solid #f3f3f3;
      border-radius: 8px;
      margin-right: 16px; }
      .LoginCorporateV2 .login-form-col .social-icons-wrapper .social-icons:hover {
        border: 2px solid #e6e6e6;
        background-color: #e6e6e6; }
    .LoginCorporateV2 .login-form-col .social-icons-wrapper .social-icons {
      width: 40px;
      height: 40px;
      position: relative;
      background-color: #f3f3f3;
      color: #121212;
      border: 2px solid #f3f3f3;
      border-radius: 8px;
      margin-right: 16px; }
      .LoginCorporateV2 .login-form-col .social-icons-wrapper .social-icons .social-svg-icon {
        width: 20px;
        height: 20px;
        fill: #121212;
        stroke: none; }
      .LoginCorporateV2 .login-form-col .social-icons-wrapper .social-icons .absolute-center {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .LoginCorporateV2 .login-form-col .social-icons-wrapper .social-icons:last-child {
        margin-right: 0; }
  .LoginCorporateV2 .login-form-col .copyright-wrapper {
    display: block;
    text-align: center;
    height: 75px; }
    .LoginCorporateV2 .login-form-col .copyright-wrapper a {
      color: #d20000;
      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: #121212;
      padding: 10px 0;
      padding-top: 40px;
      display: inline-block;
      margin-bottom: 15px; }

.LoginBackgroundV2 .login-promo-col {
  position: fixed;
  height: 100%;
  top: 0;
  right: 0;
  width: calc((100%) - 31.33%); }

.LoginBackgroundV2 .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; }
  .LoginBackgroundV2 .login-promo-main .img-wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
    .LoginBackgroundV2 .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: .5;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0; }
  .LoginBackgroundV2 .login-promo-main .content-inner {
    position: relative;
    padding-left: 40px;
    margin-left: 86px;
    padding-bottom: 18.5%;
    width: calc(100% - 134px); }
    .LoginBackgroundV2 .login-promo-main .content-inner h3 {
      font-family: "Mark-ExtraBold", sans-serif;
      line-height: 1.25;
      font-size: 64px;
      letter-spacing: -0.02em;
      text-align: left;
      color: #FFFFFF;
      max-width: 605px;
      margin-bottom: 24px !important; }
    .LoginBackgroundV2 .login-promo-main .content-inner p {
      max-width: 610px;
      font-family: "Mark-Regular", sans-serif;
      font-size: 20px;
      line-height: 1.5;
      text-align: left;
      color: #FFFFFF;
      margin-bottom: 48px; }
    .LoginBackgroundV2 .login-promo-main .content-inner .btn-1 {
      min-width: 120px;
      padding: 14px 16px 14px 14px;
      width: auto !important;
      max-width: 140px;
      transition: background-color .3s;
      background-color: #d20000;
      border: 2px solid transparent;
      border-radius: 8px;
      font-family: "Mark-Medium", sans-serif;
      font-size: 16px;
      line-height: 1; }
    .LoginBackgroundV2 .login-promo-main .content-inner a {
      display: flex; }
    .LoginBackgroundV2 .login-promo-main .content-inner .play-btn {
      display: inline-block;
      position: relative;
      padding-left: 65px; }
      .LoginBackgroundV2 .login-promo-main .content-inner .play-btn:hover span {
        transform: translateX(5px); }
      .LoginBackgroundV2 .login-promo-main .content-inner .play-btn:hover .play {
        transform: scale(1.2); }
      .LoginBackgroundV2 .login-promo-main .content-inner .play-btn:hover .path {
        animation: rotation 0.5s forwards; }
      .LoginBackgroundV2 .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; }
      .LoginBackgroundV2 .login-promo-main .content-inner .play-btn .play {
        width: 14px;
        height: 14px;
        fill: #FFFFFF;
        transform: scale(1);
        transition: transform 0.3s; }
      .LoginBackgroundV2 .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; }
      .LoginBackgroundV2 .login-promo-main .content-inner .play-btn .path {
        width: 136%;
        height: 136%;
        position: absolute;
        top: -18%;
        left: -18%; }
        .LoginBackgroundV2 .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); } }

.LoginNotices {
  position: relative; }

.NoticesSlider {
  position: absolute;
  bottom: 40px;
  right: 25px;
  width: calc(100vw - 33.33% - 35px);
  z-index: 1;
  border-radius: 8px !important; }
  .NoticesSlider .s-widget-body {
    padding: 0;
    bavkground-color: #d20000; }
  .NoticesSlider .slider-wrapper {
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 2px rgba(0, 0, 0, 0.16);
    border-radius: 16px;
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
    padding: 24px;
    max-width: 1350px;
    margin: 0 auto;
    position: relative;
    width: 85%;
    display: flex; }
    .NoticesSlider .slider-wrapper h3 {
      font-family: "Mark-Bold", sans-serif;
      font-size: 16px;
      line-height: 21px;
      color: #121212;
      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: #121212; }
    .NoticesSlider .slider-wrapper .date-time {
      font-weight: 600;
      font-size: 13px;
      line-height: 16px;
      margin-bottom: 20px;
      color: #121212; }
    .NoticesSlider .slider-wrapper p {
      font-size: 14px;
      line-height: 20px;
      margin-bottom: 0;
      font-family: "Mark-Regular", sans-serif; }
    .NoticesSlider .slider-wrapper a {
      font-size: 15px;
      letter-spacing: -0.02em;
      line-height: 20px;
      color: #d20000;
      display: block;
      text-align: left;
      padding-left: 15px; }
      .NoticesSlider .slider-wrapper a span {
        margin-right: 4px; }
      .NoticesSlider .slider-wrapper a svg {
        width: 8px;
        height: 8px;
        fill: #d20000;
        transform: translateX(0px);
        transition: transform 0.3s; }
    .NoticesSlider .slider-wrapper .readmore:hover svg {
      transform: translateX(5px); }
    .NoticesSlider .slider-wrapper .slider-wrapper_middle {
      height: 88px;
      width: 100%;
      border-left: none;
      border-right: none;
      overflow: hidden; }
      .NoticesSlider .slider-wrapper .slider-wrapper_middle .slider-area .slick-track .info-slide-text.slick-slide p {
        display: inline-block; }
      .NoticesSlider .slider-wrapper .slider-wrapper_middle .slider-area .slick-track .info-slide-text.slick-slide a {
        display: inline-block;
        text-decoration: underline; }
      .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;
      width: 123px; }
      .NoticesSlider .slider-wrapper .slider-wrapper_bottom .widget-options {
        float: left; }
        .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-color: #f3f3f3;
            border-radius: 8px;
            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;
            background-repeat: no-repeat;
            background-position: 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#nav-next {
            margin-right: 0; }
      .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 .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 white; }
          .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: #FFFFFF;
          transition: background-color 0.3s; }
          .NoticesSlider .slider-wrapper .slider-wrapper_bottom .social .filled:hover {
            background-color: rgba(255, 255, 255, 0.7); }
          .NoticesSlider .slider-wrapper .slider-wrapper_bottom .social .filled svg {
            width: 22px;
            height: 22px;
            stroke: #000000;
            transition: stroke 0.3s; }
          .NoticesSlider .slider-wrapper .slider-wrapper_bottom .social .filled .complaint-ico {
            background-image: url(images/icons/complaint-img.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 .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: #d20000; }
          .NoticesSlider .slider-wrapper .slider-wrapper_bottom .social .msgico svg {
            stroke: #FFFFFF; }
          .NoticesSlider .slider-wrapper .slider-wrapper_bottom .social .msgico:hover {
            background-color: rgba(210, 0, 0, 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: #ffffff;
      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: #52ae30; }

.support-dialog {
  border: none !important;
  overflow: visible !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  overflow-x: hidden; }
  .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:first-child p {
        padding-left: 16px; }
      .support-dialog .support-grid .support-block .cta #phn {
        font-family: "Mark-Regular", sans-serif;
        font-size: 23px;
        line-height: 1;
        letter-spacing: -.002em;
        color: #d20000; }
      .support-dialog .support-grid .support-block .cta-for-link {
        padding-top: 35px;
        text-align: left; }
      .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: #d20000; }
      .support-dialog .support-grid .support-block h4 {
        font-family: "Mark-Regular", sans-serif;
        font-size: 24px;
        letter-spacing: -0.02em;
        text-align: left;
        color: #121212;
        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: #d20000; }
      .support-dialog .support-grid .support-block .mailText {
        font-weight: 600;
        font-size: 15px;
        line-height: 22px;
        text-align: left;
        margin-bottom: 20px;
        color: #d20000;
        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: #121212;
        margin-bottom: 20px; }
        .support-dialog .support-grid .support-block p a {
          color: #d20000;
          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; }
  .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: #d20000;
      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: "Mark-Regular", 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: #F3F3F3;
    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: "Mark-Regular", sans-serif;
      font-size: 18px;
      letter-spacing: -0.02em;
      text-align: left;
      color: #121212;
      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: #d20000;
        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: #121212; }
    .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 {
  top: 24px;
  display: block !important;
  position: relative;
  margin-right: 24px; }
  .info-links p {
    margin-bottom: 5px;
    font-size: 16px; }

.info-links a {
  padding: 10px 19px 10px 15px;
  border-radius: 8px;
  background-color: #f3f3f3;
  line-height: 20px;
  font-weight: bold;
  font-size: 16px;
  height: 40px;
  line-height: 37px;
  margin-left: 5px;
  overflow: hidden;
  float: right;
  box-sizing: border-box;
  text-align: left;
  vertical-align: top;
  color: #121212;
  cursor: pointer; }

body.dark-mode .LoginBackgroundV2 .login-promo-main .content-inner .btn-1:hover {
  background: transparent; }

body.dark-mode .passVisibility.visiblePass {
  background-image: url(images/login/ic_hide.png);
  top: 17px; }

body.dark-mode .LoginCorporateV2 .login-form-col {
  background: #1c1a1a; }
  body.dark-mode .LoginCorporateV2 .login-form-col .inner .site-logo {
    background-image: url(images/logo/img_dark_logo_biznis_vertical@2x.png); }
  body.dark-mode .LoginCorporateV2 .login-form-col .inner .login-form .login-title h2 {
    color: #fff; }
  body.dark-mode .LoginCorporateV2 .login-form-col .inner .login-form .form-group .group-inner .label-1 {
    color: rgba(255, 255, 255, 0.7); }
  body.dark-mode .LoginCorporateV2 .login-form-col .inner .login-form .form-group .group-inner .input-wrap .input-1 {
    background-color: #2d2c2c !important;
    border-color: #464646;
    color: #fff !important; }
    body.dark-mode .LoginCorporateV2 .login-form-col .inner .login-form .form-group .group-inner .input-wrap .input-1:focus {
      border-color: #52AE30; }
  body.dark-mode .LoginCorporateV2 .login-form-col .inner .login-form .form-group .group-inner .select-1 .dk-selected {
    background-color: #2d2c2c;
    border-color: #464646;
    border-radius: 25px; }
    body.dark-mode .LoginCorporateV2 .login-form-col .inner .login-form .form-group .group-inner .select-1 .dk-selected.active {
      border-radius: 25px 25px 0 0; }
  body.dark-mode .LoginCorporateV2 .login-form-col .inner .login-form .form-group .group-inner .select-1 .dk-select-options {
    background-color: #2d2c2c;
    border-color: #464646; }
    body.dark-mode .LoginCorporateV2 .login-form-col .inner .login-form .form-group .group-inner .select-1 .dk-select-options li {
      color: #fff; }
      body.dark-mode .LoginCorporateV2 .login-form-col .inner .login-form .form-group .group-inner .select-1 .dk-select-options li:hover {
        background-color: #464646;
        border-color: transparent; }
    body.dark-mode .LoginCorporateV2 .login-form-col .inner .login-form .form-group .group-inner .select-1 .dk-select-options .dk-option-selected {
      background-color: #2d2c2c;
      border-color: #464646; }
  body.dark-mode .LoginCorporateV2 .login-form-col .inner .login-form .panelUsernamePassword .form-group .group-inner .input-wrap.borderError .input-1.usernameField {
    border-color: red; }

body.dark-mode .info-links p.instructions {
  color: #fff; }

body.dark-mode .NoticesSlider .slider-wrapper .slider-wrapper_bottom .social .filled:hover {
  background: #e0e0e0;
  transition: background-color 0.3s; }

body.dark-mode .NoticesSlider .slider-wrapper .slider-wrapper_bottom .widget-options li i:hover {
  background: rgba(255, 255, 255, 0.35) !important; }

body.dark-mode .passVisibility {
  background-image: url(images/login/ic_show.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 20px; }

/*#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; }

@font-face {
  font-family: 'Mark-Regular';
  src: url("fonts/MarkPro-Book-AzMUyBOY.woff2") format("woff2"), url("fonts/MarkPro-Book-AzMUyBOY.woff2") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Mark-Bold';
  src: url("fonts/MarkPro-Bold-DPV5xY_z.woff2") format("woff2"), url("fonts/MarkPro-Bold-Cu2hzC23.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Mark-Medium';
  src: url("fonts/MarkPro-Medium-CVYnISBO.woff2") format("woff2"), url("fonts/MarkPro-Medium-rtEcXbwO.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Mark-ExtraBold';
  src: url("fonts/MarkPro-Heavy-bcVNZeMD.woff2") format("woff2"), url("fonts/MarkPro-Heavy-sbCzOrt5.woff") format("woff");
  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-packages:after, .menu-icon.icon-salary:after, .menu-icon.icon-inflows: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-frn-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-packages:after, .main-nav li a:hover .menu-icon.icon-salary:after, .main-nav li a:hover .menu-icon.icon-inflows: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-ebills:after, .main-nav li a:hover .menu-icon.icon-pay-card:after, .main-nav li a:hover .menu-icon.icon-frn-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-packages:after, .main-nav li a.selected .menu-icon.icon-salary:after, .main-nav li a.selected .menu-icon.icon-inflows: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-ebills:after, .main-nav li a.selected .menu-icon.icon-pay-card:after, .main-nav li a.selected .menu-icon.icon-frn-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: #d20000;
  border-radius: 12px;
  -webkit-transition: background-color .5s;
  transition: background-color .5s; }

#content_wrap {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

ol,
ul {
  list-style: none; }

.main-nav li a:hover, .main-nav li a.selected {
  color: #fff200; }

/*** ESSENTIAL STYLES ***/
.submenu {
  position: relative;
  top: unset;
  width: 100%; }

.sf-menu,
.sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none; }

.sf-menu {
  padding-right: 14px; }
  .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% - 300px);
  min-height: 100vh;
  margin-bottom: -78px;
  margin-left: auto; }
  #content_wrap.active:after, #content_wrap.show:after {
    height: 100%;
    opacity: 1;
    transition: opacity .4s, visibility .4s; }
  #content_wrap:after {
    content: '';
    position: fixed;
    bottom: 0;
    left: -310px;
    height: 0;
    width: calc(100% + 320px);
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 12;
    opacity: 0;
    /*-webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        -ms-transition: all 1s;
        transition: all 1s;*/
    transition: opacity .4s, visibility .4s;
    z-index: 5; }
  #content_wrap .push {
    height: 78px; }

.LanguageLogout #content_wrapLogin {
  width: 100%; }
  .LanguageLogout #content_wrapLogin.active {
    position: relative; }
    .LanguageLogout #content_wrapLogin.active:after {
      height: 100%;
      opacity: 1;
      z-index: 2;
      transition: opacity .4s, visibility .4s; }
  .LanguageLogout #content_wrapLogin:after {
    content: '';
    position: fixed;
    bottom: 0;
    left: -310px;
    height: 0;
    width: calc(100% + 320px);
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 12;
    opacity: 0;
    transition: opacity .4s, visibility .4s; }

.LanguageLogout .active-lang.open-border {
  background-color: transparent; }

/*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/pattern.png);
    background-color: #d20000;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 43%; }
  #page-header.categories-header:not(.dashboard-header):after {
    z-index: -1;
    height: 590px !important; }
  #page-header.dashboard-header:after {
    height: 280px; }
  #page-header.dashboard-header .user-heading {
    display: none; }
  #page-header.dashboard-header .user-intro-section-name {
    display: block; }
  #page-header:not(.dashboard-header):after {
    height: 164px; }
  #page-header:not(.dashboard-header) .UserInfo .UserInfoHeader .user-heading {
    display: block; }
    #page-header:not(.dashboard-header) .UserInfo .UserInfoHeader .user-heading h2 {
      margin-bottom: 0px; }
    #page-header:not(.dashboard-header) .UserInfo .UserInfoHeader .user-heading .subHeading {
      margin-bottom: 0;
      font-family: "Mark-Regular", sans-serif;
      font-size: 18px;
      color: #FFFFFF; }
  #page-header:not(.dashboard-header) .UserInfo .UserInfoHeader .user-intro-section-name {
    display: none; }
  #page-header.promotions-header:after {
    height: 185px; }
  #page-header.insurance-header: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 {
    height: 150px; }
  #page-header.view_payment_orders-header .UserInfoHeader, #page-header.beneficiaries-header .UserInfoHeader, #page-header.messageHub-header .UserInfoHeader {
    padding-bottom: 100px; }
  #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: 2; }
  #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; }
  .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;
  max-width: 252px;
  width: auto;
  height: 100%;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  padding: 50px 0 0 24px; }
  .side-menu .mobile-btn {
    display: none; }
  .side-menu .main-menu {
    height: calc(100% - 155px); }
  .side-menu .s-portal-menu {
    height: calc(100% - 130px);
    padding-right: 0px; }
  .side-menu .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    top: 0px;
    background: #e6e6e6;
    opacity: 1;
    margin-left: 5px; }
  .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 {
  word-break: break-all; }

.main-nav .menu-icon {
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  min-width: 40px;
  height: 40px;
  color: #888;
  -webkit-transition: background-color .5s;
  transition: background-color .5s;
  border-radius: 50%; }
  .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;
        -webkit-transition: background-color .5s;
        transition: background-color .5s;
        border-radius: 50%;*/ }
  .main-nav svg use {
    fill: #888;
    -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-packages:after, .main-nav li a:hover .menu-icon.icon-salary:after, .main-nav li a:hover .menu-icon.icon-inflows: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-ebills:after, .main-nav li a:hover .menu-icon.icon-pay-card:after, .main-nav li a:hover .menu-icon.icon-frn-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-packages:after, .main-nav li a.selected .menu-icon.icon-salary:after, .main-nav li a.selected .menu-icon.icon-inflows: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-ebills:after, .main-nav li a.selected .menu-icon.icon-pay-card:after, .main-nav li a.selected .menu-icon.icon-frn-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/ic_krediti_bijela@2x.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.main-nav li a:hover .menu-icon.icon-packages:after, .main-nav li a.selected .menu-icon.icon-packages:after {
  background-image: url("images/menu-icons/ic_paketi_naloga_bijela@2x.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.main-nav li a:hover .menu-icon.icon-salary:after, .main-nav li a.selected .menu-icon.icon-salary:after {
  background-image: url("images/menu-icons/ic_plate_bijela@2x.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.main-nav li a:hover .menu-icon.icon-inflows:after, .main-nav li a.selected .menu-icon.icon-inflows:after {
  background-image: url("images/menu-icons/ic_prilivi_bijela@2x.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.main-nav li a:hover .menu-icon.icon-ebills:after, .main-nav li a.selected .menu-icon.icon-ebills:after {
  background-image: url("images/menu-icons/ic_emenice_active_krug.png");
  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-frn-pay-card:after, .main-nav li a.selected .menu-icon.icon-frn-pay-card:after {
  background-image: url("images/menu-icons/ic_menu_devizna_placanja@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/ic_krediti@2x.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.menu-icon.icon-packages:after {
  background-image: url("images/menu-icons/ic_paketi_naloga@2x.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.menu-icon.icon-salary:after {
  background-image: url("images/menu-icons/ic_plate_crna@2x.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.menu-icon.icon-inflows:after {
  background-image: url("images/menu-icons/ic_prilivi_crna@2x.png");
  background-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.menu-icon.icon-ebills:after {
  background-image: url("images/menu-icons/ic_emenice_krug.png");
  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-frn-pay-card:after {
  background-image: url("images/menu-icons/ic_menu_devizna_placanja_crna@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: #d20000; }

.menu-item-clicked-1 {
  background-color: #d20000 !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-frn-pay-card .menu-item-clicked-1:after {
  background-image: url("images/menu-icons/ic_menu_devizna_placanja@2x.png");
  background-size: 50%; }

.icon-packages .menu-item-clicked-1:after {
  background-image: url("images/menu-icons/ic_paketi_naloga_bijela@2x.png");
  background-size: 50%; }

.icon-salary .menu-item-clicked-1:after {
  background-image: url("images/menu-icons/ic_plate_bijela@2x.png");
  background-size: 50%; }

.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 {
  margin-bottom: 12px;
  position: relative;
  z-index: 300 !important; }
  .side-menu .header-logo a {
    display: block;
    max-width: 252px !important;
    height: 140px !important;
    background: url(images/logo/logo.png) no-repeat center;
    background-size: contain;
    margin-bottom: 32px;
    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: "Mark-Medium", sans-serif;
  color: #121212;
  max-width: 252px; }
  .side-menu .main-menu .s-portal-menu .main-nav li a {
    position: relative;
    color: #121212;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0px 35px 0px 6px;
    -webkit-transition: color .5s;
    transition: color .5s; }
    .side-menu .main-menu .s-portal-menu .main-nav li a span {
      font-family: "Mark-Regular", sans-serif; }
    .side-menu .main-menu .s-portal-menu .main-nav li a.selected {
      color: #121212;
      background: #faeede;
      border-radius: 8px; }
      .side-menu .main-menu .s-portal-menu .main-nav li a.selected:before {
        background-color: #d20000; }
      .side-menu .main-menu .s-portal-menu .main-nav li a.selected .main-nav-link-ico svg use {
        fill: #d20000; }
      .side-menu .main-menu .s-portal-menu .main-nav li a.selected span {
        opacity: 1;
        color: #d20000;
        font-family: "Mark-Medium", sans-serif;
        transition: color .15s; }
      .side-menu .main-menu .s-portal-menu .main-nav li a.selected .main-nav-link-ico .main-nav-link-ico-svg use {
        fill: #d20000; }
    .side-menu .main-menu .s-portal-menu .main-nav li a:hover {
      color: #121212;
      background: #faeede;
      border-radius: 8px; }
    .side-menu .main-menu .s-portal-menu .main-nav li a:before {
      content: '';
      position: absolute;
      width: 4px;
      height: 24px;
      background-color: transparent;
      border-radius: 0 100px 100px 0;
      top: 20%;
      left: 0px;
      transition: background-color .2s;
      /*-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.submenu 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.submenu li a {
      padding: 0px 0 0px 6px; }
      .side-menu .main-menu .s-portal-menu .main-nav li ul.submenu li a span {
        padding: 0; }
        .side-menu .main-menu .s-portal-menu .main-nav li ul.submenu li a span:hover {
          color: #d20000;
          font-family: "Mark-Medium", sans-serif !important; }
      .side-menu .main-menu .s-portal-menu .main-nav li ul.submenu li a:hover {
        background: transparent; }
  .side-menu .main-menu .s-portal-menu .main-nav li.dropdown a:after {
    content: '';
    margin-left: 10px;
    position: absolute;
    top: 40%;
    right: 15px;
    /*transform: translate(0, -50%);*/
    width: 11px;
    height: 14px;
    background-image: url(images/icons/arrow-bottom-1.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;
    background: #fff; }
    .side-menu .main-menu .s-portal-menu .main-nav li.dropdown .submenu li a {
      color: #121212;
      position: relative;
      -webkit-transition: color .5s;
      transition: color .5s;
      font-family: "Mark-Regular", sans-serif;
      background: transparent; }
      .side-menu .main-menu .s-portal-menu .main-nav li.dropdown .submenu li a span {
        color: #121212;
        font-family: "Mark-Regular", sans-serif;
        word-break: break-word; }
      .side-menu .main-menu .s-portal-menu .main-nav li.dropdown .submenu li a:hover {
        background: transparent; }
        .side-menu .main-menu .s-portal-menu .main-nav li.dropdown .submenu li a:hover span {
          color: #d20000;
          font-family: "Mark-Medium", sans-serif; }
      .side-menu .main-menu .s-portal-menu .main-nav li.dropdown .submenu li a.selected span {
        color: #d20000;
        font-family: "Mark-Medium", sans-serif;
        -webkit-transition: color .5s;
        transition: color .5s; }
      .side-menu .main-menu .s-portal-menu .main-nav li.dropdown .submenu li a:after, .side-menu .main-menu .s-portal-menu .main-nav li.dropdown .submenu li a:before {
        content: none; }
  .side-menu .main-menu .s-portal-menu .main-nav li.dropdown.active a:after {
    transform: rotate(180deg); }

.side-menu .main-menu .s-portal-menu .main-nav li.dropdown.active {
  color: #121212;
  border-radius: 8px; }
  .side-menu .main-menu .s-portal-menu .main-nav li.dropdown.active a {
    background: #faeede;
    border-radius: 8px; }
    .side-menu .main-menu .s-portal-menu .main-nav li.dropdown.active a:before {
      content: '';
      position: absolute;
      width: 4px;
      height: 24px;
      background-color: #d20000;
      border-radius: 0 100px 100px 0;
      top: 20%;
      left: 0px;
      transition: background-color .2s;
      z-index: 1001; }
  .side-menu .main-menu .s-portal-menu .main-nav li.dropdown.active span {
    opacity: 1;
    color: #d20000;
    font-family: "Mark-Medium", sans-serif;
    transition: color .15s; }
  .side-menu .main-menu .s-portal-menu .main-nav li.dropdown.active .main-nav-link-ico .main-nav-link-ico-svg use {
    fill: #d20000; }

.side-menu .main-menu .s-portal-menu .main-nav li.active.dropdown a:before {
  content: '';
  position: absolute;
  width: 4px;
  height: 24px;
  background-color: #d20000;
  border-radius: 0 100px 100px 0;
  top: 20%;
  left: 0px;
  transition: background-color .2s;
  z-index: 1001; }

.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; }

body.dark-mode .side-menu .header-logo a {
  background: url(images/logo/img_dark_logo_biznis@2x.png) no-repeat center;
  background-size: contain; }

body.dark-mode .side-menu .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar {
  background-color: #161414;
  box-shadow: 0 0 1px #161414; }

body.dark-mode .side-menu .main-menu .s-portal-menu .main-nav li ul a span {
  color: #fff; }

body.dark-mode .side-menu .main-menu .s-portal-menu .main-nav li a {
  color: #fff; }

body.dark-mode .side-menu .main-menu .s-portal-menu .main-nav .menu-icon {
  background-color: #2d2c2c; }
  body.dark-mode .side-menu .main-menu .s-portal-menu .main-nav .menu-icon.icon-home:after {
    background-image: url(images/menu-icons/ico_home_active@2x.png); }
  body.dark-mode .side-menu .main-menu .s-portal-menu .main-nav .menu-icon.icon-accounts:after {
    background-image: url(images/menu-icons/ico_accounts_active@2x.png); }
  body.dark-mode .side-menu .main-menu .s-portal-menu .main-nav .menu-icon.icon-cards:after {
    background-image: url(images/menu-icons/ico_cards_active@2x.png); }
  body.dark-mode .side-menu .main-menu .s-portal-menu .main-nav .menu-icon.icon-loans:after {
    background-image: url(images/menu-icons/ic_krediti_bijela@2x.png); }
  body.dark-mode .side-menu .main-menu .s-portal-menu .main-nav .menu-icon.icon-pay-card:after {
    background-image: url(images/menu-icons/ico_payments_active@2x.png); }
  body.dark-mode .side-menu .main-menu .s-portal-menu .main-nav .menu-icon.icon-exchange-office:after {
    background-image: url(images/menu-icons/ico_exchange_active@2x.png); }
  body.dark-mode .side-menu .main-menu .s-portal-menu .main-nav .menu-icon.icon-frn-pay-card:after {
    background-image: url(images/menu-icons/ic_menu_devizna_placanja@2x.png); }
  body.dark-mode .side-menu .main-menu .s-portal-menu .main-nav .menu-icon.icon-packages:after {
    background-image: url(images/menu-icons/ic_paketi_naloga_bijela@2x.png); }
  body.dark-mode .side-menu .main-menu .s-portal-menu .main-nav .menu-icon.icon-salary:after {
    background-image: url(images/menu-icons/ic_plate_bijela@2x.png); }
  body.dark-mode .side-menu .main-menu .s-portal-menu .main-nav .menu-icon.icon-inflows:after {
    background-image: url(images/menu-icons/ic_prilivi_bijela@2x.png); }
  body.dark-mode .side-menu .main-menu .s-portal-menu .main-nav .menu-icon.icon-ebills:after {
    background-image: url(images/menu-icons/ic_emenice_active.png); }

/*#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; }

@font-face {
  font-family: 'Mark-Regular';
  src: url("fonts/MarkPro-Book-AzMUyBOY.woff2") format("woff2"), url("fonts/MarkPro-Book-AzMUyBOY.woff2") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Mark-Bold';
  src: url("fonts/MarkPro-Bold-DPV5xY_z.woff2") format("woff2"), url("fonts/MarkPro-Bold-Cu2hzC23.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Mark-Medium';
  src: url("fonts/MarkPro-Medium-CVYnISBO.woff2") format("woff2"), url("fonts/MarkPro-Medium-rtEcXbwO.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Mark-ExtraBold';
  src: url("fonts/MarkPro-Heavy-bcVNZeMD.woff2") format("woff2"), url("fonts/MarkPro-Heavy-sbCzOrt5.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

/*#endregion fonts*/
/* colors */
.clientGridPager div.pagerButton.prev, .clientGridPager div.pagerButton.next, .clientGridPager div.pagerButton.prev span, .clientGridPager div.pagerButton.next span, .clientGridPager div.pageIndicator, .clientGridPager div.pageIndicator .pageCurrent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.clientGrid, .clientGrid thead tr {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.clientGrid {
  border-collapse: collapse;
  background-color: #FFFFFF; }
  .clientGrid thead td,
  .clientGrid thead th {
    padding: 5px;
    color: #7b7b7b;
    line-height: 15px;
    font-size: 12px;
    text-overflow: ellipsis;
    font-weight: normal;
    text-align: center; }
  .clientGrid thead tr {
    font-weight: bold;
    color: #000000; }
  .clientGrid thead th {
    padding-top: 11px;
    padding-bottom: 11px; }
  .clientGrid tbody tr {
    background-color: #FEFEFE;
    height: 57px;
    border-bottom: none !important;
    transition: background-color .5s; }
    .clientGrid tbody tr:hover {
      background-color: #faeede !important;
      transition: background-color .5s; }
      .clientGrid tbody tr:hover .turnover-icon {
        background-color: #EFEFEF;
        transition: background-color .5s; }
      .clientGrid tbody tr:hover td .tablesaw-cell-content div .currency-flag {
        background-color: #EFEFEF;
        transition: background-color .5s; }
    .clientGrid tbody tr:first-child {
      border-top: 2px solid #EFEFEF; }
    .clientGrid tbody tr td {
      color: #121212;
      font-size: 15px;
      line-height: 35px;
      vertical-align: middle;
      text-align: center;
      display: table-cell;
      font-family: "Mark-Regular", sans-serif; }
    .clientGrid tbody tr .title {
      font-size: 16px;
      float: left;
      margin: 0;
      line-height: 1.2;
      max-width: calc(100% - 60px);
      text-overflow: ellipsis;
      overflow: hidden; }
      .clientGrid tbody tr .title span:not(.name) {
        font-size: 14px;
        color: #7b7b7b; }
    .clientGrid tbody tr .value {
      font-size: 15px;
      margin: 0;
      line-height: 40px;
      text-align: right; }
      .clientGrid tbody tr .value small {
        font-size: 14px;
        text-transform: uppercase; }
        .clientGrid tbody tr .value small span {
          color: #7b7b7b; }
    .clientGrid tbody tr .color-2 {
      color: #8dbc42; }
    .clientGrid tbody tr .color-credit {
      font-size: 15px;
      font-family: "Mark-Bold", sans-serif;
      padding-right: 0px;
      color: #23c841; }
    .clientGrid tbody tr .color-debit {
      font-size: 15px;
      font-family: "Mark-Bold", sans-serif;
      padding-right: 0px; }
  .clientGrid .Multiselect {
    text-align: center; }
  .clientGridPager {
    height: 40px;
    justify-content: flex-end;
    padding-top: 15px;
    padding-bottom: 20px;
    position: relative;
    padding-left: 30px; }
    .clientGridPager .labelPager {
      position: absolute;
      left: 0px;
      font-family: "Mark-Regular", sans-serif;
      color: #888;
      font-size: 11px;
      margin-top: 10px; }
    .clientGridPager div.pagerButton {
      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-color: #F3F3F3;
      border-radius: 8px;
      border: 2px solid transparent;
      cursor: pointer;
      margin: 0 4px; }
      .clientGridPager div.pagerButton:hover {
        border: 2px solid #e6e6e6;
        background-color: #e6e6e6; }
      .clientGridPager div.pagerButton.first, .clientGridPager div.pagerButton.last {
        display: none; }
      .clientGridPager div.pagerButton.prev, .clientGridPager div.pagerButton.next {
        justify-content: center;
        align-items: center; }
        .clientGridPager div.pagerButton.prev .profile-text-arrow, .clientGridPager div.pagerButton.next .profile-text-arrow {
          width: 24px;
          height: 24px; }
      .clientGridPager div.pagerButton.prev {
        /*.rotate{
                        transform: rotate(180deg)
                    }*/ }
      .clientGridPager div.pagerButton.next {
        margin-right: 0; }
    .clientGridPager div.pageIndicator {
      position: relative;
      padding-right: 20px;
      line-height: 18px;
      font-family: "Mark-Regular", sans-serif;
      color: #888;
      font-size: 11px;
      border: none;
      background: unset; }
      .clientGridPager div.pageIndicator .pageCurrent {
        width: 40px;
        height: 40px;
        cursor: pointer;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 13px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        background-color: #F3F3F3;
        border-radius: 8px;
        position: relative;
        color: #121212;
        font-size: 14px;
        font-family: "Mark-Regular", sans-serif; }
        .clientGridPager div.pageIndicator .pageCurrent:hover {
          box-shadow: 0 0 16px rgba(0, 0, 0, 0.08); }
    .clientGridPager .disabled {
      background-color: #EFEFEF;
      /*border: 1px solid #ccc;*/
      opacity: 1; }
    .clientGridPager .sort-indicator {
      position: absolute;
      left: 100%;
      margin-left: -12px;
      top: 50%;
      margin-top: -8px; }
    .clientGridPager .wrapper {
      cursor: pointer;
      width: fit-content;
      display: block;
      position: absolute;
      left: 0px;
      height: 50px;
      display: flex; }
      .clientGridPager .wrapper .pageSize {
        border: 2px solid transparent;
        border-radius: 8px;
        color: #121212;
        font-size: 16px;
        line-height: 1.5;
        font-family: "Mark-Regular", sans-serif;
        padding: 0;
        cursor: pointer;
        overflow: hidden;
        height: fit-content;
        margin-left: 50px;
        /*width: 70px;
                height: 40px;
                cursor: pointer;
                font-family: $font-7;
                font-size: 15px;
                position: absolute !important;
                @include transition(all 0.4s ease);
                background-color: $color-13 !important;
                border-radius: 25px;
                border: none;
                transition: box-shadow .5s;
                box-shadow: 0 8px 16px rgba(0,0,0,.08);
                margin: 0 4px;
                -moz-appearance: none;
                appearance: none;
                left: 45px !important;
                background: url(images/icons/arrows-2.png) 70% no-repeat;
                background-size: 9px;
                text-align: left;
                padding: 11px 35px 11px 18px;
                display: none;*/ }
        .clientGridPager .wrapper .pageSize .selected {
          background-color: #F3F3F3;
          padding: 5px 40px 5px 16px;
          margin-bottom: 10px;
          border-radius: 8px;
          font-size: 14px;
          position: relative;
          z-index: 1; }
          .clientGridPager .wrapper .pageSize .selected:hover {
            background-color: #e6e6e6; }
          .clientGridPager .wrapper .pageSize .selected .activeNumber:after {
            content: '';
            margin-left: 10px;
            position: absolute;
            top: 35%;
            right: 15px;
            /* transform: translate(0, -50%); */
            width: 11px;
            height: 14px;
            background-image: url(images/icons/arrow-bottom-1.png);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: contain;
            transition: .5s ease; }
          .clientGridPager .wrapper .pageSize .selected .activeNumber.active:after {
            transform: rotate(180deg); }
        .clientGridPager .wrapper .pageSize .selected.dk-select-open-down {
          border: 2px solid #121212; }
        .clientGridPager .wrapper .pageSize .list {
          display: none;
          z-index: 6; }
          .clientGridPager .wrapper .pageSize .list.active {
            display: block;
            background-color: #f3f3f3;
            border-radius: 8px;
            max-height: 110px;
            overflow-y: auto;
            padding-top: 10px;
            position: absolute;
            z-index: 6; }
          .clientGridPager .wrapper .pageSize .list li {
            margin: 0;
            padding: 0;
            padding: 0px 35px 10px 16px;
            border-top: 1px solid transparent;
            border-bottom: 1px solid transparent;
            background-color: inherit;
            border-radius: 8px;
            font-size: 14px;
            line-height: 1.71;
            font-family: "Mark-Medium", sans-serif; }
            .clientGridPager .wrapper .pageSize .list li .dropdown-checkmark-icon {
              display: none; }
            .clientGridPager .wrapper .pageSize .list li.active {
              color: #d20000;
              display: flex; }
              .clientGridPager .wrapper .pageSize .list li.active .dropdown-checkmark-icon {
                display: block;
                right: 10px; }
            .clientGridPager .wrapper .pageSize .list li:hover {
              color: #d20000; }

.clientGrid tr.blueFonts > td {
  color: blue; }

.clientGrid tr.redFonts > td {
  color: red; }

.clientGrid tr.greenFonts > td {
  color: green; }

.clientGrid td.align-left {
  text-align: left; }

.clientGrid td.align-right {
  text-align: right; }

.clientGrid td.align-center {
  text-align: center; }

html[dir="rtl"] .clientGrid td.align-left {
  text-align: right; }

html[dir="rtl"] .clientGrid td.align-right {
  text-align: left; }

@media (max-width: 39.9375em) {
  .clientGrid td {
    white-space: normal !important; }
    .clientGrid td.align-right {
      text-align: left; } }

body.dark-mode .clientGridPager {
  border-color: #464646; }

/*#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; }

@font-face {
  font-family: 'Mark-Regular';
  src: url("fonts/MarkPro-Book-AzMUyBOY.woff2") format("woff2"), url("fonts/MarkPro-Book-AzMUyBOY.woff2") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Mark-Bold';
  src: url("fonts/MarkPro-Bold-DPV5xY_z.woff2") format("woff2"), url("fonts/MarkPro-Bold-Cu2hzC23.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Mark-Medium';
  src: url("fonts/MarkPro-Medium-CVYnISBO.woff2") format("woff2"), url("fonts/MarkPro-Medium-rtEcXbwO.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Mark-ExtraBold';
  src: url("fonts/MarkPro-Heavy-bcVNZeMD.woff2") format("woff2"), url("fonts/MarkPro-Heavy-sbCzOrt5.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

/*#endregion fonts*/
/* colors */
@media only screen and (max-width: 1500px) {
  .AccountSlider .highcharts-container {
    transform: translateX(0px); }
  .slider-wrapper {
    width: calc(100% - 120px) !important; }
  .user-account-card-left-col .user-account-card-left-col-inner .content {
    max-width: 280px !important; } }

@media only screen and (min-width: 1440px) {
  .s-page-host:not(.login) {
    max-width: 1320px; }
  .InflowsCorporate .radioBtns {
    width: 23%; }
  .AccountSlider .user-intro-select-wrapper {
    margin-left: 25px; } }

@media only screen and (min-width: 1024px) and (max-width: 1440px) {
  .s-page-host:not(.login) {
    max-width: 1320px; }
  .InflowsCorporate .transaction-filter-wrapper {
    margin-top: 8%; }
  .InflowsCorporate .radioBtns {
    width: 30%; } }

@media only screen and (min-width: 900px) and (max-width: 1024px) {
  .InflowsCorporate .radioBtns {
    width: 30%; } }

@media only screen and (max-width: 1550px) {
  .account-statements-info-wrapper {
    overflow-y: hidden !important;
    overflow-x: scroll !important;
    white-space: nowrap !important;
    width: 100% !important;
    padding: 0 0 30px 0 !important; }
    .downloadedInflows .account-statements-info-wrapper {
      overflow-y: unset !important;
      overflow-x: unset !important; }
  .account-statements-info-inner {
    width: fit-content !important; } }

@media only screen and (max-width: 900px) {
  .InflowsCorporate .transaction-filter-wrapper {
    margin-top: 22%; }
  .InflowsCorporate .radioBtns {
    width: 40%; } }

@media only screen and (max-width: 800px) {
  .login-downloads-main {
    flex-direction: column !important;
    height: unset !important;
    padding: 0 !important; }
  .login-downloads-col-left {
    width: 100% !important;
    padding: 50px 20px 20px !important;
    overflow: unset !important; }
    .login-downloads-col-left::after {
      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-col-left p {
      font-size: 16px !important; }
    .login-downloads-col-left .login-downloads-back-link {
      position: absolute !important; }
  .login-downloads-deco {
    width: 100% !important;
    height: 100% !important;
    background-position: center center; }
  .login-downloads-col-left-content {
    max-width: 484px !important;
    padding: 0 !important;
    margin-top: 35px !important;
    margin: 10px auto; }
  .login-downloads-col-right {
    position: relative;
    width: auto !important;
    height: auto !important;
    max-height: unset !important;
    padding: 20px;
    overflow: hidden;
    padding: 60px 20px 20px 5vw !important; }
    .login-downloads-col-right .login-downloads-col-right-inner .login-downloads-wrap .login-downloads-links-wrap.video iframe {
      width: 100%; }
  .LoginBackgroundV2 .login-promo-col .login-promo-main .content-inner {
    padding-left: 40px !important; }
  .account-card-text {
    width: 100% !important;
    white-space: nowrap;
    padding-left: 0px !important;
    margin-bottom: 20px; }
  .AccountBalancePreviewCorporateV2 .account-intro-inner .accounts-intro-title.flex-layout,
  .DepositBalancePreviewCorporateV2 .account-intro-inner .accounts-intro-title.flex-layout,
  .CardBalancePreviewCorporateV3 .account-intro-inner .accounts-intro-title.flex-layout,
  .LoanBalancePreviewCorporate .account-intro-inner .accounts-intro-title.flex-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap; }
  .AccountBalancePreviewCorporateV2 .account-intro-inner .account-card-btn,
  .DepositBalancePreviewCorporateV2 .account-intro-inner .account-card-btn,
  .CardBalancePreviewCorporateV3 .account-intro-inner .account-card-btn,
  .LoanBalancePreviewCorporate .account-intro-inner .account-card-btn {
    margin-left: 0px !important; }
  .AccountBalancePreviewCorporateV2 .account-intro-inner.full,
  .DepositBalancePreviewCorporateV2 .account-intro-inner.full,
  .CardBalancePreviewCorporateV3 .account-intro-inner.full,
  .LoanBalancePreviewCorporate .account-intro-inner.full {
    display: block !important; } }

@media only screen and (min-width: 400px) and (max-width: 600px) {
  .InflowsCorporate .transaction-filter-wrapper {
    margin-top: 75%; }
  .InflowsCorporate .radioBtns {
    width: 100%; }
    .InflowsCorporate .radioBtns .filter-radio-btn:first-child {
      width: 100%;
      margin-bottom: 10px; }
    .InflowsCorporate .radioBtns .filter-radio-btn:last-child {
      width: 100%; }
  .InflowsCorporate .transaction-filter-box {
    width: 100%; }
  .InflowsCorporate button {
    left: 50%;
    transform: translate(-50%, -50%); } }

@media only screen and (min-width: 400px) {
  .chartView .highcharts-container .highcharts-series-group .highcharts-series {
    transform: translate(-21px, 50px) scale(1); } }

@media only screen and (max-width: 1600px) {
  .AccountStatements .payment-filter-recipient,
  .AccountStatementsCorporateV2 .payment-filter-recipient,
  .CardStatementsCorporateV2 .payment-filter-recipient,
  .CardStatements .payment-filter-recipient {
    width: 21.8% !important; } }

@media only screen and (max-width: 1440px) {
  .AccountStatements .payment-filter-recipient,
  .AccountStatementsCorporateV2 .payment-filter-recipient,
  .CardStatementsCorporateV2 .payment-filter-recipient,
  .CardStatements .payment-filter-recipient {
    width: 20.3% !important; } }

@media only screen and (max-width: 1400px) {
  .login-downloads-main .login-downloads-col-left .login-downloads-col-left-content {
    padding: 48px 0px; }
  .LoginBackgroundV2 .login-promo-main .content-inner {
    padding-bottom: 36.5%; }
  .CreditorTemplateManaging .account-statements-info-wrapper .account-statements-filter-inner .account-statement-info-inner .account-statements-info .group-inner.templateName {
    padding-left: 0px; }
  .account-statements-info-wrapper .account-statements-filter-inner {
    width: 1120px !important; }
  .token-list .column-buttons {
    right: 100px !important; }
  .DomesticOrderListCorporate .gvOrderList,
  .ForeignOrderListCorporate .gvOrderList,
  .OrderPackageDetailsCorporate .gvOrderList {
    overflow-y: scroll; }
    .DomesticOrderListCorporate .gvOrderList table,
    .ForeignOrderListCorporate .gvOrderList table,
    .OrderPackageDetailsCorporate .gvOrderList table {
      width: 1280px !important;
      max-width: inherit !important; } }

@media only screen and (max-width: 1366px) {
  .AccountStatements .payment-filter-recipient,
  .AccountStatementsCorporateV2 .payment-filter-recipient,
  .CardStatementsCorporateV2 .payment-filter-recipient,
  .CardStatements .payment-filter-recipient {
    width: 19.5% !important; } }

@media only screen and (max-width: 1281px) {
  .AccountStatements .payment-filter-recipient,
  .AccountStatementsCorporateV2 .payment-filter-recipient,
  .CardStatementsCorporateV2 .payment-filter-recipient,
  .CardStatements .payment-filter-recipient {
    width: 17.1% !important; } }

@media only screen and (max-width: 1025px) {
  .AccountStatements .payment-filter-recipient,
  .AccountStatementsCorporateV2 .payment-filter-recipient,
  .CardStatementsCorporateV2 .payment-filter-recipient,
  .CardStatements .payment-filter-recipient {
    width: 19.3% !important; } }

@media only screen and (min-width: 1000px) {
  html.downloads-dialog {
    overflow: hidden; } }

@media only screen and (min-width: 1400px) {
  .AccountStatements .account-statement-pdf-download,
  .AccountStatementsCorporateV2 .account-statement-pdf-download,
  .CardStatementsCorporateV2 .account-statement-pdf-download,
  .CardStatements .account-statement-pdf-download {
    width: 76%;
    padding-right: 25px; }
  .AccountStatements .account-statements-info .group-inner,
  .AccountStatementsCorporateV2 .account-statements-info .group-inner,
  .CardStatementsCorporateV2 .account-statements-info .group-inner,
  .CardStatements .account-statements-info .group-inner {
    width: 17% !important; }
  .AccountStatementsCorporateV2 .account-statements-info .group-inner {
    width: 15% !important; }
  .CreditorTemplateManaging .account-statement-pdf-download,
  .ForeignPredefinedUsersCorporate .account-statement-pdf-download {
    width: 90%; }
  .AccountSlider .user-intro-select-wrapperSlider {
    padding: 3px 3px; }
  .slider-wrapper {
    width: calc(100% - 80px) !important; }
  .chartView {
    zoom: 60%; } }

@media only screen and (max-width: 1024px) {
  .AccountStatements .account-statements-info .group-inner,
  .AccountStatementsCorporateV2 .account-statements-info .group-inner,
  .CardStatementsCorporateV2 .account-statements-info .group-inner,
  .CardStatements .account-statements-info .group-inner {
    width: 10% !important; } }

@media only screen and (max-width: 1450px) {
  .ForeignPredefinedUsersCorporate:not(.dashboard-widget) .name:nth-child(3) {
    padding-left: 40px; }
  .UserInfo .UserInfoHeader {
    padding-right: 20px; }
    .UserInfo .UserInfoHeader .user-intro-section-name .title-1,
    .UserInfo .UserInfoHeader .user-intro-section-name span.name {
      font-size: 24px; }
    .UserInfo .UserInfoHeader .user-intro-section-name h2.title-1 {
      display: inline;
      margin-bottom: 0; }
  .LoanBalancePreviewCorporate .accounts-intro-balance, .LoanBalancePreviewCorporate .accounts-intro-title,
  .SalariesPaylistCorporate .accounts-intro-balance,
  .SalariesPaylistCorporate .accounts-intro-title,
  .AccountBalancePreviewCorporateV2 .accounts-intro-balance,
  .AccountBalancePreviewCorporateV2 .accounts-intro-title,
  .DepositBalancePreviewCorporateV2 .accounts-intro-balance,
  .DepositBalancePreviewCorporateV2 .accounts-intro-title,
  .CardBalancePreviewV2 .accounts-intro-balance,
  .CardBalancePreviewV2 .accounts-intro-title,
  .CardBalancePreviewCorporateV3 .accounts-intro-balance,
  .CardBalancePreviewCorporateV3 .accounts-intro-title,
  .LoanBalancePreviewV2 .accounts-intro-balance,
  .LoanBalancePreviewV2 .accounts-intro-title,
  .DepositBalancePreviewV2 .accounts-intro-balance,
  .DepositBalancePreviewV2 .accounts-intro-title,
  .AccountSlider .accounts-intro-balance,
  .AccountSlider .accounts-intro-title,
  .DomesticOrderCorporate .accounts-intro-balance,
  .DomesticOrderCorporate .accounts-intro-title,
  .ForeignOrderCorporate .accounts-intro-balance,
  .ForeignOrderCorporate .accounts-intro-title {
    width: 50%; }
  .LoanBalancePreviewCorporate .title-1,
  .SalariesPaylistCorporate .title-1,
  .AccountBalancePreviewCorporateV2 .title-1,
  .DepositBalancePreviewCorporateV2 .title-1,
  .CardBalancePreviewV2 .title-1,
  .CardBalancePreviewCorporateV3 .title-1,
  .LoanBalancePreviewV2 .title-1,
  .DepositBalancePreviewV2 .title-1,
  .AccountSlider .title-1,
  .DomesticOrderCorporate .title-1,
  .ForeignOrderCorporate .title-1 {
    font-size: 28px; }
  .support-dialog .support-modal .close-btn {
    position: absolute !important;
    top: 20px !important;
    right: 4% !important; }
  #page-header.my_profile-header .UserInfo .UserInfoHeader .user-heading h2 {
    padding-left: 0; }
  .AccountSlider .tabslider {
    position: relative;
    z-index: 2;
    top: 55px;
    width: 480px;
    left: 30%; }
  .AccountSlider .user-account-card-outer .user-account-card .user-account-card-right-col .right-col-wrap {
    flex-wrap: nowrap;
    margin-top: 30px; }
  .AccountSlider .user-intro-select-wrapper {
    left: 50%;
    right: auto;
    transform: translate(-50%, 0); }
  .AccountSlider .user-account-card-left-col-inner .account-card-nav {
    padding-top: 0px;
    transform: translateY(-43%); }
  .AccountSlider .user-account-card-right-col-inner {
    width: 38%;
    padding-top: 50px; }
  .AccountStatements .dot-menu-text-wrapper-filter,
  .AccountStatementsCorporateV2 .dot-menu-text-wrapper-filter,
  .CardStatementsCorporateV2 .dot-menu-text-wrapper-filter,
  .CardStatements .dot-menu-text-wrapper-filter {
    right: 240px;
    top: -90px !important; }
  .AccountStatements .account-statement-calendar-wrapper,
  .AccountStatementsCorporateV2 .account-statement-calendar-wrapper,
  .CardStatementsCorporateV2 .account-statement-calendar-wrapper,
  .CardStatements .account-statement-calendar-wrapper {
    min-width: 100% !important; }
  .AccountStatements .account-statements-info .group-inner,
  .AccountStatementsCorporateV2 .account-statements-info .group-inner,
  .CardStatementsCorporateV2 .account-statements-info .group-inner,
  .CardStatements .account-statements-info .group-inner {
    width: 18.5%;
    margin-bottom: 0 !important; }
  .Forms_ActiveWorkflowListSOG .title-1,
  .AccountBalancePreviewCorporateV2 .title-1,
  .DepositBalancePreviewCorporateV2 .title-1,
  .CardBalancePreviewV2 .title-1,
  .CardBalancePreviewCorporateV3 .title-1,
  .LoanBalancePreviewCorporate .title-1 {
    font-size: 28px; }
  .AccountTurnoverCorporateV2 .tableFilter {
    position: relative; }
    .AccountTurnoverCorporateV2 .tableFilter .transaction-filter-inner {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .AccountTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box {
        width: -webkit-calc(33.3333% - 17px);
        width: calc(33.3333% - 17px); }
      .AccountTurnoverCorporateV2 .tableFilter .transaction-filter-inner .filterButton {
        bottom: auto; }
  .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview {
    overflow-x: auto !important;
    white-space: nowrap !important;
    width: 100% !important;
    touch-action: auto !important; }
    .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(2) {
      width: 22.5%; }
    .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(3) {
      width: 22.5%; }
    .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(4) {
      width: 28%; }
    .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td:last-child {
      width: 27%; }
    .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.rsd thead tr th:nth-child(5) {
      width: 23%; }
    .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.rsd thead tr th:nth-child(6) {
      width: 21%; }
    .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.rsd tbody tr td:first-child {
      width: 5%; }
    .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.rsd tbody tr td:nth-child(3) {
      width: 8.5%;
      padding-left: 5px; }
    .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.rsd tbody tr td:nth-child(4) {
      width: 16%; }
    .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.rsd tbody tr td:nth-child(5) {
      width: 22%;
      padding-left: 5px; }
    .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.rsd tbody tr td:nth-child(6) {
      width: 20%;
      padding-left: 5px; }
    .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.rsd tbody tr td:nth-child(7) {
      width: 16%; }
    .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.rsd tbody tr td:nth-child(8) {
      width: 10%; }
    .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.rsd tbody tr td:nth-child(9) {
      width: 10%; }
    .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.frn tbody tr td:first-child {
      width: 5%; }
    .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.frn tbody tr td:nth-child(3) {
      width: 8.5%; }
    .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.frn tbody tr td:nth-child(4) {
      width: 13%; }
    .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.frn tbody tr td:nth-child(5) {
      width: 18%;
      padding-left: 5px; }
    .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.frn tbody tr td:nth-child(6) {
      width: 18%; }
    .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.frn tbody tr td:nth-child(7) {
      width: 9%;
      padding-left: 5px; }
    .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.frn tbody tr td:nth-child(8) {
      width: 9%; }
    .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.frn tbody tr td:nth-child(9) {
      width: 10%; }
    .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview.frn tbody tr td:nth-child(10) {
      width: 10%; }
  .LoanBalancePreviewCorporate #gvLoanAnnuityPlanCorporate {
    overflow-x: auto !important;
    white-space: nowrap !important;
    width: 100% !important;
    touch-action: auto !important; }
  .CardTurnoverCorporateV2 .tableFilter {
    position: relative; }
    .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box {
        width: -webkit-calc(33.3333% - 17px);
        width: calc(33.3333% - 17px); }
      .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .filterButton {
        bottom: auto; }
  .CardTurnoverCorporateV2 .gvCardTurnover table tbody tr td:nth-child(2) {
    width: 22.5%; }
  .CardTurnoverCorporateV2 .gvCardTurnover table tbody tr td:nth-child(3) {
    width: 22.5%; }
  .CardTurnoverCorporateV2 .gvCardTurnover table tbody tr td:nth-child(4) {
    width: 28%; }
  .CardTurnoverCorporateV2 .gvCardTurnover table tbody tr td:last-child {
    width: 27%; }
  .CreditorTemplateManaging .account-statement-pdf-download,
  .ForeignPredefinedUsersCorporate .account-statement-pdf-download {
    width: 87%; }
  .CreditorTemplateManaging .widget-tabs,
  .ForeignPredefinedUsersCorporate .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); }
  .NoticesSlider .slick-track {
    height: 147px !important;
    overflow: auto; }
  .LoanBalanceCorporate .credit-description {
    max-height: 560px;
    padding: 85px 30px 30px; }
    .LoanBalanceCorporate .credit-description .credit-data {
      width: 47%;
      max-width: unset;
      margin: 0 10px 20px; }
  .LoanRepayments .loan-filter-wrapper .payment-info-date {
    width: 22.5%; }
  .LoanRepayments .loan-filter-wrapper .payment-info-recipient {
    width: 30%; }
  .LoanRepayments .loan-filter-wrapper .payment-info-amount {
    width: 41%; }
  .Advertising.Html .commercial-text-wrapper .title-1,
  .HtmlPromo .commercial-text-wrapper .title-1 {
    font-size: 28px; }
  .Advertising.Html .advert,
  .HtmlPromo .advert {
    height: 277px; }
  .slider-wrapper {
    width: calc(100% - 110px) !important; }
    .slider-wrapper_bottom {
      padding: 20px 0 !important; }
  .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; }
  .CreditorTemplateManaging .account-statements-info-wrapper .account-statements-filter-inner .payment-filter-box:first-child {
    padding-left: 105px !important; }
  .chartView {
    margin-left: -10px;
    zoom: 65%; } }

@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; } }

@media only screen and (max-height: 1200px) {
  .ui-dialog.right-dialog.details-dialog .transation-details-info-wrapper {
    max-height: 700px !important; } }

@media only screen and (max-height: 1000px) {
  .ui-dialog.right-dialog.details-dialog .transation-details-info-wrapper {
    max-height: 570px !important; } }

@media only screen and (max-height: 800px) {
  .ui-dialog.right-dialog.details-dialog .transation-details-info-wrapper {
    max-height: 350px !important; } }

@media only screen and (max-height: 500px) {
  .ui-dialog.right-dialog.details-dialog .transation-details-info-wrapper {
    max-height: 200px !important; }
  #accountBalanceDomesticTemplate .transaction-popup-details-wrapper.templateWrapper {
    height: 62vh !important; }
    #accountBalanceDomesticTemplate .transaction-popup-details-wrapper.templateWrapper.frn {
      height: 62vh !important; } }

@media only screen and (max-height: 400px) {
  .ui-dialog.right-dialog.details-dialog .transation-details-info-wrapper {
    max-height: 130px !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-width: 1200px) {
  .sticky-header {
    display: block; }
    .sticky-header.scrolled {
      -webkit-transform: translateY(0);
      transform: translateY(0); }
  .html.Logout {
    overflow: hidden; }
  .info-links {
    top: -10px !important; }
  .languagesContainer {
    top: 24px;
    position: relative; }
  .header-logo.right {
    display: none; }
  .slider-wrapper {
    width: calc(100% - 90px) !important; }
  .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner.flex-layout {
    flex-wrap: wrap; }
  .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box {
    width: 294px; }
    .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box.account, .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box.status {
      width: 294px !important; }
  .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .filterButton {
    position: relative;
    top: 15px; }
  .DomesticOrderReportCorporate .gvDomesticReport {
    min-width: unset; }
    .DomesticOrderReportCorporate .gvDomesticReport table {
      min-width: 1250px; } }

/*@media only screen and (min-width: 1300px) {
    .DomesticOrderReportCorporate {
        .tableFilter {
            .transaction-filter-inner {
                .filterButton {
                    position: absolute;
                }
            }
        }
    }
}*/
@media only screen and (min-width: 1500px) {
  .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box {
    width: 23%; }
    .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box.account, .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box.status {
      width: 294px !important; }
  .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .filterButton {
    position: absolute;
    top: 25px; }
  .chartView .highcharts-container .highcharts-series-group .highcharts-series {
    transform: translate(10px, 68px) scale(1); } }

@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 (max-height: 1400px) and (max-width: 1000px) {
  .NoticesSlider {
    bottom: -115px !important; } }

@media only screen and (max-height: 1400px) and (min-width: 1000px) {
  .NoticesSlider {
    bottom: -120px !important; } }

@media only screen and (max-height: 1300px) and (max-width: 1000px) {
  .NoticesSlider {
    bottom: -200px !important; } }

@media only screen and (max-height: 850px) and (min-width: 1000px) {
  .NoticesSlider {
    bottom: -830px !important; } }

@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: 927px !important;
        left: 140px;
    }*/
  .info-links {
    /*top: 208px !important;
        display: block !important;
        position: relative !important;
        margin-right: 119px !important;*/ }
  .chartView .highcharts-container .highcharts-series-group .highcharts-series {
    transform: translate(50px, 50px) scale(1); } }

@media only screen and (min-width: 851px) and (max-width: 900px) {
  .chartView .highcharts-container .highcharts-series-group .highcharts-series {
    transform: translate(50px, 50px) scale(1); } }

@media only screen and (min-width: 850px) and (max-width: 1200px) {
  .AccountBalancePreviewCorporateV2,
  .DepositBalancePreviewCorporateV2,
  .LoanBalancePreviewCorporate {
    margin-top: 30px; } }

@media only screen and (min-width: 893px) and (max-width: 1200px) {
  /* .languagesContainer {
        top: 92px;
    }

    body.LanguageLogout .languagesContainer {
        top: 847px;
        left: 180px;
    }*/ }

@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%; }
  .ui-dialog.right-dialog.details-dialog {
    top: 24px; }
  .user-intro-select-wrapper.promotions {
    display: inline-block;
    margin-top: 10px; }
  .DomesticOrderListCorporate .gvOrderList,
  .ForeignOrderListCorporate .gvOrderList,
  .OrderPackageDetailsCorporate .gvOrderList {
    overflow-y: scroll; }
    .DomesticOrderListCorporate .gvOrderList table,
    .ForeignOrderListCorporate .gvOrderList table,
    .OrderPackageDetailsCorporate .gvOrderList table {
      width: 1280px !important;
      max-width: inherit !important; }
  .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: -325px; }
  #content_wrap {
    width: 100%;
    padding-top: 50px;
    margin-bottom: -92px; }
    #content_wrap #page-header:after {
      height: 417px; }
    #content_wrap #page-header.dashboard-header .UserInfo .UserInfoHeader {
      padding-bottom: 50px; }
    #content_wrap #page-header:not(.dashboard-header):after {
      height: 204px; }
    #content_wrap #page-header:not(.dashboard-header) .UserInfo .UserInfoHeader .user-intro-section-name .title-1,
    #content_wrap #page-header:not(.dashboard-header) .UserInfo .UserInfoHeader .user-intro-section-name span.name, #content_wrap #page-header:not(.dashboard-header) .UserInfo .UserInfoHeader .user-heading .title-1,
    #content_wrap #page-header:not(.dashboard-header) .UserInfo .UserInfoHeader .user-heading span.name {
      font-size: 24px; }
    #content_wrap #page-header.buy_sell_currency-header:after, #content_wrap #page-header.internal_transfer-header:after, #content_wrap #page-header.intrabank_transfer-header:after, #content_wrap #page-header.third_party_transfer-header:after {
      height: 267px; }
    #content_wrap #page-header.view_payment_orders-header .UserInfo .UserInfoHeader, #content_wrap #page-header.beneficiaries-header .UserInfo .UserInfoHeader {
      margin-bottom: 10px;
      padding-bottom: 90px; }
    #content_wrap #page-header.view_payment_orders-header:after {
      height: 122px; }
    #content_wrap #page-header.beneficiaries-header:after, #content_wrap #page-header.messageHub-header:after {
      height: 154px; }
    #content_wrap #page-header.my_profile-header:after {
      height: 250px; }
    #content_wrap #page-header .UserInfo .UserInfoHeader {
      padding-top: 20px; }
      #content_wrap #page-header .UserInfo .UserInfoHeader h2.title-1 {
        display: inline; }
    #content_wrap .push {
      height: 92px; }
  .side-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: 70px;
    padding: 20px;
    background-color: #EFEFEF;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
    z-index: 12; }
    .side-menu .header-logo {
      margin: 0;
      padding: 0; }
      .side-menu .header-logo a {
        margin: 0 auto;
        max-width: 160px;
        width: 80px; }
    .side-menu .header-logo.right a {
      margin: 0 auto;
      max-width: 160px;
      width: 120px; }
    .side-menu .mobile-btn {
      display: block;
      position: relative;
      width: 30px;
      height: 25px;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -webkit-text-size-adjust: none;
      -webkit-tap-highlight-color: transparent;
      user-select: none;
      cursor: pointer !important;
      z-index: 302; }
      .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: #d20000;
        -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: 0px;
      right: 0;
      bottom: 0;
      width: 40%;
      padding: 0px 24px 0 24px;
      height: 100vh;
      transform: translate(100%, 0px);
      background-color: #FFFFFF;
      -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% - 240px);
        padding-top: 55px;
        z-index: 300 !important; }
        .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:after {
          content: '';
          margin-left: 10px;
          position: absolute;
          top: 40%;
          right: 15px;
          /* transform: translate(0, -50%); */
          width: 11px;
          height: 14px;
          background-image: url(images/icons/arrow-bottom-1.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.active a span:after {
          transform: rotate(180deg); }
        .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;
      -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;
      right: 20px;
      top: 5%;
      z-index: 2;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      cursor: pointer; }
      .side-menu .hamburger-menu-close .hamburger-menu-line {
        display: block;
        width: 100%;
        height: 3px;
        position: absolute;
        left: 0;
        background-color: #272a94;
        -webkit-transition: opacity .5s,-webkit-transform .5s;
        transition: opacity .5s,-webkit-transform .5s;
        transition: transform .5s,opacity .5s;
        transition: transform .5s,opacity .5s,-webkit-transform .5s;
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%; }
        .side-menu .hamburger-menu-close .hamburger-menu-line:first-child {
          top: 0;
          -webkit-transform: rotate(45deg) scaleX(1.04);
          transform: rotate(45deg) scaleX(1.04); }
        .side-menu .hamburger-menu-close .hamburger-menu-line:nth-child(2) {
          -webkit-transform: rotate(-45deg) scaleX(1.04);
          transform: rotate(-45deg) scaleX(1.04);
          bottom: 0; }
  .MessageHubNotificationList .dot-menu-text-wrapper.messages {
    transform: translateY(-110px); }
  .LoginBackgroundV2 .login-form-col .info-links {
    top: 24px !important; }
  .LoginBackgroundV2 .login-promo-col {
    position: relative !important;
    width: 100% !important; }
    .LoginBackgroundV2 .login-promo-col .login-promo-main {
      padding-top: 40px; }
  .languagesContainer {
    top: 24px !important; }
  .SliderTutorial .slider .slick-list {
    height: 35vw; }
  .SliderTutorial .slide {
    padding: 35px;
    height: 25vw; }
  .LoginCorporateV2 .login-form-col {
    width: 100%;
    min-height: 840px;
    height: 100%; }
  .AccountSlider .tabslider {
    position: relative;
    z-index: 2;
    top: 55px;
    width: 55%;
    left: 30%; }
  .Advertising.Html .advert,
  .HtmlPromo .advert {
    height: 268px; }
  .user-intro-section-profile {
    position: absolute;
    right: 20px;
    width: max-content;
    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; }
  #page-footer {
    width: 100%; }
    #page-footer .footer-content {
      padding: 20px 10px 16px 30px; }
  .search_area {
    height: 40px; }
    .search_area svg {
      top: 45%; }
  .LoginBackgroundV2 .login-promo-col .login-promo-main .content-inner {
    margin-left: unset;
    padding-left: 40px; }
  .FastPayment .popup-content {
    left: unset; }
  .AccountTurnoverCorporateV2 .activity-popup-filter {
    left: unset; }
  .DomesticOrderCorporate {
    margin-top: 130px; }
  .CreditorTemplateManaging {
    margin-top: 145px; }
  .gvAccountTurnoverPreview,
  #gvLoanAnnuityPlanCorporate {
    overflow-x: auto !important;
    white-space: nowrap !important;
    width: 100% !important;
    touch-action: auto !important; }
    .gvAccountTurnoverPreview table,
    #gvLoanAnnuityPlanCorporate table {
      width: 1200px;
      min-width: 100px !important;
      max-width: unset !important; }
  .DomesticOrderReportCorporate {
    margin-top: 60px; }
    .DomesticOrderReportCorporate .gvDomesticReport {
      min-width: unset; }
      .DomesticOrderReportCorporate .gvDomesticReport table {
        min-width: 1250px; }
  .ui-dialog.right-dialog.details-dialog.selectLegalEntityDialog,
  .ui-dialog.right-dialog.details-dialog.accountsList {
    transform: translateY(-50%) translateX(-25%); }
  .ui-dialog.details-dialog.reservedFundsCards,
  .ui-dialog.details-dialog.reservedFunds,
  .ui-dialog.details-dialog.pendingOrders {
    min-width: 89% !important;
    max-width: 90% !important;
    max-height: 85% !important; }
    .ui-dialog.details-dialog.reservedFundsCards .payment-filter-wrapper,
    .ui-dialog.details-dialog.reservedFunds .payment-filter-wrapper,
    .ui-dialog.details-dialog.pendingOrders .payment-filter-wrapper {
      max-height: 450px; }
    .ui-dialog.details-dialog.reservedFundsCards .account-close-ico,
    .ui-dialog.details-dialog.reservedFunds .account-close-ico,
    .ui-dialog.details-dialog.pendingOrders .account-close-ico {
      right: 7px !important; } }

@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; }
  .LoginCorporateV2 .login-form-col .inner {
    margin: 30px auto 30px; }
    .LoginCorporateV2 .login-form-col .inner .site-logo {
      margin: 22px auto 25px; }
    .LoginCorporateV2 .login-form-col .inner .custom-switch {
      margin-bottom: 10px !important; }
    .LoginCorporateV2 .login-form-col .inner .login-title {
      margin-bottom: 10px !important; }
  .LoginCorporateV2 .login-form-col .login-promo-main .content-inner {
    padding-bottom: 53.5%; }
  .NoticesSlider {
    width: calc(100% - 0% - 25px);
    right: 10px;
    bottom: -660px; } }

@media only screen and (min-width: 800px) and (max-width: 1200px) {
  .side-menu .main-menu {
    left: auto;
    width: 300px;
    padding: 0px 0 0 24px; }
  #content_wrap.dashboard-wrap {
    top: -260px; }
  .LoginBackgroundV2 .login-promo-col {
    min-height: 625px; }
  .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner.flex-layout,
  .ForeignOrderReportCorporate .tableFilter .transaction-filter-inner.flex-layout {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .DomesticOrderReportCorporate .tableFilter .filterButton,
  .ForeignOrderReportCorporate .tableFilter .filterButton {
    margin: unset; }
  .AccountSlider .tabslider {
    position: relative;
    z-index: 2; } }

@media only screen and (min-width: 651px) and (max-width: 768px) {
  .CreditorTemplateManaging .widget-tabs,
  .ForeignPredefinedUsersCorporate .widget-tabs {
    top: -86px !important;
    width: 65% !important;
    z-index: 1; }
    .CreditorTemplateManaging .widget-tabs li a,
    .ForeignPredefinedUsersCorporate .widget-tabs li a {
      padding: 4px 0px !important; }
  .CreditorTemplateManaging .dot-menu-text-wrapper,
  .ForeignPredefinedUsersCorporate .dot-menu-text-wrapper {
    width: unset !important; }
  .CreditorTemplateManaging .transaction-filter-box,
  .ForeignPredefinedUsersCorporate .transaction-filter-box {
    width: calc(50% - 8px) !important;
    min-width: 300px; }
  .CreditorTemplateManaging .account-statement-pdf-download,
  .ForeignPredefinedUsersCorporate .account-statement-pdf-download {
    width: 55%; }
  .CreditorTemplateManaging .payments-ico,
  .ForeignPredefinedUsersCorporate .payments-ico {
    margin-right: 30px; }
  .AccountSlider .tabslider {
    position: relative;
    z-index: 2;
    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%; }
  .userinfo .s-widget-body .heading {
    top: 0; }
  .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box,
  .ForeignOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box {
    margin: 0 8px 10px; }
  .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .filterButton,
  .ForeignOrderReportCorporate .tableFilter .transaction-filter-inner .filterButton {
    position: relative;
    right: 0px;
    bottom: 0px;
    margin-bottom: 35px;
    margin-left: 10px; }
  .CreditorTemplateManaging .widget-tabs,
  .ForeignPredefinedUsersCorporate .widget-tabs {
    top: -86px !important;
    width: 47% !important;
    z-index: 1; }
    .CreditorTemplateManaging .widget-tabs li a,
    .ForeignPredefinedUsersCorporate .widget-tabs li a {
      padding: 4px 0px !important; }
  .CreditorTemplateManaging .dot-menu-text-wrapper,
  .ForeignPredefinedUsersCorporate .dot-menu-text-wrapper {
    width: unset !important; }
  .CreditorTemplateManaging .transaction-filter-box,
  .ForeignPredefinedUsersCorporate .transaction-filter-box {
    width: calc(50% - 8px) !important;
    min-width: 300px; }
  .CreditorTemplateManaging .account-statement-pdf-download,
  .ForeignPredefinedUsersCorporate .account-statement-pdf-download {
    width: 100%; }
  .CreditorTemplateManaging .payments-ico,
  .ForeignPredefinedUsersCorporate .payments-ico {
    margin-right: 30px; }
  .AccountStatements .account-statement-pdf-download,
  .AccountStatementsCorporateV2 .account-statement-pdf-download,
  .CardStatementsCorporateV2 .account-statement-pdf-download {
    margin-left: 15px; }
  .CardStatements .account-statement-pdf-download {
    margin-left: 15px; }
  .LoanBalancePreviewCorporate .wrapper.account-card-img .account-intro-inner,
  .SalariesPaylistCorporate .wrapper.account-card-img .account-intro-inner,
  .AccountBalancePreviewCorporateV2 .wrapper.account-card-img .account-intro-inner,
  .DepositBalancePreviewCorporateV2 .wrapper.account-card-img .account-intro-inner {
    padding: 15px 58px 15px 0px; }
  .CardBalancePreviewV2 .account-detail-menu .activity-popup-filter .dot-decoration,
  .CardBalancePreviewCorporateV3 .account-detail-menu .activity-popup-filter .dot-decoration {
    left: 40px; }
  .AccountSlider .tabslider {
    position: relative;
    z-index: 2;
    top: 55px; } }

@media only screen and (min-width: 601px) and (max-width: 800px) {
  .accountDetailsPopup .transaction-popup-option .page-text {
    width: 75% !important; }
  .acc-details {
    width: 97%; }
  .LoginBackgroundV2 .login-promo-col .login-promo-main .content-inner {
    padding: 0 20px 350px;
    padding-left: 0; }
  .LoginCorporateV2 .info-links {
    top: 26px !important;
    left: 50%;
    transform: translateX(-50%); }
  body.LanguageLogout .languagesContainer {
    /*top: 700px !important;
        left: 50%;
        transform: translateX(-50%);*/ }
  .slider-wrapper {
    height: 100px;
    width: 100% !important;
    left: 50%; }
    .slider-wrapper_middle {
      height: 110px !important; }
  /*.token-list {
        .column {
            &-date {
                p {
                    margin-left: 80px !important;
                    white-space: nowrap;
                }
            }

            &-digipass {
                p {
                    margin-left: 70px !important;
                }
            }
        }
    }*/
  .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner,
  .CardInstallmentsV2 .tableFilter .transaction-filter-inner,
  .AccountTurnoverCorporateV2 .tableFilter .transaction-filter-inner {
    width: 100%; }
    .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .filterButton,
    .CardInstallmentsV2 .tableFilter .transaction-filter-inner .filterButton,
    .AccountTurnoverCorporateV2 .tableFilter .transaction-filter-inner .filterButton {
      position: relative;
      margin-top: 15px;
      left: 5px; }
      .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .filterButton button,
      .CardInstallmentsV2 .tableFilter .transaction-filter-inner .filterButton button,
      .AccountTurnoverCorporateV2 .tableFilter .transaction-filter-inner .filterButton button {
        margin-left: 0px !important; }
  .CardTurnoverCorporateV2 .dot-menu-text-wrapper,
  .CardInstallmentsV2 .dot-menu-text-wrapper,
  .AccountTurnoverCorporateV2 .dot-menu-text-wrapper {
    width: auto;
    top: -60px !important; }
  .CardTurnoverCorporateV2 .filter-error-text,
  .CardInstallmentsV2 .filter-error-text,
  .AccountTurnoverCorporateV2 .filter-error-text {
    margin-top: 30px; }
  .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; }
  .LoanBalancePreviewV2 .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; }
    .LoanBalancePreviewV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .account-card-text {
      width: calc(100% - 70px) !important; }
      .LoanBalancePreviewV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .account-card-text h2 {
        white-space: pre-wrap; }
    .LoanBalancePreviewV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .user-account-loan-img {
      margin-right: 10px;
      margin-bottom: 0px; }
  .LoanBalancePreviewCorporate .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title,
  .SalariesPaylistCorporate .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title,
  .AccountBalancePreviewCorporateV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title,
  .DepositBalancePreviewCorporateV2 .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; }
    .LoanBalancePreviewCorporate .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .account-card-text,
    .SalariesPaylistCorporate .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .account-card-text,
    .AccountBalancePreviewCorporateV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .account-card-text,
    .DepositBalancePreviewCorporateV2 .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 .user-accout-card-img,
    .SalariesPaylistCorporate .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .user-accout-card-img,
    .AccountBalancePreviewCorporateV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .user-accout-card-img,
    .DepositBalancePreviewCorporateV2 .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,
  .CardBalancePreviewV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner,
  .CardBalancePreviewCorporateV3 .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,
    .CardBalancePreviewV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title,
    .CardBalancePreviewCorporateV3 .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,
      .CardBalancePreviewV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .account-card-text,
      .CardBalancePreviewCorporateV3 .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,
      .CardBalancePreviewV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .user-account-card-img,
      .CardBalancePreviewCorporateV3 .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,
  .CardBalancePreviewV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-title .user-account-card-img,
  .CardBalancePreviewCorporateV3 .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; }
  .LoanAnnuityPlan .dot-menu-text-wrapper,
  .LoanRepayments .dot-menu-text-wrapper {
    width: 100%;
    -webkit-box-pack: right !important;
    justify-content: right !important; }
  .AccountSlider .tabslider {
    position: relative;
    z-index: 2;
    top: -40px;
    width: 220px;
    left: 40%; } }

@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,
  .ForeignPredefinedUsersCorporate .account-statement-pdf-download {
    width: 66%; }
  .CreditorTemplateManaging .payments-ico,
  .ForeignPredefinedUsersCorporate .payments-ico {
    margin-right: 30px; } }

@media only screen and (max-width: 1300px) {
  .AccountSlider .user-account-card {
    flex-wrap: wrap; }
    .AccountSlider .user-account-card .user-account-card-left-col,
    .AccountSlider .user-account-card .user-account-card-right-col {
      width: 100%;
      margin: 0 auto;
      flex-wrap: nowrap;
      border-right: none;
      margin-bottom: 48px; }
    .AccountSlider .user-account-card .user-account-card-left-col .content {
      max-width: 372px; }
    .AccountSlider .user-account-card .user-account-card-right-col {
      padding-left: 0; }
      .AccountSlider .user-account-card .user-account-card-right-col .right-col-wrap {
        flex-wrap: nowrap; }
      .AccountSlider .user-account-card .user-account-card-right-col .user-chart-info .user-chart-info-text div {
        display: inline-flex; } }

@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: 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: 1301px) and (max-width: 1400px) {
  .user-account-card-left-col .user-account-card-left-col-inner .content {
    max-width: 240px !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: 70px !important;
    white-space: nowrap; }
  .token-list .column-digipass p {
    margin-left: 95px !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) {
  .LoginBackgroundV2 .login-promo-col .login-promo-main {
    min-height: 625px;
    max-height: unset;
    padding-top: 40px; } }

@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) {
  .LoanBalancePreviewCorporate .title-1,
  .AccountBalancePreviewCorporateV2 .title-1,
  .DepositBalancePreviewCorporateV2 .title-1 {
    font-size: 25px; }
  .ui-dialog.right-dialog.details-dialog {
    top: 24px; }
  .ui-dialog.details-dialog.reservedFunds {
    min-width: 90vw !important;
    max-width: 90vw !important; }
  .LoanBalancePreviewCorporate .title-1,
  .SalariesPaylistCorporate .title-1,
  .AccountBalancePreviewCorporateV2 .title-1,
  .DepositBalancePreviewCorporateV2 .title-1,
  .CardBalancePreviewV2 .title-1,
  .CardBalancePreviewCorporateV3 .title-1,
  .LoanBalancePreviewV2 .title-1,
  .DepositBalancePreviewV2 .title-1,
  .AccountSlider .title-1,
  .DomesticOrderCorporate .title-1,
  .ForeignOrderCorporate .title-1 {
    font-size: 25px; }
  .reportPrint.frn .foreign-exchange-order-form-inner .input-wrapper {
    width: 100%; }
  #zone_106646,
  #zone_106647 {
    width: 100% !important; }
  .token-list .column-buttons {
    right: 80px !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; }
  .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 .highcharts-container {
    transform: translateX(-30px); }
  .faq-section .faq-title h4 {
    margin-bottom: 30px; }
  .Advertising.Html .commercial-text-wrapper,
  .HtmlPromo .commercial-text-wrapper {
    width: 40%; }
    .Advertising.Html .commercial-text-wrapper .title-1,
    .HtmlPromo .commercial-text-wrapper .title-1 {
      font-size: 28px; }
  .Advertising.Html .advert,
  .HtmlPromo .advert {
    width: 60%; }
  .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); }
  .login-downloads-main {
    flex-direction: column !important;
    height: unset !important;
    padding: 0 !important; }
    .login-downloads-main .login-downloads-col-left {
      width: 100% !important;
      padding: 24px 24px 24px;
      overflow: unset !important; }
      .login-downloads-main .login-downloads-col-left .login-downloads-col-left-content {
        max-width: 484px !important;
        padding: 0 !important;
        margin-top: 35px !important;
        margin: 10px auto; }
      .login-downloads-main .login-downloads-col-left .login-downloads-deco {
        width: 100% !important;
        height: 100% !important;
        background-position: center center; }
    .login-downloads-main .login-downloads-col-right {
      position: relative;
      width: auto !important;
      height: auto !important;
      max-height: unset !important;
      padding: 20px;
      overflow: hidden;
      padding: 60px 20px 20px 5vw !important; }
  .NoticesSlider {
    bottom: -690px;
    width: calc(100vw - 0% - 25px);
    right: 10px; }
    .NoticesSlider .content-inner {
      padding-left: 40px; }
  .AccountSlider .user-intro-select-wrapper {
    min-width: 100%; }
  .ui-dialog.right-dialog.details-dialog.selectLegalEntityDialog,
  .ui-dialog.right-dialog.details-dialog.accountsList {
    transform: translateY(-45%) translateX(-30%);
    max-height: 97vh; }
    .ui-dialog.right-dialog.details-dialog.selectLegalEntityDialog .modal-wrap .modal-inner,
    .ui-dialog.right-dialog.details-dialog.accountsList .modal-wrap .modal-inner {
      max-height: 85px;
      min-height: 85px; }
  .ui-dialog.details-dialog.reservedFundsCards,
  .ui-dialog.details-dialog.reservedFunds,
  .ui-dialog.details-dialog.pendingOrders {
    min-width: 89% !important;
    max-width: 90% !important;
    max-height: 80% !important; }
    .ui-dialog.details-dialog.reservedFundsCards .ui-dialog-content,
    .ui-dialog.details-dialog.reservedFunds .ui-dialog-content,
    .ui-dialog.details-dialog.pendingOrders .ui-dialog-content {
      overflow: unset; }
      .ui-dialog.details-dialog.reservedFundsCards .ui-dialog-content .account-close-ico,
      .ui-dialog.details-dialog.reservedFunds .ui-dialog-content .account-close-ico,
      .ui-dialog.details-dialog.pendingOrders .ui-dialog-content .account-close-ico {
        right: 7px !important; }
      .ui-dialog.details-dialog.reservedFundsCards .ui-dialog-content .modal-inner,
      .ui-dialog.details-dialog.reservedFunds .ui-dialog-content .modal-inner,
      .ui-dialog.details-dialog.pendingOrders .ui-dialog-content .modal-inner {
        overflow-x: auto; }
        .ui-dialog.details-dialog.reservedFundsCards .ui-dialog-content .modal-inner .payment-filter-wrapper,
        .ui-dialog.details-dialog.reservedFunds .ui-dialog-content .modal-inner .payment-filter-wrapper,
        .ui-dialog.details-dialog.pendingOrders .ui-dialog-content .modal-inner .payment-filter-wrapper {
          min-width: 940px;
          max-height: 250px; }
  /*.right-dialog.details-dialog.commissionDialog {
        max-height: 95vh;
        .commission_details {
            max-height: 220px;
            margin-bottom: 16px;
        }
    }*/ }

@media only screen and (max-width: 900px) {
  .AccountSlider .highcharts-container {
    width: 100% !important; }
  .AccountSlider .highcharts-series-group {
    transform: translateX(-43px); }
  .AccountSlider .user-intro-select-wrapper {
    margin-left: 15px; }
  .gvAccountTurnoverPreview,
  #gvLoanAnnuityPlanCorporate {
    overflow-x: auto !important;
    white-space: nowrap !important;
    width: 100% !important;
    touch-action: auto !important; }
    .gvAccountTurnoverPreview table,
    #gvLoanAnnuityPlanCorporate table {
      width: 100px;
      min-width: 100px !important;
      max-width: unset !important; }
  .clientGrid, .clientGridPager {
    width: 100% !important;
    max-width: inherit !important; } }

@media only screen and (max-width: 850px) {
  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%; }
  .ui-dialog.right-dialog.details-dialog {
    max-height: 90vh !important; }
  .ui-dialog.right-dialog.details-dialog.newTemplate {
    height: auto !important; }
  .promo-cards-wrapper .promo-card-content {
    padding: 18px 18px 22px 18px; }
  .AccountStatements .flex-end,
  .AccountStatementsCorporateV2 .flex-end,
  .CardStatementsCorporateV2 .flex-end {
    flex-wrap: wrap !important; }
  .AccountStatements .transaction-filter-submit-statements,
  .AccountStatementsCorporateV2 .transaction-filter-submit-statements,
  .CardStatementsCorporateV2 .transaction-filter-submit-statements {
    margin-left: auto;
    margin-top: 10px; }
  .AccountStatements .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper,
  .AccountStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper,
  .CardStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper {
    width: 100% !important;
    flex-wrap: wrap !important; }
    .AccountStatements .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper button.transaction-filter-submit-statements,
    .AccountStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper button.transaction-filter-submit-statements,
    .CardStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .account-statement-calendar-wrapper button.transaction-filter-submit-statements {
      width: unset; }
  .AccountStatements .dot-menu-text-wrapper-filter,
  .AccountStatementsCorporateV2 .dot-menu-text-wrapper-filter,
  .CardStatementsCorporateV2 .dot-menu-text-wrapper-filter {
    width: auto !important;
    top: -200px !important;
    margin-left: auto;
    right: 0px !important; }
  .notificationMsgListFilter .filterButton {
    float: right;
    top: -55px; }
  .NoticesSlider {
    bottom: -800px !important;
    width: calc(100% - 0% - 100px);
    right: 40px; }
    .NoticesSlider .slider-wrapper {
      left: 0; }
      .NoticesSlider .slider-wrapper .slider-wrapper_bottom {
        padding: 0px !important; }
        .NoticesSlider .slider-wrapper .slider-wrapper_bottom .social {
          float: right;
          position: relative; }
    .NoticesSlider .slick-track {
      height: 147px !important;
      overflow: auto; }
  .accounts-tabs.tokenList {
    margin-top: 200px; }
  .TokenList,
  .CrontoTokenList {
    margin-top: 50px; }
    .TokenList .tableHeader,
    .CrontoTokenList .tableHeader {
      width: 100%;
      display: block; }
      .TokenList .tableHeader .s-widget-title,
      .CrontoTokenList .tableHeader .s-widget-title {
        width: 100%; }
      .TokenList .tableHeader table,
      .CrontoTokenList .tableHeader table {
        width: 100%; }
        .TokenList .tableHeader table tbody tr,
        .CrontoTokenList .tableHeader table tbody tr {
          display: block; }
    .TokenList .accounts-tabs.tokenList,
    .CrontoTokenList .accounts-tabs.tokenList {
      margin-top: 200px; }
  .LoanBalancePreviewCorporate .title-1,
  .SalariesPaylistCorporate .title-1,
  .AccountBalancePreviewCorporateV2 .title-1,
  .DepositBalancePreviewCorporateV2 .title-1,
  .CardBalancePreviewV2 .title-1,
  .CardBalancePreviewCorporateV3 .title-1,
  .LoanBalancePreviewV2 .title-1,
  .DepositBalancePreviewV2 .title-1,
  .AccountSlider .title-1,
  .DomesticOrderCorporate .title-1,
  .ForeignOrderCorporate .title-1 {
    font-size: 25px; }
  .SalariesPaylistCorporate .content-container .business-exchange-form-inner {
    flex-wrap: wrap; }
  .login-form {
    margin-top: 35px !important; }
  .reportPrint.loro {
    top: 50% !important;
    left: 50% !important;
    transform: translate(0, -50%); }
    .reportPrint.loro .foreign-inflows .foreign-inflows-top-right, .reportPrint.loro .foreign-inflows .foreign-inflows-top-right .btn-2 {
      width: 100%; }
    .reportPrint.loro .foreign-exchange-order-top-left {
      width: 100%;
      margin-bottom: 10px; }
  .SalariesServerOrderListCorporate {
    margin-top: 25%; }
    .SalariesServerOrderListCorporate .clientGrid,
    .SalariesServerOrderListCorporate .clientGridPager {
      width: 100% !important;
      max-width: inherit !important; }
    .SalariesServerOrderListCorporate .gvOrderList tbody td:nth-child(3) {
      width: 19%; }
  .reportPrint.frn .foreign-exchange-order-top-left {
    width: 100%;
    margin-bottom: 10px; }
  .reportPrint.frn .foreign-exchange-order-top-right {
    width: 100%; }
  .reportPrint.frn .foreign-exchange-order-form {
    padding: 15px; }
  .reportPrint.frn .reportPrint.frn .foreign-exchange-order-stats-inner {
    width: 100%;
    min-width: 893px; }
  .reportPrint.frn .foreign-exchange-order-stats .account-statements-info-wrapper {
    overflow-x: auto; }
  .reportPrint.frn .textarea-1 {
    min-height: 200px; }
  .reportPrint.frn .account-statements-filter-inner {
    width: 760px; }
    .reportPrint.frn .account-statements-filter-inner .payment-filter.flex-layout {
      display: flex;
      flex-wrap: nowrap; }
  .SalariesPaylistCorporate .business-exchange-form-inner {
    flex-wrap: wrap; }
  .SalariesPaylistCorporate .business-exchange-form-inner {
    position: relative;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between; }
  .SalariesPaylistCorporate .account-statements-filter-inner {
    width: 760px; }
  .SalariesPaylistCorporate .content-container .business-exchange-form-col-2 {
    width: 100%; }
    .SalariesPaylistCorporate .content-container .business-exchange-form-col-2:first-child {
      margin-right: 0;
      margin-bottom: 24px; }
  #content_wrap #page-header:after {
    height: 564px; }
  #content_wrap #page-header .UserInfo .UserInfoHeader .user-intro-section-name .title-1,
  #content_wrap #page-header .UserInfo .UserInfoHeader .user-intro-section-name span.name {
    font-size: 24px; }
  #content_wrap #page-header:not(.dashboard-header) .UserInfo .UserInfoHeader .user-intro-section-name .title-1,
  #content_wrap #page-header:not(.dashboard-header) .UserInfo .UserInfoHeader .user-intro-section-name span.name, #content_wrap #page-header:not(.dashboard-header) .UserInfo .UserInfoHeader .user-heading .title-1,
  #content_wrap #page-header:not(.dashboard-header) .UserInfo .UserInfoHeader .user-heading span.name {
    font-size: 25px; }
  #content_wrap #page-header.buy_sell_currency-header:after, #content_wrap #page-header.internal_transfer-header:after, #content_wrap #page-header.intrabank_transfer-header:after, #content_wrap #page-header.third_party_transfer-header:after {
    height: 319px; }
  #content_wrap #page-header.view_payment_orders-header:after {
    height: 120px; }
  #content_wrap #page-header.beneficiaries-header:after, #content_wrap #page-header.messageHub-header:after {
    height: 152px; }
  #content_wrap #page-header.my_profile-header:after {
    height: 247px; }
  .token-list .tableHeader {
    margin-bottom: 0px !important;
    margin-right: 0px !important; }
  .token-list .button {
    float: none !important; }
    .token-list .button button {
      top: 20px;
      float: none !important; }
  .token-list .account-statements-info-wrapper {
    margin-top: 60px !important; }
  .side-menu .hamburger-menu-close {
    display: block;
    position: absolute;
    width: 30px;
    height: 25px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -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;
    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; }
  .LoanBalanceCorporate .credit-description {
    max-height: 1500px;
    padding: 85px 30px 30px; }
    .LoanBalanceCorporate .credit-description .credit-data {
      width: 100%;
      max-width: unset;
      margin: 0 0 20px;
      display: block; }
  .LoanRepayments .payment-filter-recipient {
    width: 70%;
    padding-left: 90px; }
  .LoanRepayments .payment-filter-box .page-text-2 {
    padding-right: 25px;
    float: right; }
  .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; }
  .LoginBackgroundV2 .login-promo-col {
    min-height: 625px; }
  .LoanBalancePreviewCorporate,
  .AccountBalancePreviewCorporateV2,
  .DepositBalancePreviewCorporateV2 {
    margin-bottom: 50px; }
    .LoanBalancePreviewCorporate .tabslider,
    .AccountBalancePreviewCorporateV2 .tabslider,
    .DepositBalancePreviewCorporateV2 .tabslider {
      margin-top: 3%; }
  .AccountStatementsCorporateV2 .statementsFilter .filter-radio-btn:nth-child(2),
  .CardStatementsCorporateV2 .statementsFilter .filter-radio-btn:nth-child(2) {
    margin-top: 10px; }
  .AccountStatementsCorporateV2 .statementsFilter button.transaction-filter-submit-statements,
  .CardStatementsCorporateV2 .statementsFilter button.transaction-filter-submit-statements {
    width: 100%; }
  .AccountTurnoverCorporateV2 .floating-label .total-turnover, .AccountTurnoverCorporateV2 .floating-label .debit-turnover, .AccountTurnoverCorporateV2 .floating-label .credit-turnover {
    width: 100%;
    text-align: start; }
  .LoanBalancePreviewCorporate .account-intro-inner .accStatus,
  .SalariesPaylistCorporate .account-intro-inner .accStatus,
  .AccountBalancePreviewCorporateV2 .account-intro-inner .accStatus,
  .DepositBalancePreviewCorporateV2 .account-intro-inner .accStatus,
  .CardBalancePreviewV2 .account-intro-inner .accStatus,
  .CardBalancePreviewCorporateV3 .account-intro-inner .accStatus,
  .LoanBalancePreviewV2 .account-intro-inner .accStatus,
  .DepositBalancePreviewV2 .account-intro-inner .accStatus,
  .FXTrading .account-intro-inner .accStatus,
  .PaymentTransferV2 .account-intro-inner .accStatus,
  .CardPayment .account-intro-inner .accStatus,
  .PaymentOrderV2 .account-intro-inner .accStatus,
  .PaymentOrderV4 .account-intro-inner .accStatus,
  .DomesticOrderCorporate .account-intro-inner .accStatus {
    padding-top: 2%;
    padding-bottom: 2%; }
  .LoanBalancePreviewCorporate .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title,
  .SalariesPaylistCorporate .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title,
  .AccountBalancePreviewCorporateV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title,
  .DepositBalancePreviewCorporateV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title,
  .CardBalancePreviewV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title,
  .CardBalancePreviewCorporateV3 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title,
  .LoanBalancePreviewV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title,
  .DepositBalancePreviewV2 .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,
  .DomesticOrderCorporate .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title {
    padding-left: 20px; }
  .LoanBalancePreviewCorporate .account-intro-inner.flex-layout,
  .SalariesPaylistCorporate .account-intro-inner.flex-layout,
  .AccountBalancePreviewCorporateV2 .account-intro-inner.flex-layout,
  .DepositBalancePreviewCorporateV2 .account-intro-inner.flex-layout,
  .CardBalancePreviewV2 .account-intro-inner.flex-layout,
  .CardBalancePreviewCorporateV3 .account-intro-inner.flex-layout,
  .LoanBalancePreviewV2 .account-intro-inner.flex-layout,
  .DepositBalancePreviewV2 .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,
  .DomesticOrderCorporate .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;*/ }
  .LoanBalancePreviewCorporate .account-intro-inner .user-account-loan-img,
  .SalariesPaylistCorporate .account-intro-inner .user-account-loan-img,
  .AccountBalancePreviewCorporateV2 .account-intro-inner .user-account-loan-img,
  .DepositBalancePreviewCorporateV2 .account-intro-inner .user-account-loan-img,
  .CardBalancePreviewV2 .account-intro-inner .user-account-loan-img,
  .CardBalancePreviewCorporateV3 .account-intro-inner .user-account-loan-img,
  .LoanBalancePreviewV2 .account-intro-inner .user-account-loan-img,
  .DepositBalancePreviewV2 .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,
  .DomesticOrderCorporate .account-intro-inner .user-account-loan-img {
    margin-bottom: 20px; }
  .LoanBalancePreviewCorporate .accounts-intro-title,
  .SalariesPaylistCorporate .accounts-intro-title,
  .AccountBalancePreviewCorporateV2 .accounts-intro-title,
  .DepositBalancePreviewCorporateV2 .accounts-intro-title,
  .CardBalancePreviewV2 .accounts-intro-title,
  .CardBalancePreviewCorporateV3 .accounts-intro-title,
  .LoanBalancePreviewV2 .accounts-intro-title,
  .DepositBalancePreviewV2 .accounts-intro-title,
  .FXTrading .accounts-intro-title,
  .PaymentTransferV2 .accounts-intro-title,
  .CardPayment .accounts-intro-title,
  .PaymentOrderV2 .accounts-intro-title,
  .PaymentOrderV4 .accounts-intro-title,
  .DomesticOrderCorporate .accounts-intro-title {
    /*width: 52%;
                text-align: left;
                padding-left: 0;
                margin-bottom: 10px;
                flex-wrap: wrap;*/ }
    .LoanBalancePreviewCorporate .accounts-intro-title .account-card-text,
    .SalariesPaylistCorporate .accounts-intro-title .account-card-text,
    .AccountBalancePreviewCorporateV2 .accounts-intro-title .account-card-text,
    .DepositBalancePreviewCorporateV2 .accounts-intro-title .account-card-text,
    .CardBalancePreviewV2 .accounts-intro-title .account-card-text,
    .CardBalancePreviewCorporateV3 .accounts-intro-title .account-card-text,
    .LoanBalancePreviewV2 .accounts-intro-title .account-card-text,
    .DepositBalancePreviewV2 .accounts-intro-title .account-card-text,
    .FXTrading .accounts-intro-title .account-card-text,
    .PaymentTransferV2 .accounts-intro-title .account-card-text,
    .CardPayment .accounts-intro-title .account-card-text,
    .PaymentOrderV2 .accounts-intro-title .account-card-text,
    .PaymentOrderV4 .accounts-intro-title .account-card-text,
    .DomesticOrderCorporate .accounts-intro-title .account-card-text {
      margin-bottom: left; }
    .LoanBalancePreviewCorporate .accounts-intro-title.flex-layout,
    .SalariesPaylistCorporate .accounts-intro-title.flex-layout,
    .AccountBalancePreviewCorporateV2 .accounts-intro-title.flex-layout,
    .DepositBalancePreviewCorporateV2 .accounts-intro-title.flex-layout,
    .CardBalancePreviewV2 .accounts-intro-title.flex-layout,
    .CardBalancePreviewCorporateV3 .accounts-intro-title.flex-layout,
    .LoanBalancePreviewV2 .accounts-intro-title.flex-layout,
    .DepositBalancePreviewV2 .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,
    .DomesticOrderCorporate .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;*/ }
    .LoanBalancePreviewCorporate .accounts-intro-title .user-account-card-img.cards,
    .SalariesPaylistCorporate .accounts-intro-title .user-account-card-img.cards,
    .AccountBalancePreviewCorporateV2 .accounts-intro-title .user-account-card-img.cards,
    .DepositBalancePreviewCorporateV2 .accounts-intro-title .user-account-card-img.cards,
    .CardBalancePreviewV2 .accounts-intro-title .user-account-card-img.cards,
    .CardBalancePreviewCorporateV3 .accounts-intro-title .user-account-card-img.cards,
    .LoanBalancePreviewV2 .accounts-intro-title .user-account-card-img.cards,
    .DepositBalancePreviewV2 .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,
    .DomesticOrderCorporate .accounts-intro-title .user-account-card-img.cards {
      margin-bottom: 20px; }
  .AccountTurnoverCorporateV2 .s-widget-title {
    margin-bottom: 90px !important;
    text-align: left !important;
    margin-top: 30px !important; }
  .AccountTurnoverCorporateV2 .tableFilter {
    margin-bottom: 30px; }
  .AccountTurnoverCorporateV2 .dot-menu-text-wrapper .dot-menu {
    float: right; }
  .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview table thead tr th {
    padding-left: 16px;
    padding-right: 16px; }
    .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview table thead tr th:nth-child(2) > div {
      padding-left: 30px !important; }
    .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview table thead tr th:last-child > div {
      text-align: right; }
    .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview table thead tr th > div {
      padding-right: 0 !important; }
    .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview table thead tr th .sort-indicator {
      overflow: unset; }
      .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview table thead tr th .sort-indicator .payment-filter-ico {
        right: -10px; }
  .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td {
    width: auto !important;
    padding: 0 16px;
    white-space: nowrap !important; }
    .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td:nth-child(3) {
      min-width: 160px;
      white-space: normal !important; }
    .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td .turnover-icon {
      margin-left: 0; }
    .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td .date {
      padding-left: 16px; }
  .FXTrading .user-account-card-outer .user-account-card {
    border-radius: 16px;
    padding-top: 20px;
    padding-bottom: 20px; }
    .FXTrading .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title {
      padding-left: 0; }
      .FXTrading .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title .account-card-text {
        width: 100%;
        padding-left: 0px; }
    .FXTrading .user-account-card-outer .user-account-card .account-detail-menu {
      position: absolute;
      left: calc(100% - 72px);
      width: 51px; }
  .FXTrading .accounts-intro-balance {
    margin-bottom: 20px; }
  .FXTrading .transaction-filter-inner {
    margin-bottom: 60px; }
  /*    .CardStatements,
    .AccountStatements,
    .AccountStatementsCorporateV2 {
        .account-statement-calendar-wrapper {
            margin-left: 0;
            width: 100% !important;
            margin-bottom: 20px;
            flex-wrap: wrap;
        }

        .payment-filter-ico {
            right: 55px;
        }

        .transaction-filter-box {
            width: 100% !important;
            margin: 0 0 10px;
        }

        .dot-menu-text-wrapper {
            width: 100%;
            -webkit-box-pack: end;
            -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
            justify-content: flex-end;

            &-filter {
                top: -400px !important;
            }
        }
    }*/
  .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; }
  .AccountSlider .user-account-card {
    padding: 20px; }
    .AccountSlider .user-account-card .user-account-card-right-col .right-col-wrap {
      flex-wrap: nowrap !important; }
  .AccountSlider .user-intro-select-wrapper {
    margin-left: 0; }
  .AccountSlider .account-card-nav {
    right: 20px; }
  .AccountSlider .user {
    /* &-account-card {
                &-left-col-inner {
                    width: 100%;
                    margin-bottom: 20px;
                }

                &-right-col-inner {
                    width: 100%;
                }
            }*/ }
    .AccountSlider .user-chart-info {
      width: 100%;
      padding-right: 0;
      display: flex; }
      .AccountSlider .user-chart-info-wrapper {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
      .AccountSlider .user-chart-info.text {
        padding-left: 0; }
  .AccountSlider .user-account-card-left-col-inner .account-card-nav {
    padding-top: 50px; }
  .AccountSlider .user-account-card-right-col-inner {
    padding-top: 0px; }
  .ui-dialog.right-dialog.details-dialog.accountsList {
    transform: translateX(3%) translateY(-50%); }
    .ui-dialog.right-dialog.details-dialog.accountsList .ui-dialog-content {
      padding: 15px; }
  .CurrencyExchangeV2 {
    overflow: auto; }
    .CurrencyExchangeV2 .currency-exchange-filter {
      bottom: 0; }
    .CurrencyExchangeV2 .gvCurrencyExchange {
      padding-left: 10px;
      width: 665px; }
      .CurrencyExchangeV2 .gvCurrencyExchange table {
        width: 750px;
        overflow: auto; }
  .msgHubThreadList .message .archive-button {
    opacity: 1;
    visibility: visible; }
  .DomesticOrderReportCorporate,
  .ForeignOrderReportCorporate {
    margin-top: 150px; }
    .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner,
    .ForeignOrderReportCorporate .tableFilter .transaction-filter-inner {
      width: 100%;
      margin-left: 0;
      margin-bottom: 60px; }
      .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .filterButton,
      .ForeignOrderReportCorporate .tableFilter .transaction-filter-inner .filterButton {
        margin-left: 5px; }
      .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner.flex-layout,
      .ForeignOrderReportCorporate .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; }
      .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box,
      .ForeignOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box {
        margin: 0 0 10px; }
    .DomesticOrderReportCorporate .gvOrderPreviewList,
    .ForeignOrderReportCorporate .gvOrderPreviewList {
      width: 800px;
      overflow-x: scroll;
      max-width: 100%; }
      .DomesticOrderReportCorporate .gvOrderPreviewList table,
      .ForeignOrderReportCorporate .gvOrderPreviewList table {
        width: 800px; }
        .DomesticOrderReportCorporate .gvOrderPreviewList table thead th:nth-child(6),
        .ForeignOrderReportCorporate .gvOrderPreviewList table thead th:nth-child(6) {
          display: none; }
    .DomesticOrderReportCorporate .dot-menu-text-wrapper,
    .ForeignOrderReportCorporate .dot-menu-text-wrapper {
      transform: translateY(-240px);
      position: relative;
      right: unset; }
  .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,
  .paymentSuccess .accountDetailsPopup .popup-btn-wrapper {
    padding-bottom: 90px; }
  .CreditorTemplateManaging .popup-content,
  .ForeignPredefinedUsersCorporate .popup-content {
    width: 170px;
    right: 60px;
    -webkit-transform: translateY(-57px);
    transform: translateY(-57px);
    padding: 10px; }
    .CreditorTemplateManaging .popup-content .dot-decoration,
    .ForeignPredefinedUsersCorporate .popup-content .dot-decoration {
      right: -18px;
      top: 15px; }
    .CreditorTemplateManaging .popup-content .page-text,
    .ForeignPredefinedUsersCorporate .popup-content .page-text {
      margin-bottom: 3px;
      font-size: 12px; }
  .CreditorTemplateManaging .account-statements-info,
  .ForeignPredefinedUsersCorporate .account-statements-info {
    padding: 10px 20px 10px 30px; }
    .CreditorTemplateManaging .account-statements-info-info-wrapper,
    .ForeignPredefinedUsersCorporate .account-statements-info-info-wrapper {
      overflow-x: auto; }
    .CreditorTemplateManaging .account-statements-info-inner,
    .ForeignPredefinedUsersCorporate .account-statements-info-inner {
      white-space: nowrap;
      width: fit-content; }
  .CreditorTemplateManaging .widget-tabs,
  .ForeignPredefinedUsersCorporate .widget-tabs {
    top: -160px;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%; }
    .CreditorTemplateManaging .widget-tabs li a,
    .ForeignPredefinedUsersCorporate .widget-tabs li a {
      padding: 6px 42px;
      white-space: nowrap;
      padding-bottom: 5px;
      padding-top: 8px; }
  .CreditorTemplateManaging .margin-5,
  .ForeignPredefinedUsersCorporate .margin-5 {
    margin-bottom: 34px; }
  .CreditorTemplateManaging .payment-filter-box:first-child,
  .ForeignPredefinedUsersCorporate .payment-filter-box:first-child {
    width: 27%;
    padding-left: 84px !important;
    width: 100%; }
  .CreditorTemplateManaging .payment-filter-box.name,
  .ForeignPredefinedUsersCorporate .payment-filter-box.name {
    padding-left: 108px; }
  .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; }
  .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):not(.selectLegalEntityDialog):not(.right-dialog.details-dialog.commissionDialog) {
    /*.ui-dialog-content {
            //padding: 30px;
        }) {*/
    padding: 0px 0px; }
  #page-header.buy_sell_currency-header .UserInfo .UserInfoHeader, #page-header.third_party_transfer-header .UserInfo .UserInfoHeader {
    padding-bottom: 80px; }
  /*.account-card-text {
        min-width: 100% !important;
        white-space: nowrap;
        padding-left: 0px !important;
    }*/
  .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; }
  .DomesticOrderCorporate {
    margin-top: 240px; }
  .account-statements-info-wrapper .account-statements-filter-inner {
    width: 1150px !important; }
  .CreditorTemplateManaging {
    margin-top: 145px; }
    .CreditorTemplateManaging .fast-pay-menu-wrapper h4 {
      width: 100%; }
    .CreditorTemplateManaging .fast-pay-menu-wrapper .dot-menu-text-wrapper {
      position: absolute;
      width: 100%; }
      .CreditorTemplateManaging .fast-pay-menu-wrapper .dot-menu-text-wrapper a.addNew {
        position: relative;
        transform: translateY(0px);
        margin-left: 16px; }
    .CreditorTemplateManaging .templateWrapper {
      margin-top: 0px; }
      .CreditorTemplateManaging .templateWrapper .filterButton {
        bottom: -145px;
        right: 20px; } }

@media only screen and (max-width: 800px) {
  .AccountStatements,
  .AccountStatementsCorporateV2,
  .CardStatementsCorporateV2 {
    /*.flex-end {
            flex-wrap: wrap !important;
        }

        .transaction-filter-submit-statements {
            margin-left: auto;
            margin-top: 10px;
        }*/
    /* .statementsFilter {
            .account-statement-filter-wrapper {
                .account-statement-calendar-wrapper {
                    width: 100% !important;
                    flex-wrap: wrap !important;

                    button.transaction-filter-submit-statements {
                        width: unset;
                    }
                }
            }
        }*/ }
    .AccountStatements .dot-menu-text-wrapper-filter,
    .AccountStatementsCorporateV2 .dot-menu-text-wrapper-filter,
    .CardStatementsCorporateV2 .dot-menu-text-wrapper-filter {
      width: auto !important;
      top: -200px !important;
      margin-left: auto; }
  .Advertising.Html,
  .HtmlPromo {
    margin-bottom: 60px; }
    .Advertising.Html .commercial-wrapper,
    .HtmlPromo .commercial-wrapper {
      display: block; }
    .Advertising.Html .commercial-text-wrapper,
    .HtmlPromo .commercial-text-wrapper {
      width: 100%;
      margin-bottom: 24px; }
      .Advertising.Html .commercial-text-wrapper .title-1,
      .HtmlPromo .commercial-text-wrapper .title-1 {
        font-size: 25px; }
      .Advertising.Html .commercial-text-wrapper p, .Advertising.Html .commercial-text-wrapper h2,
      .HtmlPromo .commercial-text-wrapper p,
      .HtmlPromo .commercial-text-wrapper h2 {
        padding-right: 40px;
        padding-bottom: 25px; }
    .Advertising.Html .advert,
    .HtmlPromo .advert {
      width: 100%;
      height: 300px; }
  .CurrencyCalculator {
    padding-left: 0px; }
    .CurrencyCalculator .currency-calculator-table {
      padding-right: 10px;
      border-right: none !important; }
      .CurrencyCalculator .currency-calculator-table .payment-inner-text {
        left: 19%; }
      .CurrencyCalculator .currency-calculator-table tbody tr:nth-child(3) {
        width: 100%; }
  .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(4) td, .currency-calculator-zone .CurrencyCalculator-dashboard .currency-calculator-table tbody tr:nth-child(8) 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:nth-child(5) {
        justify-content: center; }
      .currency-calculator-zone .CurrencyCalculator-dashboard .currency-calculator-table tbody tr:nth-child(2) td, .currency-calculator-zone .CurrencyCalculator-dashboard .currency-calculator-table tbody tr:nth-child(6) td {
        bottom: 0 !important; }
      .currency-calculator-zone .CurrencyCalculator-dashboard .currency-calculator-table tbody tr td {
        display: -webkit-box !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 {
            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 button {
            display: block; }
          .currency-calculator-zone .CurrencyCalculator .currency-calculator-table tbody tr td input {
            width: 100%;
            display: block; }
  .currency-exchange-zone {
    width: 100% !important; }
  .CurrencyExchangeV2.dashboard {
    margin-left: 0; }
  .CurrencyExchangeV2 .s-widget-title {
    text-align: center;
    top: 10px;
    width: 100% !important; }
  .CurrencyExchangeV2 .currency-exchange-filter .transaction-filter-box {
    margin-top: 10px; }
  .CurrencyExchangeV2 .currency-exchange-filter .filterButton {
    margin-left: 10px;
    width: 96%; }
    .CurrencyExchangeV2 .currency-exchange-filter .filterButton button {
      width: 100%;
      border-radius: 20px;
      margin: 0; }
  .CurrencyExchangeV2 .transaction-filter-box .dk-select.select-1 {
    width: 100%; }
  .CurrencyExchangeV2 table {
    width: 100%; }
    .CurrencyExchangeV2 table tbody {
      width: 100%; }
      .CurrencyExchangeV2 table tbody tr td .currency-exchange-filter {
        width: 100%;
        display: block; }
        .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; }
  .AccountBalancePreviewCorporateV2 .user-account-card,
  .DepositBalancePreviewCorporateV2 .user-account-card,
  .CardBalancePreviewCorporateV3 .user-account-card,
  .LoanBalancePreviewCorporate .user-account-card {
    display: block; }
  .AccountBalancePreviewCorporateV2 .account-intro-inner .accounts-intro-title.flex-layout,
  .DepositBalancePreviewCorporateV2 .account-intro-inner .accounts-intro-title.flex-layout,
  .CardBalancePreviewCorporateV3 .account-intro-inner .accounts-intro-title.flex-layout,
  .LoanBalancePreviewCorporate .account-intro-inner .accounts-intro-title.flex-layout {
    width: 100% !important;
    flex-wrap: nowrap;
    gap: 10px; }
    .AccountBalancePreviewCorporateV2 .account-intro-inner .accounts-intro-title.flex-layout .account-card-text,
    .DepositBalancePreviewCorporateV2 .account-intro-inner .accounts-intro-title.flex-layout .account-card-text,
    .CardBalancePreviewCorporateV3 .account-intro-inner .accounts-intro-title.flex-layout .account-card-text,
    .LoanBalancePreviewCorporate .account-intro-inner .accounts-intro-title.flex-layout .account-card-text {
      min-width: 170px !important;
      max-width: 80%; }
    .AccountBalancePreviewCorporateV2 .account-intro-inner .accounts-intro-title.flex-layout .account-card-btn,
    .DepositBalancePreviewCorporateV2 .account-intro-inner .accounts-intro-title.flex-layout .account-card-btn,
    .CardBalancePreviewCorporateV3 .account-intro-inner .accounts-intro-title.flex-layout .account-card-btn,
    .LoanBalancePreviewCorporate .account-intro-inner .accounts-intro-title.flex-layout .account-card-btn {
      margin-bottom: 20px; }
  .AccountBalancePreviewCorporateV2 .account-intro-inner .accounts-intro-balance,
  .DepositBalancePreviewCorporateV2 .account-intro-inner .accounts-intro-balance,
  .CardBalancePreviewCorporateV3 .account-intro-inner .accounts-intro-balance,
  .LoanBalancePreviewCorporate .account-intro-inner .accounts-intro-balance {
    text-align: left !important; }
  .AccountBalancePreviewCorporateV2 .relative.account-intro-inner,
  .DepositBalancePreviewCorporateV2 .relative.account-intro-inner,
  .CardBalancePreviewCorporateV3 .relative.account-intro-inner,
  .LoanBalancePreviewCorporate .relative.account-intro-inner {
    display: block; }
  .AccountBalancePreviewCorporateV2 .account-detail-menu,
  .DepositBalancePreviewCorporateV2 .account-detail-menu,
  .CardBalancePreviewCorporateV3 .account-detail-menu,
  .LoanBalancePreviewCorporate .account-detail-menu {
    float: right;
    transform: translateY(-40px); }
  .AccountBalancePreviewCorporateV2 .wrapper .account-intro-inner,
  .DepositBalancePreviewCorporateV2 .wrapper .account-intro-inner,
  .CardBalancePreviewCorporateV3 .wrapper .account-intro-inner,
  .LoanBalancePreviewCorporate .wrapper .account-intro-inner {
    padding: 7px 33px 3px 20px !important; }
    .AccountBalancePreviewCorporateV2 .wrapper .account-intro-inner .accounts-intro-title .user-account-card-img,
    .DepositBalancePreviewCorporateV2 .wrapper .account-intro-inner .accounts-intro-title .user-account-card-img,
    .CardBalancePreviewCorporateV3 .wrapper .account-intro-inner .accounts-intro-title .user-account-card-img,
    .LoanBalancePreviewCorporate .wrapper .account-intro-inner .accounts-intro-title .user-account-card-img {
      margin-bottom: 15px; }
    .AccountBalancePreviewCorporateV2 .wrapper .account-intro-inner .account-card-text,
    .DepositBalancePreviewCorporateV2 .wrapper .account-intro-inner .account-card-text,
    .CardBalancePreviewCorporateV3 .wrapper .account-intro-inner .account-card-text,
    .LoanBalancePreviewCorporate .wrapper .account-intro-inner .account-card-text {
      margin-bottom: 0px; }
    .AccountBalancePreviewCorporateV2 .wrapper .account-intro-inner .accounts-intro-balance,
    .DepositBalancePreviewCorporateV2 .wrapper .account-intro-inner .accounts-intro-balance,
    .CardBalancePreviewCorporateV3 .wrapper .account-intro-inner .accounts-intro-balance,
    .LoanBalancePreviewCorporate .wrapper .account-intro-inner .accounts-intro-balance {
      display: flex;
      justify-content: end;
      text-align: right !important;
      width: 50% !important; }
      .AccountBalancePreviewCorporateV2 .wrapper .account-intro-inner .accounts-intro-balance .profile-text-arrow,
      .DepositBalancePreviewCorporateV2 .wrapper .account-intro-inner .accounts-intro-balance .profile-text-arrow,
      .CardBalancePreviewCorporateV3 .wrapper .account-intro-inner .accounts-intro-balance .profile-text-arrow,
      .LoanBalancePreviewCorporate .wrapper .account-intro-inner .accounts-intro-balance .profile-text-arrow {
        right: 0; }
  .CardBalancePreviewCorporateV3 .wrapper .account-intro-inner .accounts-intro-balance {
    width: 53% !important; }
    .CardBalancePreviewCorporateV3 .wrapper .account-intro-inner .accounts-intro-balance .profile-text-arrow {
      top: 15px; }
  .DomesticOrderListCorporate {
    margin-top: 60px; }
    .DomesticOrderListCorporate .s-widget-title {
      margin-bottom: 60px; }
    .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .form-group {
      min-width: unset;
      width: 35%; }
    .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .select-1 .dk-option {
      padding-right: 0; }
    .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .dk-select-options {
      min-width: unset; } }

@media only screen and (max-height: 1200px) and (max-width: 1000px) {
  .NoticesSlider {
    bottom: -420px !important; } }

@media only screen and (max-height: 1200px) and (max-width: 800px) {
  .NoticesSlider {
    bottom: -570px !important; } }

@media only screen and (max-width: 800px) and (max-height: 600px) {
  .slider-wrapper {
    width: 100% !important; } }

@media only screen and (min-width: 650px) and (max-width: 800px) {
  .LoginBackgroundV2 .login-promo-col .login-promo-main .content-inner {
    padding: 0 20px 300px;
    padding-left: 0; }
  #gvLoanAnnuityPlan,
  .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,
  .AccountStatementsCorporateV2 .account-statement-pdf-download,
  .CardStatementsCorporateV2 .account-statement-pdf-download {
    margin-left: 0px;
    white-space: pre; }
  .flex-end {
    flex-wrap: wrap; }
  .gvCardTurnover {
    overflow-x: auto; }
    .gvCardTurnover table {
      min-width: 890px;
      width: 890px; }
  .clientGrid,
  .clientGridPager {
    width: 890px !important;
    max-width: inherit !important; }
  .CardStatements .account-statement-pdf-download {
    margin-left: 0px;
    white-space: pre;
    margin-left: 23px; }
  .CardStatements .transaction-filter-submit-statements {
    margin-left: auto; }
  .MessageHubNotificationList {
    margin-top: 35px !important; }
    .MessageHubNotificationList .tableFilter .transaction-filter-inner {
      width: calc(100% - 32px);
      margin-left: -8px;
      flex-wrap: wrap;
      position: relative; }
      .MessageHubNotificationList .tableFilter .transaction-filter-inner .transaction-filter-box {
        width: calc(33.333333% - 17px);
        margin-bottom: 20px; }
    .MessageHubNotificationList .tableFilter .btnExecuteFilter {
      position: relative;
      bottom: 65px;
      left: -8px; }
    .MessageHubNotificationList .dot-menu-text-wrapper {
      top: -85px; }
    .MessageHubNotificationList .s-widget-title {
      margin-bottom: 40px; }
    .MessageHubNotificationList .notificationMsgList .widget-tabs {
      top: -430px !important; }
  .account-inter-inner-scroll, .all-account-popup-title {
    padding: 0 20px !important; }
  .mCSB_inside > .mCSB_container {
    margin-right: 0 !important; }
  .all-account-close {
    width: 40px !important;
    height: 40px !important;
    cursor: pointer !important;
    position: relative !important;
    right: unset !important; } }

@media only screen and (max-width: 800px) and (max-width: 1000px) {
  .SliderTutorial .widget-inner {
    margin-bottom: -90px; }
  .SliderTutorial .slide {
    padding: 22px;
    background-size: 100% 115%;
    height: 30vw; }
  .SliderTutorial .slide .inner {
    padding-left: 0px;
    bottom: 0px;
    padding-bottom: 23px; }
    .SliderTutorial .slide .inner .title {
      font-size: 26px;
      display: block;
      position: fixed; }
    .SliderTutorial .slide .inner .text {
      font-size: 15px;
      margin-bottom: 16px; }
    .SliderTutorial .slide .inner p {
      display: block;
      padding-top: 27px;
      margin-bottom: 20px; }
  .SliderTutorial .slick-dots {
    margin-bottom: 115px; }
  .SliderTutorial .btn-slider-show {
    background-color: #52AE30;
    z-index: 100;
    border-radius: 38px;
    display: inline;
    padding: 13px 0px 11px;
    min-height: 27px;
    transition: all .5s; }
  .reportPrint.frn .foreign-exchange-order-form-inner .input-wrapper {
    width: 100%; } }

@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: 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; }
  .NoticesSlider {
    bottom: -880px !important; }
    .NoticesSlider .col-ls-24 {
      width: 100% !important;
      max-height: 210px !important; }
    .NoticesSlider .slick-list {
      height: 209px !important;
      overflow: auto; } }

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .SliderTutorial .widget-inner {
    margin-bottom: 0px; }
  .SliderTutorial .slider .slick-list {
    height: 33vw; }
  .SliderTutorial .slide .inner {
    top: 50px; }
  .SliderTutorial .slick-dots {
    margin-bottom: -5px; } }

@media only screen and (min-width: 1001px) and (max-width: 1024px) {
  .SliderTutorial .widget-inner {
    margin-bottom: -70px; }
  .SliderTutorial .slider .slick-list {
    height: 34vw; }
  .SliderTutorial .slide .inner {
    bottom: 25px;
    max-width: 400px; }
    .SliderTutorial .slide .inner p {
      font-size: 30px; }
    .SliderTutorial .slide .inner .text {
      margin-bottom: 30px; }
  .SliderTutorial .slick-dots {
    margin-bottom: 50px; } }

@media only screen and (min-width: 861px) and (max-width: 1000px) {
  .SliderTutorial .widget-inner {
    margin-bottom: -90px; }
  .SliderTutorial .slider .slick-list {
    height: 32vw; }
  .SliderTutorial .slide .inner {
    bottom: 0px;
    margin-top: 15px; }
  .SliderTutorial .slick-dots {
    margin-bottom: -25px; } }

/*
@media only screen and (min-width: 950px) {
    .SliderTutorial {
        .slick {
            &-dots {
                margin-bottom: 10px;
            }
        }
    }
}*/
@media only screen and (max-width: 900px) {
  .AccountStatementsCorporateV2 .account-statement-info-inner,
  .CardStatementsCorporateV2 .account-statement-info-inner {
    min-width: 830px; } }

@media only screen and (max-width: 850px) {
  .LoginCorporateV2 .login-form-col {
    width: 100% !important;
    min-height: 670px !important;
    height: 100% !important; }
  .gvCardTurnover {
    overflow-x: auto; }
    .gvCardTurnover table {
      min-width: 890px;
      width: 890px; }
  .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 !important; }
    .support-dialog .support-grid .support-block {
      width: 75% !important;
      margin-bottom: 20px !important; }
      .support-dialog .support-grid .support-block .cta {
        text-align: center !important; }
      .support-dialog .support-grid .support-block .btn-1 {
        width: auto !important;
        min-width: 200px !important; }
      .support-dialog .support-grid .support-block.support-hidden {
        display: none; }
  .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%; }
  .CardTurnoverCorporateV2 .user-account-card-outer .user-account-card {
    border-radius: 16px;
    padding-top: 20px;
    padding-bottom: 20px; }
    .CardTurnoverCorporateV2 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title {
      padding-left: 0; }
      .CardTurnoverCorporateV2 .user-account-card-outer .user-account-card .account-intro-inner .accounts-intro-title .account-card-text {
        width: 100%;
        padding-left: 0px; }
    .CardTurnoverCorporateV2 .user-account-card-outer .user-account-card .account-detail-menu {
      position: inherit;
      left: 0px;
      width: 100%; }
  .CardTurnoverCorporateV2 .transaction-filter-inner .input-amount {
    width: 95%; }
  .CardTurnoverCorporateV2 .account-statement-pdf-download {
    margin-left: 82px; }
  .AccountStatements .group-inner,
  .AccountStatementsCorporateV2 .group-inner,
  .CardStatementsCorporateV2 .group-inner {
    padding-left: 60px !important; }
  .AccountStatements .account-statement-pdf-download,
  .AccountStatementsCorporateV2 .account-statement-pdf-download,
  .CardStatementsCorporateV2 .account-statement-pdf-download {
    margin-left: 9px; }
    .AccountStatements .account-statement-pdf-download p:first-child,
    .AccountStatementsCorporateV2 .account-statement-pdf-download p:first-child,
    .CardStatementsCorporateV2 .account-statement-pdf-download p:first-child {
      margin-right: 75px;
      padding-left: 9px !important; }
    .AccountStatements .account-statement-pdf-download .group-inner,
    .AccountStatementsCorporateV2 .account-statement-pdf-download .group-inner,
    .CardStatementsCorporateV2 .account-statement-pdf-download .group-inner {
      margin-bottom: 0 !important; }
  .CardStatements .account-statement-pdf-download {
    margin-left: 82px; }
  .LoanBalancePreviewCorporate .account-detail-menu .activity-popup-filter .dot-decoration,
  .SalariesPaylistCorporate .account-detail-menu .activity-popup-filter .dot-decoration,
  .AccountBalancePreviewCorporateV2 .account-detail-menu .activity-popup-filter .dot-decoration,
  .DepositBalancePreviewCorporateV2 .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; }
  .CardBalancePreviewV2 .account-detail-menu .activity-popup-filter .dot-decoration,
  .CardBalancePreviewCorporateV3 .account-detail-menu .activity-popup-filter .dot-decoration {
    left: 40px; } }

@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; }
  .CardBalancePreviewV2 .account-detail-menu .activity-popup-filter .dot-decoration,
  .CardBalancePreviewCorporateV3 .account-detail-menu .activity-popup-filter .dot-decoration {
    left: 180px !important; } }

@media only screen and (min-width: 601px) and (max-width: 660px) {
  .CardBalancePreviewV2 .account-detail-menu .activity-popup-filter,
  .CardBalancePreviewCorporateV3 .account-detail-menu .activity-popup-filter {
    left: unset !important; } }

@media only screen and (min-width: 601px) and (max-width: 650px) {
  .NoticesSlider {
    bottom: -755px !important;
    width: calc(100% - 35px) !important;
    left: 3%; }
  .CreditorTemplateManaging .widget-tabs,
  .ForeignPredefinedUsersCorporate .widget-tabs {
    top: -86px !important;
    width: 75% !important;
    z-index: 1; }
    .CreditorTemplateManaging .widget-tabs li a,
    .ForeignPredefinedUsersCorporate .widget-tabs li a {
      padding: 4px 0px !important; }
  .CreditorTemplateManaging .dot-menu-text-wrapper,
  .ForeignPredefinedUsersCorporate .dot-menu-text-wrapper {
    width: unset !important; }
  .CreditorTemplateManaging .addNew,
  .ForeignPredefinedUsersCorporate .addNew {
    transform: translateY(0px); }
  .CreditorTemplateManaging .beneficiaries-filter-menu-wrapper-inner,
  .ForeignPredefinedUsersCorporate .beneficiaries-filter-menu-wrapper-inner {
    display: block; }
  .CreditorTemplateManaging .paymentTemplates .beneficiaries-filter-menu-wrapper-inner .dot-menu,
  .ForeignPredefinedUsersCorporate .paymentTemplates .beneficiaries-filter-menu-wrapper-inner .dot-menu {
    margin-left: 0px !important; }
  .CreditorTemplateManaging .paymentTemplates .beneficiaries-filter-menu-wrapper-inner .transaction-filter-box,
  .ForeignPredefinedUsersCorporate .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,
  .ForeignPredefinedUsersCorporate .account-statement-pdf-download {
    width: 53%; }
  .CreditorTemplateManaging .payments-ico,
  .ForeignPredefinedUsersCorporate .payments-ico {
    margin-right: 30px; } }

@media only screen and (max-width: 670px) {
  .DomesticOrderReportCorporate .dot-menu-text-wrapper {
    transform: translateY(-390px);
    top: 15px; } }

@media only screen and (max-width: 650px) {
  .LoginBackgroundV2 .login-promo-col .login-promo-main {
    height: auto; }
    .LoginBackgroundV2 .login-promo-col .login-promo-main .content-inner {
      padding: 0 20px 300px !important;
      padding-left: 0; }
  .MessageHubNotificationList .input-wrapper.paymentCode.status,
  .MessageHubNotificationList .input-wrapper.paymentCode.categories {
    width: 100%; }
  .CreditorTemplateManaging .account-statement-pdf-download,
  .ForeignPredefinedUsersCorporate .account-statement-pdf-download {
    width: 88%; }
    .CreditorTemplateManaging .account-statement-pdf-download p:first-child,
    .ForeignPredefinedUsersCorporate .account-statement-pdf-download p:first-child {
      width: 39% !important; }
    .CreditorTemplateManaging .account-statement-pdf-download p:nth-child(2),
    .ForeignPredefinedUsersCorporate .account-statement-pdf-download p:nth-child(2) {
      padding-left: 0;
      width: 6% !important; }
  .company-box {
    flex-wrap: wrap;
    padding: 14px 14px 14px 72px !important;
    width: 75% !important; }
    .company-box .company-box-col-1 {
      width: 100% !important;
      padding: 0 !important;
      margin-bottom: 8px !important; }
    .company-box .company-box-col-2 {
      width: 60% !important; }
    .company-box .company-box-col-3 {
      width: 30% !important; }
  .NoticesSlider .slider-wrapper {
    width: auto !important;
    left: 0; }
    .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;
      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; }
  .ui-dialog.right-dialog.details-dialog.newTemplate {
    width: 90% !important; }
  .DomesticOrderCorporate .user-account-info-cards-wrapper .user-account-card-outer .debit-account-wrapper .dk-select.select-1 .dk-selected {
    height: fit-content !important; } }

@media only screen and (max-width: 576px) {
  .mCSB_container {
    overflow-x: scroll !important; } }

@media only screen and (min-width: 1201px) and (max-height: 699px) {
  .NoticesSlider .slider-wrapper {
    margin-bottom: -12px;
    position: sticky; } }

@media only screen and (max-width: 850px) {
  .token-list .group-inner {
    width: 18% !important; }
    .token-list .group-inner .pdf-download {
      padding: 5px 0 !important;
      margin-left: 5px !important; }
  .token-list .column-buttons {
    right: 50px !important; }
  .clientGrid,
  .clientGridPager {
    width: 890px !important;
    max-width: inherit !important; }
  .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; }
  .SalariesServerOrderListCorporate {
    margin-top: 55%; }
    .SalariesServerOrderListCorporate .salaries-top-actions {
      padding-top: 20px; }
    .SalariesServerOrderListCorporate .total-data {
      display: block; }
      .SalariesServerOrderListCorporate .total-data .totalDataPt2 {
        margin-left: 0; }
  .reportPrint.frn .foreign-exchange-order-top-right .btn-2 {
    width: 100%; }
    .reportPrint.frn .foreign-exchange-order-top-right .btn-2:not(:last-child) {
      margin-bottom: 12px; }
  .reportPrint.frn .foreign-exchange-order-stats .account-statements-info-wrapper {
    overflow-x: auto; }
  .reportPrint.frn .modal-inner {
    max-height: calc(92vh - 400px);
    padding-left: 0;
    padding-right: 5px; }
  .reportPrint.loro .foreign-inflows .foreign-inflows-top-right {
    width: 100%; }
    .reportPrint.loro .foreign-inflows .foreign-inflows-top-right .btn-2 {
      width: 100%; }
  .reportPrint.loro .result-container {
    margin-bottom: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse; }
    .reportPrint.loro .result-container .foreign-inflows-result {
      width: 100%;
      margin-bottom: 15px; }
  .SalariesPaylistCorporate .salary-content-title-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: start;
    align-items: flex-start; }
    .SalariesPaylistCorporate .salary-content-title-wrap .btn-1 {
      margin-top: 20px; }
  .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner {
    width: 100%;
    position: relative; }
    .LoanRepaymentsCorporate .tableFilter .transaction-filter-inner .filterButton button {
      margin-left: auto;
      margin-right: auto; }
  .LoanRepaymentsCorporate .transaction-filter-inner {
    width: 100%; }
    .LoanRepaymentsCorporate .transaction-filter-inner.flex-layout {
      display: flex;
      flex-wrap: wrap; }
    .LoanRepaymentsCorporate .transaction-filter-inner .transaction-filter-box {
      width: 100%;
      margin: 0 4px 10px;
      min-width: unset; }
      .LoanRepaymentsCorporate .transaction-filter-inner .transaction-filter-box.listFrom {
        width: 100%; }
      .LoanRepaymentsCorporate .transaction-filter-inner .transaction-filter-box .transaction-filter input {
        padding: initial; }
  .accountDetailsPopup .transaction-popup-option .page-text {
    width: 77% !important; }
  .acc-details {
    width: 95%; }
  .s-widget.MessageHubNotificationList .notificationMsgList .widget-tabs {
    top: -640px; }
  .user-intro-select-wrapper.my_profile {
    margin: 85px auto 50px !important; }
  #content_wrap .exchage_list-header:after {
    height: 180px !important; }
  /*    .token-list {
        .column {
            &-date {
                p {
                    margin-left: 145px !important;
                    white-space: nowrap;
                }
            }

            &-digipass {
                p {
                    margin-left: 125px !important;
                }
            }
        }
    }*/
  .SliderTutorial .widget-inner {
    margin-bottom: -180px; }
  .SliderTutorial .slide .inner {
    max-width: unset;
    bottom: 20px; }
    .SliderTutorial .slide .inner .text {
      font-size: 14px; }
  .SliderTutorial .slick-dots {
    margin-bottom: 180px; }
  .SliderTutorial .btn-slider-show {
    min-height: unset;
    padding: 10px 22px 7px; }
  .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img {
    display: block; }
    .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner {
      display: block;
      width: unset !important; }
      .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title {
        flex-wrap: nowrap !important;
        display: block;
        margin-bottom: 20px; }
        .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .account-card-text h2 {
          margin-bottom: 0px !important; }
        .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .user-accout-card-img {
          margin-bottom: 10px; }
      .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-balance {
        margin-left: 20px !important;
        margin-bottom: -15px !important; }
        .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-balance .account-balance-amount-text {
          text-align-last: left;
          width: 100% !important; }
        .PaymentOrderV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-balance .profile-text-arrow {
          right: -175px;
          position: relative;
          top: -35px; }
  .PaymentOrderV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner {
    margin-left: -20px; }
    .PaymentOrderV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-title {
      width: 90%; }
      .PaymentOrderV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-title .account-card-text {
        margin-left: -20px; }
      .PaymentOrderV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-title .user-accout-card-img {
        margin-bottom: 20px; }
  .PaymentOrderV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .flex {
    display: block; }
  .CardPayment .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-balance,
  .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,
  .AccountStatementsCorporateV2 .account-statements-info-wrapper,
  .CardStatementsCorporateV2 .account-statements-info-wrapper {
    margin-top: 30px !important; }
  .LoginBackgroundV2 .login-promo-col .login-promo-main .content-inner {
    padding: 0 20px 440px;
    padding-left: 60px; }
  .slider-wrapper {
    left: 20px;
    width: calc(100% - 40px) !important; }
  .NoticesSlider .slider-wrapper h3 {
    padding-right: 70px !important; }
  .NoticesSlider .slider-wrapper .slider-wrapper_bottom {
    padding: 0px !important;
    border-top: 0; }
    .NoticesSlider .slider-wrapper .slider-wrapper_bottom .social {
      float: right;
      position: relative;
      margin-top: 0; }
      .NoticesSlider .slider-wrapper .slider-wrapper_bottom .social .icon {
        width: 34px !important;
        height: 34px !important;
        margin: 4px !important; }
  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.dashboard-header .UserInfo .UserInfoHeader {
      padding-bottom: 90px;
      padding-top: 110px; }
    #content_wrap #page-header.buy_sell_currency-header:after, #content_wrap #page-header.internal_transfer-header:after, #content_wrap #page-header.intrabank_transfer-header:after, #content_wrap #page-header.third_party_transfer-header:after {
      height: 439px; }
    #content_wrap #page-header.view_payment_orders-header .UserInfo .UserInfoHeader, #content_wrap #page-header.beneficiaries-header .UserInfo .UserInfoHeader {
      padding-bottom: 70px; }
    #content_wrap #page-header.view_payment_orders-header:after {
      height: 192px; }
    #content_wrap #page-header.beneficiaries-header:after, #content_wrap #page-header.messageHub-header:after {
      height: 224px; }
    #content_wrap #page-header.my_profile-header:after {
      height: 386px; }
    #content_wrap #page-header .UserInfo .UserInfoHeader {
      padding-top: 110px;
      justify-content: center; }
      #content_wrap #page-header .UserInfo .UserInfoHeader .user-heading {
        text-align: center; }
    #content_wrap .push {
      height: 130px; }
  .side-menu {
    height: 60px;
    padding: 10px 20px; }
    .side-menu .main-menu {
      top: 0px;
      height: 100vh; }
    .side-menu .hamburger-menu-close {
      display: block;
      position: absolute;
      width: 30px;
      height: 25px;
      -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;
      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; }
  .userinfo .s-widget-body .heading {
    font-size: 25px; }
  .s-widget-title {
    text-align: left;
    margin-bottom: 20px; }
  .AccountSlider .tabslider {
    position: relative;
    z-index: 2;
    top: 55px;
    width: 220px;
    left: 38%; }
  .AccountSlider .account {
    /*&-nav-inner,
            &-card-nav {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;

                .account-nav-inner {
                    width: 60%;


                    .account-card-btn {
                        margin: 0 10px 0 0;
                    }
                }
            }*/
    /*&-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 #chart .chartView {
    margin-left: 100px; }
  .AccountSlider .user-account-card {
    /*&-left-col,
                &-right-col {
                    width: 100%;
                    padding: 0;
                    border: none;
                    max-width: 100%;
                }*/ }
    .AccountSlider .user-account-card-left-col {
      margin-bottom: 40px; }
  .AccountSlider .highcharts-series-group {
    transform: translateX(0px); }
  .AccountSlider .highcharts-container {
    width: 100%;
    transform: translateX(0px); }
  .LoanRepayments .loans-wrapper {
    margin-top: 70px; }
  .ui-dialog .ui-dialog-titlebar {
    width: auto !important; }
  .group-inner {
    margin-bottom: 15px !important; }
  .account-inter-inner-scroll {
    overflow-x: hidden; }
  .loanRepaymentsNoErrorView {
    overflow-x: scroll !important; }
  .LoanAnnuityPlan #gvLoanAnnuityPlan {
    margin-top: 70px;
    overflow-x: scroll !important; }
  .LoanAnnuityPlan .payment-filter-wrapper.loan-filter-wrapper .payment-filter {
    white-space: normal; }
  .LoanAnnuityPlan .filter-wrapper-list-7-outher-wrapper {
    overflow-x: scroll;
    margin-top: 30px; }
  .LoanBalancePreviewV2 .account-intro-inner,
  .DepositBalancePreviewV2 .account-intro-inner {
    width: 100%;
    margin-bottom: 20px; }
  .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,
  .AccountTurnoverCorporateV2 .tableFilter,
  .CardTurnoverCorporateV2 .tableFilter,
  .DomesticOrderReportCorporate .tableFilter,
  .ForeignOrderReportCorporate .tableFilter {
    margin-right: 0;
    margin-left: 0; }
    .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner,
    .CardInstallmentsV2 .tableFilter .transaction-filter-inner,
    .AccountTurnoverCorporateV2 .tableFilter .transaction-filter-inner,
    .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner,
    .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner,
    .ForeignOrderReportCorporate .tableFilter .transaction-filter-inner {
      width: 100%; }
      .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .filterButton,
      .CardInstallmentsV2 .tableFilter .transaction-filter-inner .filterButton,
      .AccountTurnoverCorporateV2 .tableFilter .transaction-filter-inner .filterButton,
      .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .filterButton,
      .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .filterButton,
      .ForeignOrderReportCorporate .tableFilter .transaction-filter-inner .filterButton {
        position: static;
        transform: translate(0, 0); }
      .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .transaction-filter-box,
      .CardInstallmentsV2 .tableFilter .transaction-filter-inner .transaction-filter-box,
      .AccountTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box,
      .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .transaction-filter-box,
      .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box,
      .ForeignOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box {
        width: 100% !important;
        margin: 0 0 10px; }
  .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box {
    width: 294px !important; }
  .Forms_ActiveWorkflowListSOG .s-widget-header,
  .CardTurnoverCorporateV2 .s-widget-header,
  .AccountTurnoverCorporateV2 .s-widget-header {
    padding-left: 0; }
    .Forms_ActiveWorkflowListSOG .s-widget-header table,
    .CardTurnoverCorporateV2 .s-widget-header table,
    .AccountTurnoverCorporateV2 .s-widget-header table {
      margin-bottom: 0; }
  .Forms_ActiveWorkflowListSOG .s-widget-title,
  .CardTurnoverCorporateV2 .s-widget-title,
  .AccountTurnoverCorporateV2 .s-widget-title {
    margin-bottom: 0; }
  .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-inner .filterButton button,
  .CardTurnoverCorporateV2 .tableFilter .transaction-filter-inner .filterButton button,
  .AccountTurnoverCorporateV2 .tableFilter .transaction-filter-inner .filterButton button {
    margin-left: 0px !important; }
  .Forms_ActiveWorkflowListSOG .dot-menu-text-wrapper,
  .CardTurnoverCorporateV2 .dot-menu-text-wrapper,
  .AccountTurnoverCorporateV2 .dot-menu-text-wrapper {
    width: 100%;
    justify-content: center;
    top: -78px; }
    .Forms_ActiveWorkflowListSOG .dot-menu-text-wrapper .pdf-download,
    .CardTurnoverCorporateV2 .dot-menu-text-wrapper .pdf-download,
    .AccountTurnoverCorporateV2 .dot-menu-text-wrapper .pdf-download {
      margin: 0 8px; }
  .CardTurnoverCorporateV2 .s-widget-header {
    padding-bottom: 98px;
    padding-left: 0; }
    .CardTurnoverCorporateV2 .s-widget-header table {
      margin-bottom: 0; }
  .CardTurnoverCorporateV2 .s-widget-title {
    margin-bottom: 0; }
  .CardTurnoverCorporateV2 .dot-menu-text-wrapper {
    width: 100%;
    justify-content: center;
    top: -78px; }
    .CardTurnoverCorporateV2 .dot-menu-text-wrapper .pdf-download {
      margin: 0 8px; }
  .DomesticOrderReportCorporate .gvOrderPreviewList table,
  .ForeignOrderReportCorporate .gvOrderPreviewList table {
    width: 900px; }
  .CardStatements .s-widget-title,
  .AccountStatements .s-widget-title,
  .AccountStatementsCorporateV2 .s-widget-title,
  .CardStatementsCorporateV2 .s-widget-title {
    text-align: left; }
  .CardStatements .payment-filter-ico,
  .AccountStatements .payment-filter-ico,
  .AccountStatementsCorporateV2 .payment-filter-ico,
  .CardStatementsCorporateV2 .payment-filter-ico {
    right: 15px; }
  .CardStatements .statementsFilter .account-statement-filter-wrapper .transaction-filter-box,
  .AccountStatements .statementsFilter .account-statement-filter-wrapper .transaction-filter-box,
  .AccountStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .transaction-filter-box,
  .CardStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper .transaction-filter-box {
    margin-bottom: 0 !important; }
  .CardStatements .statementsFilter .account-statement-filter-wrapper.flex-layout,
  .AccountStatements .statementsFilter .account-statement-filter-wrapper.flex-layout,
  .AccountStatementsCorporateV2 .statementsFilter .account-statement-filter-wrapper.flex-layout,
  .CardStatementsCorporateV2 .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,
  .AccountStatementsCorporateV2 .statementsFilter .pdf-wrapper,
  .CardStatementsCorporateV2 .statementsFilter .pdf-wrapper {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .CardStatements .showPagination,
  .AccountStatements .showPagination,
  .AccountStatementsCorporateV2 .showPagination,
  .CardStatementsCorporateV2 .showPagination {
    justify-content: flex-start;
    padding-bottom: 20px; }
  .CardStatements .transaction-filter-submit-statements,
  .AccountStatements .transaction-filter-submit-statements,
  .AccountStatementsCorporateV2 .transaction-filter-submit-statements,
  .CardStatementsCorporateV2 .transaction-filter-submit-statements {
    margin-left: 0px; }
  .CardStatements .payment-filter-box:first-child,
  .AccountStatements .payment-filter-box:first-child,
  .AccountStatementsCorporateV2 .payment-filter-box:first-child,
  .CardStatementsCorporateV2 .payment-filter-box:first-child {
    width: 10%;
    padding-left: 80px; }
  .CardStatements .payment-filter-recipient,
  .AccountStatements .payment-filter-recipient,
  .AccountStatementsCorporateV2 .payment-filter-recipient,
  .CardStatementsCorporateV2 .payment-filter-recipient {
    width: 18.6% !important;
    padding-left: 12px; }
  .CardStatements .s-widget-title {
    text-align: left; }
  .CardStatements .payment-filter-ico {
    right: 15px; }
  .CardStatements .statementsFilter .account-statement-filter-wrapper.flex-layout {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .CardStatements .statementsFilter .pdf-wrapper {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .CardStatements .showPagination {
    justify-content: flex-start;
    padding-bottom: 20px; }
  .CardStatements .transaction-filter-submit-statements {
    margin-left: 0px; }
  .CardStatements .payment-filter-box:first-child {
    width: 10%;
    padding-left: 80px; }
  .CardStatements .payment-filter-recipient {
    width: 22%;
    padding-left: 100px; }
  .Forms_ActiveWorkflowListSOG .notificationMsgList .dot-menu-text-wrapper .wh-button,
  .MessageHubNotificationList .notificationMsgList .dot-menu-text-wrapper .wh-button {
    margin-bottom: 8px; }
  .Forms_ActiveWorkflowListSOG .notificationMsgList .msgHubThreadList .divTable,
  .MessageHubNotificationList .notificationMsgList .msgHubThreadList .divTable {
    width: 100%;
    overflow-x: scroll; }
    .Forms_ActiveWorkflowListSOG .notificationMsgList .msgHubThreadList .divTable .listOfThreads,
    .MessageHubNotificationList .notificationMsgList .msgHubThreadList .divTable .listOfThreads {
      width: 700px;
      display: inline-block;
      position: relative;
      cursor: pointer;
      white-space: nowrap;
      overflow-x: scroll; }
  .Forms_ActiveWorkflowListSOG .dot-menu-text-wrapper.messages,
  .MessageHubNotificationList .dot-menu-text-wrapper.messages {
    transform: translateY(-430px);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap; }
  .Forms_ActiveWorkflowListSOG .tableFilter,
  .MessageHubNotificationList .tableFilter {
    position: relative;
    top: 80px; }
    .Forms_ActiveWorkflowListSOG .tableFilter .btnExecuteFilter,
    .MessageHubNotificationList .tableFilter .btnExecuteFilter {
      bottom: 0;
      left: 10px; }
    .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-wrapper,
    .MessageHubNotificationList .tableFilter .transaction-filter-wrapper {
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      display: block;
      width: 100%;
      margin-left: 0; }
      .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-wrapper .transaction-filter-inner,
      .MessageHubNotificationList .tableFilter .transaction-filter-wrapper .transaction-filter-inner {
        flex-wrap: wrap; }
        .Forms_ActiveWorkflowListSOG .tableFilter .transaction-filter-wrapper .transaction-filter-inner .transaction-filter-box,
        .MessageHubNotificationList .tableFilter .transaction-filter-wrapper .transaction-filter-inner .transaction-filter-box {
          width: 100%; }
  .PersonalDataV2 .page-text {
    word-break: break-all; }
  .PersonalSettingsV3 .inner .btn-wrapper.mt-8 {
    margin-top: 40px; }
  .MessageHubNotificationList .tableFilter {
    margin-bottom: 40px; }
  .CreditorTemplateManaging .widget-tabs,
  .ForeignPredefinedUsersCorporate .widget-tabs {
    top: -65px !important;
    width: 75% !important;
    z-index: 1; }
    .CreditorTemplateManaging .widget-tabs li a,
    .ForeignPredefinedUsersCorporate .widget-tabs li a {
      padding: 4px 0px !important; }
  .CreditorTemplateManaging .paymentTemplates .beneficiaries-filter-menu-wrapper-inner,
  .ForeignPredefinedUsersCorporate .paymentTemplates .beneficiaries-filter-menu-wrapper-inner {
    width: 100%;
    transform: translateY(110px); }
    .CreditorTemplateManaging .paymentTemplates .beneficiaries-filter-menu-wrapper-inner .transaction-filter-box,
    .ForeignPredefinedUsersCorporate .paymentTemplates .beneficiaries-filter-menu-wrapper-inner .transaction-filter-box {
      width: calc(100% - 96px) !important; }
  .CreditorTemplateManaging .dot-menu-text-wrapper a.pdf-download:nth-child(1),
  .ForeignPredefinedUsersCorporate .dot-menu-text-wrapper a.pdf-download:nth-child(1) {
    margin-left: 136px; }
  .CreditorTemplateManaging .dot-menu-text-wrapper a.pdf-download:nth-child(2),
  .ForeignPredefinedUsersCorporate .dot-menu-text-wrapper a.pdf-download:nth-child(2) {
    margin-left: 16px; }
  .CreditorTemplateManaging .fast-pay-menu-wrapper,
  .ForeignPredefinedUsersCorporate .fast-pay-menu-wrapper {
    top: 80px;
    position: relative; }
    .CreditorTemplateManaging .fast-pay-menu-wrapper .title-2,
    .ForeignPredefinedUsersCorporate .fast-pay-menu-wrapper .title-2 {
      margin-bottom: 40px; }
  .CreditorTemplateManaging .addNew,
  .ForeignPredefinedUsersCorporate .addNew {
    transform: translateY(40px);
    top: unset;
    position: absolute; }
  .CreditorTemplateManaging .account-statements-info-wrapper,
  .ForeignPredefinedUsersCorporate .account-statements-info-wrapper {
    margin-top: 155px;
    overflow-x: hidden; }
  .CreditorTemplateManaging .pager,
  .ForeignPredefinedUsersCorporate .pager {
    display: block; }
    .CreditorTemplateManaging .pager .show-per-page,
    .ForeignPredefinedUsersCorporate .pager .show-per-page {
      margin-bottom: 20px; }
    .CreditorTemplateManaging .pager .showPagination,
    .ForeignPredefinedUsersCorporate .pager .showPagination {
      justify-content: flex-start; }
  .CreditorTemplateManaging .account-statement-pdf-download,
  .ForeignPredefinedUsersCorporate .account-statement-pdf-download {
    width: 88%; }
    .CreditorTemplateManaging .account-statement-pdf-download p:first-child,
    .ForeignPredefinedUsersCorporate .account-statement-pdf-download p:first-child {
      width: 39% !important; }
  .CreditorTemplateManaging .account-statement-info-inner,
  .ForeignPredefinedUsersCorporate .account-statement-info-inner {
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden; }
    .CreditorTemplateManaging .account-statement-info-inner .account-statements-info,
    .ForeignPredefinedUsersCorporate .account-statement-info-inner .account-statements-info {
      width: 100%;
      max-width: 1100px;
      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: -50px !important; }
  .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 {
    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; }
  .gvAccountTurnoverPreview,
  #gvLoanAnnuityPlanCorporate {
    overflow-x: auto !important;
    white-space: nowrap !important;
    width: 100% !important;
    touch-action: auto !important; }
  .account-statements-info-wrapper {
    overflow-x: auto !important;
    margin-top: 155px !important;
    white-space: nowrap !important;
    width: 100% !important; }
  .account-statements-info-inner {
    width: fit-content !important; }
  .account-statements-filter-inner {
    width: 1000px !important; }
    .downloadedInflows .account-statements-filter-inner {
      width: auto !important; }
  .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; }
  .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,
  .LoanBalancePreviewV2 .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,
  .LoanBalancePreviewV2 .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,
  .LoanBalancePreviewV2 .wrapper.account-card-img .account-intro-inner .accounts-intro-balance .profile-text-arrow {
    right: -260px; }
  .LoanBalancePreviewCorporate .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-balance .account-balance-amount-text .page-text,
  .SalariesPaylistCorporate .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-balance .account-balance-amount-text .page-text,
  .AccountBalancePreviewCorporateV2 .user-account-card-outer .wrapper-border-radius .account-card-img .account-intro-inner .accounts-intro-balance .account-balance-amount-text .page-text,
  .DepositBalancePreviewCorporateV2 .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; }
  .LoanBalancePreviewCorporate .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .user-accout-card-img,
  .SalariesPaylistCorporate .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .user-accout-card-img,
  .AccountBalancePreviewCorporateV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .user-accout-card-img,
  .DepositBalancePreviewCorporateV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .user-accout-card-img {
    margin-bottom: 10px; }
  .CardBalancePreviewV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title,
  .CardBalancePreviewCorporateV3 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title {
    width: 100%; }
    .CardBalancePreviewV2 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .user-account-card-img,
    .CardBalancePreviewCorporateV3 .user-account-card-outer .wrapper.account-card-img .account-intro-inner .accounts-intro-title .user-account-card-img {
      margin-bottom: 10px; }
  .CardBalancePreviewV2 .user-account-info-cards-wrapper .user-account-card-outer .relative .user-account-card .account-intro-inner .accounts-intro-title .user-account-card-img,
  .CardBalancePreviewCorporateV3 .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; }
  .ui-dialog.right-dialog.details-dialog.newTemplate {
    width: 560px !important; }
  .AccountSlider .user-account-card-left-col {
    padding-right: 0px !important;
    border: none !important; } }

@media only screen and (max-width: 700px) {
  .InflowsCorporate .transaction-filter-wrapper {
    margin-top: 25%; }
  .InflowsCorporate .radioBtns {
    width: 50%; }
  .DomesticOrderReportCorporate .dot-menu-text-wrapper {
    transform: translateY(-300px); }
  .AccountSlider .tabslider {
    width: 80%;
    left: 50%; }
  .AccountSlider .user-account-card .user-account-card-left-col {
    margin-bottom: 35px;
    flex-wrap: wrap;
    border-right: 1px solid #d4dfec; }
  .AccountSlider .user-account-card-left-col-inner {
    width: 100%;
    margin-bottom: 30px; }
  .AccountSlider .user-account-card-right-col-inner {
    width: 100%; }
  .chartView .highcharts-container svg {
    width: 250px; } }

@media only screen and (min-width: 601px) and (max-width: 850px) {
  .token-list .column-date p {
    margin-left: 160px !important;
    white-space: nowrap; }
  .token-list .column-digipass p {
    margin-left: 140px !important; }
  .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .input-1 {
    max-width: unset;
    width: 92% !important; }
  .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperIntra .intrabank-wrapper.model .input-1 {
    width: 95%; }
  .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperIntra .intrabank-wrapper.refNum .input-1 {
    width: 87% !important; } }

@media only screen and (max-width: 554px) {
  .DomesticOrderCorporate .business-exchange-form-wrapper .custom-checkbox-toggle .custom-label svg {
    width: 35px; }
  .DomesticOrderCorporate .user-account-info-cards-wrapper .user-account-card-outer .debit-account-wrapper .dk-select.select-1 .dk-select-options .dropdown-checkmark-icon {
    right: 10px; }
  .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog {
    height: 1775px !important; }
    .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper.fromAcc {
      width: 61% !important; } }

@media only screen and (max-width: 530px) {
  .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2.template.open {
    height: 880px; }
  .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2.recipient.open {
    height: 1340px; } }

@media only screen and (max-width: 1000px) and (min-height: 601px) {
  .ui-dialog.right-dialog.details-dialog.selectLegalEntityDialog,
  .ui-dialog.right-dialog.details-dialog.accountsList {
    transform: translateY(-45%) translateX(-26%);
    max-height: 97vh; }
    .ui-dialog.right-dialog.details-dialog.selectLegalEntityDialog .modal-wrap .modal-inner,
    .ui-dialog.right-dialog.details-dialog.accountsList .modal-wrap .modal-inner {
      max-height: 309px;
      min-height: 309px; } }

@media only screen and (max-width: 1000px) and (min-height: 700px) {
  .ui-dialog.right-dialog.details-dialog.selectLegalEntityDialog,
  .ui-dialog.right-dialog.details-dialog.accountsList {
    transform: translateY(-45%) translateX(-33%);
    max-height: 97vh; } }

@media only screen and (max-width: 450px) {
  .AccountTurnoverCorporateV2 .floating-label .total-turnover, .AccountTurnoverCorporateV2 .floating-label .debit-turnover, .AccountTurnoverCorporateV2 .floating-label .credit-turnover {
    width: 100%;
    text-align: start; }
  .SalariesServerOrderListCorporate .salaries-top-actions {
    width: 100%;
    -webkit-box-pack: center;
    justify-content: center; }
  .SalariesServerOrderListCorporate .account-statement-calendar-wrapper-right {
    flex-wrap: wrap; }
    .SalariesServerOrderListCorporate .account-statement-calendar-wrapper-right .popup-form-submit-btn {
      width: 100%;
      margin: 0 0 16px !important; }
  .SalariesPaylistCorporate .content-container .input-grid-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column; }
    .SalariesPaylistCorporate .content-container .input-grid-wrapper .col-1 {
      width: 100%;
      margin-right: 0; }
    .SalariesPaylistCorporate .content-container .input-grid-wrapper .full-minus-col-1 {
      width: 100%;
      margin-right: 0; }
  .account-statements-info-wrapper {
    margin-top: 0; }
  .downloadedInflows .account-statements-filter-inner {
    width: fit-content !important; }
  .reportPrint.frn {
    margin-right: auto !important; }
    .reportPrint.frn .foreign-exchange-order-top-right {
      flex-wrap: wrap; }
    .reportPrint.frn .modal-wrap {
      padding: 40px 20px; }
    .reportPrint.frn .foreign-exchange-order-stats .account-statements-info-wrapper {
      overflow-x: auto; }
  .SalariesPaylistCorporate .salaries-btns-wrap-1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column; }
    .SalariesPaylistCorporate .salaries-btns-wrap-1 .btn-1 {
      width: auto; }
      .SalariesPaylistCorporate .salaries-btns-wrap-1 .btn-1:not(:last-child) {
        margin-bottom: 20px; }
  .reportPrint.loro {
    margin-left: auto;
    margin-right: auto !important; }
    .reportPrint.loro .ui-dialog-content.ui-widget-content {
      padding: 40px 25px 40px 35px !important; }
    .reportPrint.loro .foreign-inflows-top-right {
      row-gap: 15px;
      width: 100%; }
      .reportPrint.loro .foreign-inflows-top-right .btn-2 {
        width: 100%; }
    .reportPrint.loro .modal-inner .inflow-record {
      width: 100%; }
  .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; }
  .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); }
  .DomesticOrderCorporate .business-exchange-form-wrapper .custom-checkbox-toggle .custom-label svg {
    width: 60px; }
  .HtmlPromo .advert {
    height: 160px; }
  .DomesticOrderCorporate .business-exchange-form-wrapper .input-grid-wrapper.wrapperSaveTemplate {
    height: 95px; }
    .DomesticOrderCorporate .business-exchange-form-wrapper .input-grid-wrapper.wrapperSaveTemplate.open {
      height: 210px; }
  .ui-dialog.info-dialog.error-dialog,
  .ui-dialog.error-dialog.information,
  .ui-dialog.info-dialog.success-dialog,
  .ui-dialog.success-dialog.information {
    min-width: unset !important; }
  .ui-dialog.right-dialog.details-dialog.selectLegalEntityDialog,
  .ui-dialog.right-dialog.details-dialog.accountsList {
    transform: translateY(-45%) translateX(4%);
    max-height: unset; }
    .ui-dialog.right-dialog.details-dialog.selectLegalEntityDialog .modal-wrap .modal-inner,
    .ui-dialog.right-dialog.details-dialog.accountsList .modal-wrap .modal-inner {
      max-height: 309px;
      min-height: 309px; } }

@media only screen and (max-width: 600px) {
  #page-header.categories-header:not(.dashboard-header):after {
    height: 1310px !important; }
  body.LanguageLogout .languagesContainer {
    position: relative;
    top: 65px !important;
    left: 24px; }
  .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; }
  .AccountSlider .user-chart-info-wrapper {
    margin-left: 0px !important; }
  .AccountSlider .chartView {
    margin-left: 20px !important;
    zoom: 65%; }
  .pfm-ftc {
    overflow-x: auto !important; }
  .payment-filter-wrapper {
    overflow-x: hidden !important; }
  .LoginBackgroundV2 .login-promo-col .login-promo-main {
    height: auto;
    padding: 24px; }
    .LoginBackgroundV2 .login-promo-col .login-promo-main .content-inner {
      width: 100%;
      padding-left: 0 !important; }
      .LoginBackgroundV2 .login-promo-col .login-promo-main .content-inner h3 {
        font-size: 45px; }
  .NoticesSlider {
    bottom: -630px !important;
    width: calc(100% - 40px) !important;
    left: 5%; }
    .NoticesSlider .slider-wrapper {
      display: flex;
      flex-wrap: wrap;
      height: 200px; }
      .NoticesSlider .slider-wrapper .slider-wrapper_middle {
        transform: translateY(50px);
        height: 150px !important; }
      .NoticesSlider .slider-wrapper .slider-wrapper_bottom {
        width: 100%;
        transform: translateY(-175px); }
        .NoticesSlider .slider-wrapper .slider-wrapper_bottom ul.widget-options {
          position: relative;
          display: flex;
          width: 100%;
          justify-content: space-between; }
          .NoticesSlider .slider-wrapper .slider-wrapper_bottom ul.widget-options li {
            position: absolute; }
            .NoticesSlider .slider-wrapper .slider-wrapper_bottom ul.widget-options li:first-child {
              right: 0; }
            .NoticesSlider .slider-wrapper .slider-wrapper_bottom ul.widget-options li:last-child {
              left: 0; }
  .AccountBalancePreviewCorporateV2 .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-intro-inner .accounts-intro-balance .profile-text-arrow,
  .DepositBalancePreviewCorporateV2 .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-intro-inner .accounts-intro-balance .profile-text-arrow,
  .LoanBalancePreviewCorporate .user-account-info-cards-wrapper .user-account-card-outer .wrapper-border-radius .account-intro-inner .accounts-intro-balance .profile-text-arrow {
    right: 0px; }
  .CardStatements .account-statement-calendar-wrapper,
  .AccountStatements .account-statement-calendar-wrapper,
  .AccountStatementsCorporateV2 .account-statement-calendar-wrapper,
  .CardStatementsCorporateV2 .account-statement-calendar-wrapper {
    margin-left: 0;
    width: 100% !important;
    margin-bottom: 20px;
    flex-wrap: wrap; }
    .CardStatements .account-statement-calendar-wrapper .filter-radio-btn,
    .AccountStatements .account-statement-calendar-wrapper .filter-radio-btn,
    .AccountStatementsCorporateV2 .account-statement-calendar-wrapper .filter-radio-btn,
    .CardStatementsCorporateV2 .account-statement-calendar-wrapper .filter-radio-btn {
      width: 100%; }
      .CardStatements .account-statement-calendar-wrapper .filter-radio-btn:nth-child(1),
      .AccountStatements .account-statement-calendar-wrapper .filter-radio-btn:nth-child(1),
      .AccountStatementsCorporateV2 .account-statement-calendar-wrapper .filter-radio-btn:nth-child(1),
      .CardStatementsCorporateV2 .account-statement-calendar-wrapper .filter-radio-btn:nth-child(1) {
        margin-bottom: 20px;
        margin-right: 0 !important; }
      .CardStatements .account-statement-calendar-wrapper .filter-radio-btn:nth-child(2),
      .AccountStatements .account-statement-calendar-wrapper .filter-radio-btn:nth-child(2),
      .AccountStatementsCorporateV2 .account-statement-calendar-wrapper .filter-radio-btn:nth-child(2),
      .CardStatementsCorporateV2 .account-statement-calendar-wrapper .filter-radio-btn:nth-child(2) {
        margin-top: 0px !important;
        margin-bottom: 20px;
        margin-right: 0 !important; }
    .CardStatements .account-statement-calendar-wrapper button.transaction-filter-submit-statements,
    .AccountStatements .account-statement-calendar-wrapper button.transaction-filter-submit-statements,
    .AccountStatementsCorporateV2 .account-statement-calendar-wrapper button.transaction-filter-submit-statements,
    .CardStatementsCorporateV2 .account-statement-calendar-wrapper button.transaction-filter-submit-statements {
      width: 100% !important; }
  .CardStatements .payment-filter-ico,
  .AccountStatements .payment-filter-ico,
  .AccountStatementsCorporateV2 .payment-filter-ico,
  .CardStatementsCorporateV2 .payment-filter-ico {
    right: 55px; }
  .CardStatements .transaction-filter-box,
  .AccountStatements .transaction-filter-box,
  .AccountStatementsCorporateV2 .transaction-filter-box,
  .CardStatementsCorporateV2 .transaction-filter-box {
    width: 100% !important;
    margin-bottom: 10px !important;
    margin-left: 0 !important;
    margin: 0 !important; }
  .CardStatements button.transaction-filter-submit-statements,
  .AccountStatements button.transaction-filter-submit-statements,
  .AccountStatementsCorporateV2 button.transaction-filter-submit-statements,
  .CardStatementsCorporateV2 button.transaction-filter-submit-statements {
    margin-top: 20px; }
  .CardStatements .dot-menu-text-wrapper,
  .AccountStatements .dot-menu-text-wrapper,
  .AccountStatementsCorporateV2 .dot-menu-text-wrapper,
  .CardStatementsCorporateV2 .dot-menu-text-wrapper {
    width: 100%;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    .CardStatements .dot-menu-text-wrapper-filter,
    .AccountStatements .dot-menu-text-wrapper-filter,
    .AccountStatementsCorporateV2 .dot-menu-text-wrapper-filter,
    .CardStatementsCorporateV2 .dot-menu-text-wrapper-filter {
      top: -400px !important;
      margin: auto !important; }
  .CardStatements .group-inner,
  .AccountStatements .group-inner,
  .AccountStatementsCorporateV2 .group-inner,
  .CardStatementsCorporateV2 .group-inner {
    padding-left: 60px !important; }
  .CardStatements .account-statement-pdf-download,
  .AccountStatements .account-statement-pdf-download,
  .AccountStatementsCorporateV2 .account-statement-pdf-download,
  .CardStatementsCorporateV2 .account-statement-pdf-download {
    margin-left: 13px; }
    .CardStatements .account-statement-pdf-download p:first-child,
    .AccountStatements .account-statement-pdf-download p:first-child,
    .AccountStatementsCorporateV2 .account-statement-pdf-download p:first-child,
    .CardStatementsCorporateV2 .account-statement-pdf-download p:first-child {
      margin-right: 51px;
      padding-left: 7px !important; }
    .CardStatements .account-statement-pdf-download .group-inner,
    .AccountStatements .account-statement-pdf-download .group-inner,
    .AccountStatementsCorporateV2 .account-statement-pdf-download .group-inner,
    .CardStatementsCorporateV2 .account-statement-pdf-download .group-inner {
      margin-bottom: 0 !important; }
  .DomesticOrderCorporate .business-exchange-btn-wrapper {
    flex-wrap: wrap; }
    .DomesticOrderCorporate .business-exchange-btn-wrapper-left, .DomesticOrderCorporate .business-exchange-btn-wrapper-right {
      width: 100%; }
      .DomesticOrderCorporate .business-exchange-btn-wrapper-left button, .DomesticOrderCorporate .business-exchange-btn-wrapper-right button {
        width: 100%; }
    .DomesticOrderCorporate .business-exchange-btn-wrapper-left button {
      margin-bottom: 16px; }
  .CreditorTemplateManaging {
    margin-top: 145px; }
    .CreditorTemplateManaging .account-statement-info-inner .dot-menu-text-wrapper {
      right: -280px !important; }
    .CreditorTemplateManaging .fast-pay-menu-wrapper h4 {
      width: 100%; }
    .CreditorTemplateManaging .fast-pay-menu-wrapper .dot-menu-text-wrapper {
      display: block;
      position: absolute;
      top: 50px;
      width: 100%; }
      .CreditorTemplateManaging .fast-pay-menu-wrapper .dot-menu-text-wrapper a.addNew {
        position: relative;
        transform: translateY(0px);
        margin-left: 0px;
        top: 16px; }
    .CreditorTemplateManaging .templateWrapper {
      margin-top: 125px; }
      .CreditorTemplateManaging .templateWrapper .filterButton {
        bottom: -145px;
        right: 20px; }
  .account-statements-info-wrapper .account-statements-filter-inner {
    width: 1020px !important; }
  .CreditorTemplateManaging .account-statements-info-wrapper .account-statements-filter-inner .payment-filter .payment-filter-box:first-child {
    padding-left: 108px !important; }
  .CreditorTemplateManaging .account-statements-info-wrapper .account-statements-filter-inner .payment-filter .payment-filter-box:nth-child(2) {
    padding-left: 65px !important; }
  .CreditorTemplateManaging .account-statements-info-wrapper .account-statements-filter-inner .payment-filter .payment-filter-box:nth-child(3) {
    padding-left: 35px !important; }
  .token-list .column-date p {
    margin-left: 145px !important;
    white-space: nowrap; }
  .token-list .column-digipass p {
    margin-left: 125px !important; }
  .DomesticOrderReportCorporate .tableFilter .transaction-filter-inner .transaction-filter-box {
    width: 100% !important; }
  .DomesticOrderReportCorporate .dot-menu-text-wrapper.flex-layout {
    flex-wrap: wrap;
    -webkit-box-pack: start !important;
    justify-content: flex-start !important;
    gap: 16px;
    transform: translateY(-575px);
    top: 15px; }
    .DomesticOrderReportCorporate .dot-menu-text-wrapper.flex-layout a {
      margin-left: 0px; }
  .side-menu {
    height: 60px;
    padding: 10px 20px; }
    .side-menu .main-menu {
      top: 0;
      height: 100vh;
      z-index: 301; }
    .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; }
  .AccountBalancePreviewCorporateV2 .account-intro-inner .accounts-intro-title.flex-layout .account-card-text,
  .DepositBalancePreviewCorporateV2 .account-intro-inner .accounts-intro-title.flex-layout .account-card-text,
  .CardBalancePreviewCorporateV3 .account-intro-inner .accounts-intro-title.flex-layout .account-card-text,
  .LoanBalancePreviewCorporate .account-intro-inner .accounts-intro-title.flex-layout .account-card-text {
    max-width: 75%; }
  .AccountBalancePreviewCorporateV2 .activeShowMore,
  .DepositBalancePreviewCorporateV2 .activeShowMore,
  .CardBalancePreviewCorporateV3 .activeShowMore,
  .LoanBalancePreviewCorporate .activeShowMore {
    width: 100%; }
  .AccountBalancePreviewCorporateV2 .wrapper .account-intro-inner,
  .DepositBalancePreviewCorporateV2 .wrapper .account-intro-inner,
  .CardBalancePreviewCorporateV3 .wrapper .account-intro-inner,
  .LoanBalancePreviewCorporate .wrapper .account-intro-inner {
    display: flex !important;
    flex-wrap: wrap;
    flex-direction: column; }
    .AccountBalancePreviewCorporateV2 .wrapper .account-intro-inner .accounts-intro-title,
    .DepositBalancePreviewCorporateV2 .wrapper .account-intro-inner .accounts-intro-title,
    .CardBalancePreviewCorporateV3 .wrapper .account-intro-inner .accounts-intro-title,
    .LoanBalancePreviewCorporate .wrapper .account-intro-inner .accounts-intro-title {
      justify-content: center;
      align-items: center;
      width: 55% !important;
      margin-bottom: 15px; }
    .AccountBalancePreviewCorporateV2 .wrapper .account-intro-inner .accounts-intro-balance,
    .DepositBalancePreviewCorporateV2 .wrapper .account-intro-inner .accounts-intro-balance,
    .CardBalancePreviewCorporateV3 .wrapper .account-intro-inner .accounts-intro-balance,
    .LoanBalancePreviewCorporate .wrapper .account-intro-inner .accounts-intro-balance {
      width: 50% !important;
      display: flex;
      justify-content: space-between; }
      .AccountBalancePreviewCorporateV2 .wrapper .account-intro-inner .accounts-intro-balance .profile-text-arrow,
      .DepositBalancePreviewCorporateV2 .wrapper .account-intro-inner .accounts-intro-balance .profile-text-arrow,
      .CardBalancePreviewCorporateV3 .wrapper .account-intro-inner .accounts-intro-balance .profile-text-arrow,
      .LoanBalancePreviewCorporate .wrapper .account-intro-inner .accounts-intro-balance .profile-text-arrow {
        right: 0; }
  .CardBalancePreviewCorporateV3 .wrapper.account-card-img .account-intro-inner .accounts-intro-balance .profile-text-arrow {
    top: 15px; }
  .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog {
    height: 1775px !important; }
    .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperIntra {
      flex-wrap: wrap; }
      .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperIntra .intrabank-wrapper.model,
      .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperIntra .intrabank-wrapper.refNum {
        width: 100% !important;
        margin-right: 20px !important; }
        .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperIntra .intrabank-wrapper.model .input-1,
        .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperIntra .intrabank-wrapper.refNum .input-1 {
          width: 100% !important; }
    .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperIntraCode .wraperOptionsTemplate .intrabank-wrapper.fromAcc {
      width: 90% !important; }
  .ui-dialog.right-dialog.details-dialog.newTemplate {
    width: 90% !important; }
  .DomesticOrderListCorporate {
    margin-top: 60px; }
    .DomesticOrderListCorporate .s-widget-title {
      margin-bottom: 60px; }
    .DomesticOrderListCorporate .account-statement-calendar-wrapper {
      left: 3%; }
    .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .form-group {
      width: 100% !important;
      margin: 0 0 10px 0 !important; }
    .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .dk-select-options {
      min-width: 280px; }
    .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .popup-form-submit-btn {
      width: 100%; }
      .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .popup-form-submit-btn .form-submit-btn-ico {
        left: 35%; }
      .DomesticOrderListCorporate .account-statement-calendar-wrapper-right .popup-form-submit-btn:not(:last-child) {
        margin-right: 0;
        margin-bottom: 16px; }
  .AccountSlider .user-account-card-left-col {
    padding-right: 0px !important;
    border-radius: none !important; }
    .AccountSlider .user-account-card-left-col .content {
      max-width: 160px !important; }
  .ui-dialog.right-dialog.accountsFavorites {
    max-height: unset; }
  .ui-dialog.details-dialog.reservedFundsCards,
  .ui-dialog.details-dialog.reservedFunds,
  .ui-dialog.details-dialog.pendingOrders {
    min-width: 80vw !important;
    max-width: 80vw !important; }
  .right-dialog.details-dialog.commissionDialog .commission_details {
    max-height: 435px;
    margin-bottom: 16px; } }

@media only screen and (max-width: 480px) {
  .login-downloads-main .login-downloads-col-left .login-downloads-col-left-content {
    margin-right: 55px; }
    .login-downloads-main .login-downloads-col-left .login-downloads-col-left-content h2 {
      font-size: 40px !important; }
    .login-downloads-main .login-downloads-col-left .login-downloads-col-left-content .login-downloads-deco {
      width: 91% !important; }
  .login-downloads-main .login-downloads-col-right .login-downloads-col-right-inner .login-downloads-wrap .login-downloads-links-wrap .file-box-wrapper {
    width: 95%; }
  .AccountSlider .user-account-card-outer .user-account-card .user-account-card-right-col .right-col-wrap {
    flex-wrap: nowrap !important; }
  .AccountSlider .user-chart-info-wrapper {
    margin-left: 15px !important; }
  .AccountSlider .chartView {
    margin-left: 55px !important;
    zoom: 65%; }
  .DomesticOrderReportCorporate .tableFilter {
    padding-top: 45px; }
  .side-menu .main-menu {
    width: 60%; }
  .AccountBalancePreviewCorporateV2 .account-intro-inner .accounts-intro-title.flex-layout,
  .DepositBalancePreviewCorporateV2 .account-intro-inner .accounts-intro-title.flex-layout,
  .CardBalancePreviewCorporateV3 .account-intro-inner .accounts-intro-title.flex-layout,
  .LoanBalancePreviewCorporate .account-intro-inner .accounts-intro-title.flex-layout {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    gap: 10px; }
    .AccountBalancePreviewCorporateV2 .account-intro-inner .accounts-intro-title.flex-layout .account-card-text,
    .DepositBalancePreviewCorporateV2 .account-intro-inner .accounts-intro-title.flex-layout .account-card-text,
    .CardBalancePreviewCorporateV3 .account-intro-inner .accounts-intro-title.flex-layout .account-card-text,
    .LoanBalancePreviewCorporate .account-intro-inner .accounts-intro-title.flex-layout .account-card-text {
      min-width: 170px !important;
      max-width: 170px;
      white-space: normal; }
  .AccountBalancePreviewCorporateV2 .account-intro-inner .accounts-intro-balance,
  .DepositBalancePreviewCorporateV2 .account-intro-inner .accounts-intro-balance,
  .CardBalancePreviewCorporateV3 .account-intro-inner .accounts-intro-balance,
  .LoanBalancePreviewCorporate .account-intro-inner .accounts-intro-balance {
    margin: 0 auto;
    justify-content: center;
    text-align: center !important;
    margin-bottom: 10px;
    min-width: fit-content; }
  .AccountBalancePreviewCorporateV2 .account-detail-menu,
  .DepositBalancePreviewCorporateV2 .account-detail-menu,
  .CardBalancePreviewCorporateV3 .account-detail-menu,
  .LoanBalancePreviewCorporate .account-detail-menu {
    justify-content: center;
    margin: 0 auto;
    float: unset;
    transform: unset; }
  .AccountBalancePreviewCorporateV2 .wrapper .account-intro-inner,
  .DepositBalancePreviewCorporateV2 .wrapper .account-intro-inner,
  .CardBalancePreviewCorporateV3 .wrapper .account-intro-inner,
  .LoanBalancePreviewCorporate .wrapper .account-intro-inner {
    padding: 15px 0px 15px 0px !important; }
    .AccountBalancePreviewCorporateV2 .wrapper .account-intro-inner .accounts-intro-title.flex-layout,
    .DepositBalancePreviewCorporateV2 .wrapper .account-intro-inner .accounts-intro-title.flex-layout,
    .CardBalancePreviewCorporateV3 .wrapper .account-intro-inner .accounts-intro-title.flex-layout,
    .LoanBalancePreviewCorporate .wrapper .account-intro-inner .accounts-intro-title.flex-layout {
      width: unset !important;
      margin-bottom: 10px; }
    .AccountBalancePreviewCorporateV2 .wrapper .account-intro-inner .accounts-intro-balance,
    .DepositBalancePreviewCorporateV2 .wrapper .account-intro-inner .accounts-intro-balance,
    .CardBalancePreviewCorporateV3 .wrapper .account-intro-inner .accounts-intro-balance,
    .LoanBalancePreviewCorporate .wrapper .account-intro-inner .accounts-intro-balance {
      text-align: left !important;
      margin-top: 0;
      margin-left: 0;
      margin: 0; }
      .AccountBalancePreviewCorporateV2 .wrapper .account-intro-inner .accounts-intro-balance .account-balance-amount-text,
      .DepositBalancePreviewCorporateV2 .wrapper .account-intro-inner .accounts-intro-balance .account-balance-amount-text,
      .CardBalancePreviewCorporateV3 .wrapper .account-intro-inner .accounts-intro-balance .account-balance-amount-text,
      .LoanBalancePreviewCorporate .wrapper .account-intro-inner .accounts-intro-balance .account-balance-amount-text {
        margin-right: 0 !important; }
      .AccountBalancePreviewCorporateV2 .wrapper .account-intro-inner .accounts-intro-balance .profile-text-arrow,
      .DepositBalancePreviewCorporateV2 .wrapper .account-intro-inner .accounts-intro-balance .profile-text-arrow,
      .CardBalancePreviewCorporateV3 .wrapper .account-intro-inner .accounts-intro-balance .profile-text-arrow,
      .LoanBalancePreviewCorporate .wrapper .account-intro-inner .accounts-intro-balance .profile-text-arrow {
        top: 5px; }
  .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperTemplateDialog {
    height: auto !important; }
    .newTemplate .accountDetailsPopup .read-messages-list .account-item-inner.recDialog .transaction-popup-details-wrapper .formWrapperDialog .wrapperTemplateDialog .custom-checkbox-toggle {
      flex-wrap: wrap;
      align-items: center;
      justify-content: center; }
  .newTemplate .input-1 {
    width: 93%; }
  #accountBalanceDomesticTemplate .transaction-popup-details-wrapper.templateWrapper {
    height: 55vh !important; } }

@media only screen and (max-width: 400px) {
  .AccountSlider .highcharts-container {
    width: 100%; }
  .AccountSlider .chartView {
    margin-left: 0px !important; }
  #render-wrapper {
    height: 100%;
    overflow-y: scroll; }
  .iosxRspButton {
    position: relative;
    bottom: -8px !important;
    margin-bottom: 50px !important; }
  .MessageHubNotificationList .dot-menu-text-wrapper.messages {
    transform: translateY(-485px); }
  .MessageHubNotificationList .notificationMsgList .widget-tabs {
    top: -685px !important; }
  .NoticesSlider {
    bottom: 1050px !important; }
  .AccountSlider .user-account-card-left-col {
    padding-right: 0px !important;
    border: none !important; }
    .AccountSlider .user-account-card-left-col .content {
      max-width: 150px !important; } }

@media only screen and (max-width: 380px) {
  .DomesticOrderReportCorporate .tableFilter {
    padding-top: 85px !important; }
  .DomesticOrderReportCorporate .dot-menu-text-wrapper {
    top: -22px !important;
    transform: translateY(-575px); }
  .AccountSlider .user-account-card-outer .user-account-card .user-account-card-left-col .user-account-card-left-col-inner .account-name {
    max-width: 230px; }
  .AccountSlider .user-account-card-outer .user-account-card .user-account-card-left-col .user-account-card-left-col-inner .account-card-nav {
    right: 0px; }
  .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2.template.open {
    height: 900px; }
  .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2 .input-wrapper.with-label-inside .input-1.input-amount {
    width: 79%; } }

@media only screen and (max-width: 350px) {
  .CreditorTemplateManaging .payment-filter-box .sort-indicator-name, .CreditorTemplateManaging .payment-filter-box .sort-indicator-name-2,
  .ForeignPredefinedUsersCorporate .payment-filter-box .sort-indicator-name,
  .ForeignPredefinedUsersCorporate .payment-filter-box .sort-indicator-name-2 {
    right: -35px; }
  .CreditorTemplateManaging .widget-tabs li a,
  .ForeignPredefinedUsersCorporate .widget-tabs li a {
    padding: 0 40px;
    padding-bottom: 4px;
    padding-top: 5px; }
  .DomesticOrderCorporate .business-exchange-form-wrapper .input-grid-wrapper.wrapperSaveTemplate {
    height: 135px; }
    .DomesticOrderCorporate .business-exchange-form-wrapper .input-grid-wrapper.wrapperSaveTemplate.open {
      height: 250px; } }

@media only screen and (max-width: 370px) {
  .DomesticOrderCorporate .business-exchange-form-wrapper .business-exchange-form-inner .business-exchange-form-col-2.recipient.open {
    height: 1380px; } }

@media only screen and (min-width: 1401px) {
  .transaction-filter-box:nth-child(2), .transaction-filter-box:nth-child(4), .transaction-filter-box:nth-child(6) {
    margin-right: 14px !important; }
  .DomesticOrderReportCorporate .transaction-filter-box:nth-child(2), .DomesticOrderReportCorporate .transaction-filter-box:nth-child(4), .DomesticOrderReportCorporate .transaction-filter-box:nth-child(6) {
    margin-right: 0px !important; } }

@media only screen and (max-width: 800px) {
  .NoticesSlider {
    bottom: -800px; } }

@media only screen and (max-width: 600px) and (max-height: 950px) {
  .NoticesSlider {
    bottom: -630px !important; } }

@media only screen and (max-width: 600px) and (max-height: 900px) {
  .NoticesSlider {
    bottom: -660px !important; } }

@media only screen and (max-width: 600px) and (max-height: 800px) {
  .NoticesSlider {
    bottom: -845px !important; } }

@media only screen and (max-width: 600px) and (max-height: 800px) {
  .NoticesSlider {
    bottom: -990px !important; } }

@media only screen and (max-width: 400px) and (max-height: 850px) {
  .NoticesSlider {
    bottom: -815px !important; } }

@media only screen and (min-height: 400px) and (max-height: 850px) {
  .NoticesSlider {
    bottom: -710px !important; } }

@media only screen and (max-height: 1600px) and (max-width: 1400px) {
  .LoginBackgroundV2 .login-promo-main .content-inner {
    padding-bottom: 25.5%; } }

@media only screen and (min-width: 1200px) and (max-height: 1400px) {
  .NoticesSlider {
    bottom: 40px !important; } }

@media only screen and (min-width: 1200px) and (max-height: 800px) {
  .NoticesSlider {
    bottom: 20px !important; }
  .LoginBackgroundV2 .login-promo-col .login-promo-main .content-inner {
    padding-bottom: 19.5%; }
    .LoginBackgroundV2 .login-promo-col .login-promo-main .content-inner h3 {
      margin-bottom: 5px !important; }
    .LoginBackgroundV2 .login-promo-col .login-promo-main .content-inner p {
      margin-bottom: 10px !important; } }

@media only screen and (max-width: 1200px) and (max-height: 600px) {
  .NoticesSlider {
    bottom: -1000px !important; }
  .right-dialog.details-dialog.commissionDialog {
    max-height: 95vh; }
    .right-dialog.details-dialog.commissionDialog .commission_details {
      max-height: 385px;
      margin-bottom: 16px; } }

@media only screen and (max-width: 1000px) and (max-height: 600px) {
  .right-dialog.details-dialog.commissionDialog {
    max-height: 95vh; }
    .right-dialog.details-dialog.commissionDialog .commission_details {
      max-height: 220px;
      margin-bottom: 16px; } }

@media only screen and (max-width: 1200px) and (max-height: 750px) {
  .NoticesSlider {
    bottom: -1000px !important; } }

@media only screen and (max-width: 1200px) and (max-height: 720px) {
  .NoticesSlider {
    bottom: -815px !important; } }

@media only screen and (max-width: 1030px) and (max-height: 600px) {
  .NoticesSlider {
    bottom: -890px !important; } }

@media only screen and (max-width: 1030px) and (max-height: 590px) {
  .NoticesSlider {
    bottom: -970px !important; } }

@media only screen and (max-width: 1024px) and (max-height: 400px) {
  .NoticesSlider {
    bottom: -1130px !important; } }

@media only screen and (max-width: 1180px) and (min-width: 1024px) and (min-height: 768px) and (max-height: 820px) {
  .NoticesSlider {
    bottom: -675px !important; } }

@media only screen and (max-width: 1000px) and (max-height: 600px) {
  .NoticesSlider {
    bottom: -1070px !important; }
  .ui-dialog.right-dialog.details-dialog.selectLegalEntityDialog,
  .ui-dialog.right-dialog.details-dialog.accountsList {
    transform: translateY(-45%) translateX(-30%);
    max-height: 97vh; }
    .ui-dialog.right-dialog.details-dialog.selectLegalEntityDialog .modal-wrap .modal-inner,
    .ui-dialog.right-dialog.details-dialog.accountsList .modal-wrap .modal-inner {
      max-height: 85px;
      min-height: 85px; } }

@media only screen and (max-width: 1000px) and (max-height: 450px) {
  .NoticesSlider {
    bottom: -1070px !important; } }

@media only screen and (max-width: 900px) and (max-height: 600px) {
  .NoticesSlider {
    bottom: -1025px !important; }
  .right-dialog.details-dialog.commissionDialog .commission_details {
    max-height: 180px;
    margin-bottom: 16px; } }

@media only screen and (max-width: 900px) and (max-height: 450px) {
  .NoticesSlider {
    bottom: -1260px !important; } }

@media only screen and (max-width: 900px) and (max-height: 420px) {
  .NoticesSlider {
    bottom: -1080px !important; } }

@media only screen and (max-width: 854px) and (max-height: 590px) {
  .NoticesSlider {
    bottom: -1120px !important; } }

@media only screen and (max-width: 854px) and (max-height: 550px) {
  .NoticesSlider {
    bottom: -1070px !important; } }

@media only screen and (max-width: 854px) and (max-height: 500px) {
  .NoticesSlider {
    bottom: -1140px !important; } }

@media only screen and (max-width: 854px) and (max-height: 400px) {
  .NoticesSlider {
    bottom: -1230px !important; } }

@media only screen and (max-width: 854px) and (max-height: 360px) {
  .NoticesSlider {
    bottom: -1285px !important; } }

@media only screen and (max-width: 800px) and (max-height: 600px) {
  .NoticesSlider {
    bottom: -1145px !important; } }

@media only screen and (max-width: 800px) and (max-height: 400px) {
  .NoticesSlider {
    bottom: -1200px !important; } }

@media only screen and (max-width: 600px) and (max-height: 720px) {
  .NoticesSlider {
    bottom: -745px !important; } }

@media only screen and (max-width: 380px) and (max-height: 750px) {
  .NoticesSlider {
    bottom: -815px !important; } }

@media only screen and (max-width: 380px) and (max-height: 700px) {
  .NoticesSlider {
    bottom: -880px !important; }
  .HtmlPromo .advert {
    height: 139px; } }

@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; }
  .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; }
  .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 {
    width: 581px;
    left: 3%; }
    .s-widget.MessageHubNotificationList .notificationMsgList .widget-tabs li {
      width: 27%; }
      .s-widget.MessageHubNotificationList .notificationMsgList .widget-tabs li a {
        padding: 6px 47px; }
  .chartView .highcharts-container .highcharts-series-group .highcharts-series {
    transform: translate(50px, 50px) scale(1); } }

@media only screen and (min-width: 1500px) and (max-width: 1700px) {
  .s-widget.MessageHubNotificationList .notificationMsgList .widget-tabs {
    width: 525px;
    left: 7%; }
    .s-widget.MessageHubNotificationList .notificationMsgList .widget-tabs li {
      width: 33.33%; }
      .s-widget.MessageHubNotificationList .notificationMsgList .widget-tabs li a {
        padding: 6px 60px; } }

@media only screen and (min-width: 1201px) and (max-width: 1300px) {
  .s-widget.MessageHubNotificationList .notificationMsgList .widget-tabs {
    width: 504px;
    left: 3%; }
    .s-widget.MessageHubNotificationList .notificationMsgList .widget-tabs li {
      width: 25%; }
      .s-widget.MessageHubNotificationList .notificationMsgList .widget-tabs li a {
        padding: 6px 39px; } }

@media only screen and (max-width: 1200px) {
  body.dark-mode .side-menu {
    background-color: #1c1a1a; }
    body.dark-mode .side-menu .main-menu {
      background-color: #1c1a1a; } }

.datepicker {
    width: -moz-min-content;
    width: min-content
}

    .datepicker:not(.active) {
        display: none
    }

.datepicker-dropdown {
    padding-top: 4px;
    position: absolute;
    z-index: 20
}

    .datepicker-dropdown.datepicker-orient-top {
        padding-bottom: 4px;
        padding-top: 0
    }

.datepicker-picker {
    background-color: #fff;
    border-radius: 4px;
    display: flex;
    flex-direction: column
}

.datepicker-dropdown .datepicker-picker {
    box-shadow: 0 2px 3px hsla(0,0%,4%,.1),0 0 0 1px hsla(0,0%,4%,.1)
}

.datepicker-main {
    flex: auto;
    padding: 2px
}

.datepicker-footer {
    background-color: #f5f5f5;
    box-shadow: inset 0 1px 1px hsla(0,0%,4%,.1)
}

.datepicker-title {
    background-color: #f5f5f5;
    box-shadow: inset 0 -1px 1px hsla(0,0%,4%,.1);
    font-weight: 700;
    padding: .375rem .75rem;
    text-align: center
}

.datepicker-controls {
    display: flex
}

.datepicker-header .datepicker-controls {
    padding: 2px 2px 0
}

.datepicker-controls .button {
    align-items: center;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    box-shadow: none;
    color: #363636;
    cursor: pointer;
    display: inline-flex;
    font-size: 1rem;
    height: 2.25em;
    justify-content: center;
    line-height: 1.5;
    margin: 0;
    padding: calc(.375em - 1px) .75em;
    position: relative;
    text-align: center;
    vertical-align: top;
    white-space: nowrap
}

    .datepicker-controls .button:active, .datepicker-controls .button:focus {
        outline: none
    }

    .datepicker-controls .button:hover {
        border-color: #b8b8b8;
        color: #363636
    }

    .datepicker-controls .button:focus {
        border-color: #3273dc;
        color: #363636
    }

        .datepicker-controls .button:focus:not(:active) {
            box-shadow: 0 0 0 .125em rgba(50,115,220,.25)
        }

    .datepicker-controls .button:active {
        border-color: #474747;
        color: #363636
    }

    .datepicker-controls .button[disabled] {
        cursor: not-allowed
    }

.datepicker-header .datepicker-controls .button {
    border-color: transparent;
    font-weight: 700
}

    .datepicker-header .datepicker-controls .button:hover {
        background-color: #f9f9f9
    }

    .datepicker-header .datepicker-controls .button:active {
        background-color: #f2f2f2
    }

.datepicker-footer .datepicker-controls .button {
    border-radius: 2px;
    flex: auto;
    font-size: .75rem;
    margin: calc(.375rem - 1px) .375rem
}

.datepicker-controls .view-switch {
    flex: auto
}

.datepicker-controls .next-button, .datepicker-controls .prev-button {
    flex: 0 0 14.2857142857%;
    padding-left: .375rem;
    padding-right: .375rem
}

    .datepicker-controls .next-button.disabled, .datepicker-controls .prev-button.disabled {
        visibility: hidden
    }

.datepicker-grid, .datepicker-view {
    display: flex
}

.datepicker-view {
    align-items: stretch;
    width: 15.75rem
}

.datepicker-grid {
    flex: auto;
    flex-wrap: wrap
}

.datepicker .days {
    display: flex;
    flex: auto;
    flex-direction: column
}

.datepicker .days-of-week {
    display: flex
}

.datepicker .week-numbers {
    display: flex;
    flex: 0 0 9.6774193548%;
    flex-direction: column
}

.datepicker .weeks {
    align-items: stretch;
    display: flex;
    flex: auto;
    flex-direction: column
}

.datepicker span {
    -webkit-touch-callout: none;
    align-items: center;
    border-radius: 4px;
    cursor: default;
    display: flex;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.datepicker .dow {
    font-size: .875rem;
    font-weight: 700;
    height: 1.5rem
}

.datepicker .week {
    color: #b8b8b8;
    flex: auto;
    font-size: .75rem
}

.datepicker .days .dow, .datepicker-cell {
    flex-basis: 14.2857142857%
}

.datepicker-cell {
    height: 2.25rem
}

    .datepicker-cell:not(.day) {
        flex-basis: 25%;
        height: 4.5rem
    }

    .datepicker-cell:not(.disabled):hover {
        background-color: #f9f9f9;
        cursor: pointer
    }

    .datepicker-cell.focused:not(.selected) {
        background-color: #e9e9e9
    }



    .datepicker-cell.disabled {
        color: #dcdcdc
    }

    .datepicker-cell.next:not(.disabled), .datepicker-cell.prev:not(.disabled) {
        color: #7a7a7a
    }



    .datepicker-cell.highlighted:not(.selected):not(.range):not(.today) {
        background-color: #f5f5f5;
        border-radius: 0
    }

        .datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover {
            background-color: #efefef
        }

        .datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused {
            background-color: #e9e9e9
        }

    .datepicker-cell.today:not(.selected) {
        background-color: #00d1b2
    }

        .datepicker-cell.today:not(.selected):not(.disabled) {
            color: #fff
        }

    .datepicker-cell.today.focused:not(.selected) {
        background-color: #00ccad
    }

    .datepicker-cell.range-end:not(.selected), .datepicker-cell.range-start:not(.selected) {
        background-color: #b8b8b8;
        color: #fff
    }

    .datepicker-cell.range-end.focused:not(.selected), .datepicker-cell.range-start.focused:not(.selected) {
        background-color: #b3b3b3
    }

    .datepicker-cell.range-start:not(.range-end) {
        border-radius: 4px 0 0 4px
    }

    .datepicker-cell.range-end:not(.range-start) {
        border-radius: 0 4px 4px 0
    }

    .datepicker-cell.range {
        background-color: #dcdcdc;
        border-radius: 0
    }

        .datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover {
            background-color: #d7d7d7
        }

        .datepicker-cell.range.disabled {
            color: #c6c6c6
        }

        .datepicker-cell.range.focused {
            background-color: #d1d1d1
        }

.datepicker-input.in-edit {
    border-color: #276bda
}

    .datepicker-input.in-edit:active, .datepicker-input.in-edit:focus {
        box-shadow: 0 0 .25em .25em rgba(39,107,218,.2)
    }